@hestia-earth/ui-components 0.32.28 → 0.32.29

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

@@ -5975,6 +5975,7 @@ const missingLookupPrefix = 'Missing lookup';
 const noValue = 'None';
 // add any other models that are set as "not relevant"
 const notRelevantModels = ['emissionNotRelevant'];
+const isNotRelevantModel = (model) => notRelevantModels.includes(model.methodId);
 const hasValue = (value) => !!value && value !== noValue;
 const parseFilename = (filepath) => {
     const [filename] = filepath.split('.');
@@ -6138,20 +6139,23 @@ var LogStatus;
 })(LogStatus || (LogStatus = {}));
 const hasLogs = (logs) => !!logs?.requirements || !!logs?.logs || logs?.missingLookups?.length > 0;
 const hasLogDetails = (status, logs) => [LogStatus.success, LogStatus.error, LogStatus.dataProvided].includes(status) && hasLogs(logs);
-const logStatus = (data, logs, hasPreviousSuccess = false) => {
-    const withLogs = hasLog(logs);
+const logStatus = (data, logs, model, hasPreviousSuccess = false) => {
+    const termLogs = logs?.[model.methodId];
+    const withLogs = hasLog(termLogs);
+    const hasOriginal = typeof data.originalValue !== 'undefined';
     const isCalculated = [
-        typeof data.originalValue === 'undefined', // no original value
+        !hasOriginal, // no original value
         data.isRecalculated // is recalculated
     ].every(Boolean);
     // can be not required for a specific model
-    const isRequired = !!logs && 'runRequired' in logs ? logs.runRequired : data.isRequired;
+    const isRequired = !!termLogs && 'runRequired' in termLogs ? termLogs.runRequired : data.isRequired;
+    const isCurrentModel = (data.recalculated ?? []).some(v => blankNodeModelId(v) == model.methodId);
     return withLogs
         ? !isRequired
             ? LogStatus.notRequired
-            : isRunOrchestrator(logs)
-                ? 'shouldRun' in logs
-                    ? logs.shouldRun
+            : isRunOrchestrator(termLogs)
+                ? 'shouldRun' in termLogs
+                    ? termLogs.shouldRun
                         ? data.isRecalculated
                             ? LogStatus.success
                             : isEmpty(data.originalValue)
@@ -6165,8 +6169,12 @@ const logStatus = (data, logs, hasPreviousSuccess = false) => {
                     ? LogStatus.skipHierarchy
                     : LogStatus.dataProvided
         : isCalculated
-            ? LogStatus.skipHierarchy
-            : LogStatus.dataProvided;
+            ? isCurrentModel
+                ? LogStatus.success
+                : LogStatus.skipHierarchy
+            : hasOriginal
+                ? LogStatus.dataProvided
+                : LogStatus.error;
 };
 const removeConfigModelByStatus = (...statuses) => (model) => !statuses.includes(model?.status);
 const keepConfigModelByStatus = (...statuses) => (model) => statuses.includes(model?.status);
@@ -6280,14 +6288,13 @@ const logEmissionTransformations = (emissions) => emissions
     showUnits: true,
     configModels: ['cycle/transformation']
 }));
-const logEmissionFailedInputs = (node, allLogs, termId, emissions) => {
+const logEmissionInputs = (node, allLogs, termId, emissions) => {
     // only log for background emissions
     const data = emissions.filter(({ methodTier, term }) => term['@id'] === termId && methodTier === EmissionMethodTier.background);
-    const existingInputs = data.flatMap(emission => emission.inputs?.map(input => input['@id'])).filter(Boolean);
     const configModels = unique(data.flatMap(emission => emission.methodModel?.['@id']).filter(Boolean));
-    const missingInputs = node.inputs?.filter(input => !existingInputs.includes(input.term?.['@id']));
+    const inputs = node.inputs ?? [];
     return data.length
-        ? (missingInputs?.map(input => ({
+        ? (inputs?.map(input => ({
             blankNode: true,
             key: 'input',
             id: input.term['@id'],
@@ -6349,7 +6356,7 @@ mergeSubValues([
         configModels: (termLogs[id].models || []).filter(v => hasLog(termLogs[id][v]))
     })),
     ...(type === SchemaType.Emission ? logEmissionTransformations(recalculated) : []),
-    ...(type === SchemaType.Emission ? logEmissionFailedInputs(node, allLogs, termId, recalculated) : []),
+    ...(type === SchemaType.Emission ? logEmissionInputs(node, allLogs, termId, recalculated) : []),
     ...(type === SchemaType.Input ? logBackgroundEmissions(termLogs) : []),
     // include animals without models, so they can be used for grouping
     ...(type === SchemaType.Emission ? logAnimals(node) : []),
@@ -6497,11 +6504,12 @@ const configModelWithDocs = ({ nodeType, type, termId, termType, key }, subValue
                     model: methodId.split('/')[0],
                     modelKey: methodId.split('/').slice(1).join('.')
                 })
-                : undefined)
+                : undefined) ||
+            (isNotRelevantModel({ methodId }) ? findMatchingModel({ model: methodId }) : undefined)
     };
 };
 const configModelWithLogs = (data, logs, previousModelSuccess = false) => (model) => {
-    const status = logStatus(data, logs?.[model.methodId], previousModelSuccess);
+    const status = logStatus(data, logs, model, previousModelSuccess);
     return {
         ...model,
         logs: logs?.[model.methodId],
@@ -6541,7 +6549,7 @@ const dataWithConfigModelLogs = (logs, termId) => (data) => {
     }
     return {
         ...data,
-        configModels: filterConfigModels(configModels, (model) => ![LogStatus.notRequired].includes(model?.status) || notRelevantModels.includes(model.methodId))
+        configModels: filterConfigModels(configModels, (model) => ![LogStatus.notRequired].includes(model?.status) || isNotRelevantModel(model))
     };
 };
 /**
@@ -6569,9 +6577,7 @@ const groupParallelModels = (config, termId, modelKey, models) => {
         .map(v => (v.length === 1 ? v[0] : v));
 };
 const allParallel = (models) => models.length === 1 && Array.isArray(models[0]) && models[0].length > 1;
-const blankNodeModelId = (value) => value['@type'] === SchemaType.Measurement
-    ? value.method?.['@id']
-    : value.methodModel?.['@id'];
+const blankNodeModelId = (value) => (value.methodModel || value.method || value.model)?.['@id'];
 const valueByMethodId = (values, methodId, termId) => propertyValue$1(values.find(v => blankNodeModelId(v) === methodId)?.value, termId);
 const groupParallelValues = (values, models, termId) => Array.isArray(models)
     ? Object.fromEntries(models.map(model => [model.methodId, valueByMethodId(values, model.methodId, termId)]))
@@ -6593,12 +6599,27 @@ const groupLogsByTerm = (node, logs, config, allOriginalValues, allRecalculatedV
         const recalculated = recalculatedValues.filter(v => termId === v.term['@id']);
         const hasData = !!original.length || !!recalculated.length || Object.keys(termLogs).length > 0;
         const configModelsData = { nodeType: nodeType$1, type, termId, termType };
-        const configModels = groupParallelModels(config, termId, nodeKey, unique([
-            // remove completeness as should be using `groupdLogsByKey`
-            ...(termLogs.models || []).filter(isModelLog(termLogs, type)).filter(v => !isNonNodeModelKey(v))
-        ]).map(configModelWithDocs(configModelsData)));
+        const modelsFromLogs = (termLogs.models || [])
+            .filter(isModelLog(termLogs, type))
+            .filter(v => !isNonNodeModelKey(v));
+        const modelsFromConfig = config.models
+            .flat(2)
+            .filter(m => [m.value === termId, pluralize(m.key, 2) == nodeKey].every(Boolean))
+            .map(m => m.model);
+        const modelsFromRecalculated = recalculated
+            // ignore background emissions as no models run directly on them
+            .filter((v) => ![EmissionMethodTier.background].includes(v.methodTier))
+            .map(blankNodeModelId)
+            .filter(Boolean);
+        const models = unique([
+            ...modelsFromLogs,
+            ...(['measurements', 'practices', 'emissions', 'impacts'].includes(nodeKey)
+                ? [...modelsFromRecalculated, ...modelsFromConfig]
+                : [])
+        ]);
+        const configModels = groupParallelModels(config, termId, nodeKey, models.map(configModelWithDocs(configModelsData)));
         const keys = logKeys(termLogs, original, recalculated, configModelsData);
-        const subValues = compileSubValues(node, logs, termLogs, original, recalculated, configModelsData, termsGrouping);
+        const subValues = compileSubValues(node, logs, termLogs, original, recalculated, configModelsData, termsGrouping).filter(v => !!v.key);
         const isRequired = !Object.values(termLogs)
             .filter(v => typeof v === 'object' && !Array.isArray(v) && !v.isKey)
             .every(v => v.runRequired === false);
@@ -6801,7 +6822,7 @@ const methodIdLabel = (methodId, _model) => (methodId
         impact_assessment: 'Data From Cycle'
     }[methodId]
     : '') || (methodId.includes('/') ? methodId.split('/')[0] : keyToLabel(methodId));
-const getModelsAt = (log, index) => ('modelsInSubValues' in log ? !log.modelsInSubValues || !log.isOpen : true) && log.configModels[index];
+const getModelsAt = (log, index) => ('modelsInSubValues' in log ? !log.modelsInSubValues || !log.isOpen : true) && log.configModels?.[index];
 const isSystemBoundary = (termId) => ({ isRecalculated, isRequired }) => {
     // only exists for some terms
     const inSystemBoundary = loadResourceKey('inHestiaDefaultSystemBoundary.json', termId);
@@ -6896,6 +6917,7 @@ class NodeLogsModelsComponent {
             loader: ({ request: { node } }) => this.nodeService.getLog$({ ...node, dataState: DataState.recalculated })
         });
         this.allLogs = computed(() => this.logsResource.value() ?? '');
+        this.hasLogs = computed(() => this.allLogs() !== '');
         this.configResource = rxResource({
             request: () => ({ node: this.node() }),
             loader: ({ request: { node } }) => this.engineService.ochestratorConfig$(nodeType(node), nodeId(node))
@@ -7038,7 +7060,7 @@ class NodeLogsModelsComponent {
         return node.termId || node.key;
     }
     trackBySubValue({ id, key }) {
-        return id + key;
+        return `${id}-${key}`;
     }
     methodName({ methodId, model }) {
         return this.methodsById()?.[methodId]?.name || methodIdLabel(methodId, model);
@@ -7056,7 +7078,7 @@ class NodeLogsModelsComponent {
         !blankNode.isOpen && blankNode?.subValues?.map(v => (v.isOpen = false));
     }
     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        <span>Open Full Logs</span>\n        <he-svg-icon name=\"external-link\" class=\"ml-2\" />\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                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              @if (functionalUnit()) {\n                <span>(per&nbsp;</span>\n                <span>{{ functionalUnit() }}</span>\n                <span>)</span>\n              }\n            </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                <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-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 is-flex is-align-items-flex-start is-gap-4\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\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 if ($any(blankNode).configModels?.length) {\n                not recalculated\n              } @else {\n                -\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]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                          [useCustomFunctions]=\"false\" />\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"\n                      [useCustomFunctions]=\"false\" />\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <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            <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 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            <he-svg-icon [name]=\"showLegend() ? 'chevron-down' : 'chevron-right'\" />\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                  <he-svg-icon [name]=\"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() }} terms included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  <tr [class.is-hidden]=\"!parent.isOpen\" [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n    <td class=\"width-auto has-border-right\">\n      <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n        <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n        <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n        <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n          <span>\n            <span>{{ subValue.key | keyToLabel }}</span>\n            @if (subValue.id) {\n              <span class=\"is-inline-block\">:</span>\n            }\n          </span>\n          @if (subValue.id) {\n            @switch (subValue.key) {\n              @case ('backgroundData') {\n                <span class=\"is-inline-block\">{{ term?.name }}</span>\n              }\n              @case ('animal') {\n                <span class=\"is-inline-block\">{{ subValue.id }}</span>\n              }\n              @default {\n                <he-node-link\n                  class=\"is-inline-block\"\n                  linkClass=\"is-inline-block\"\n                  [node]=\"term\"\n                  [attr.title]=\"term?.name\">\n                  <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                </he-node-link>\n              }\n            }\n          }\n        </div>\n      </div>\n    </td>\n    @if (isBlankNodes()) {\n      <td>\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 (!isEmpty(subValue.originalValue)) {\n        <span>\n          {{ subValue.originalValue | precision: 3 | default: '-' }}\n        </span>\n      } @else {\n        -\n      }\n    </td>\n    <td>\n      @if (subValue.isRecalculated) {\n        @if (subValue.multiGroups) {\n          <span\n            class=\"trigger-popover\"\n            ngbPopover=\"The total value across all inputs\"\n            autoClose=\"outside\"\n            popoverClass=\"is-narrow is-overflow-visible\"\n            placement=\"left bottom auto\"\n            container=\"body\">\n            <span pointer>\n              {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n            </span>\n          </span>\n        } @else {\n          <span>\n            {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n          </span>\n        }\n      } @else if (!isEmpty(subValue.originalValue)) {\n        not recalculated\n      } @else {\n        -\n      }\n    </td>\n    @if (isBlankNodes()) {\n      <td>-</td>\n    }\n    <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n  </tr>\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs</span>\n    </td>\n  } @else 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>\n      <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n      @if (model.logs?.methodTier || model.model?.methodTier) {\n        <span>&nbsp;[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n      }\n    </span>\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      <he-svg-icon [name]=\"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    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::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:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], 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 && !loading() && logsUrl()) {\n    <div class=\"is-flex is-align-items-center is-gap-8 is-mb-2\">\n      <div class=\"is-flex-grow-1\"></div>\n      @if (hasLogs()) {\n        <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n          <span>Open Full Logs</span>\n          <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n        </a>\n      } @else {\n        <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n        <span class=\"is-size-7 has-text-warning\">No logs found. Recalculation logs will be incomplete.</span>\n      }\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                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              @if (functionalUnit()) {\n                <span>(per&nbsp;</span>\n                <span>{{ functionalUnit() }}</span>\n                <span>)</span>\n              }\n            </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                <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-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 is-flex is-align-items-flex-start is-gap-4\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\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 if ($any(blankNode).configModels?.length) {\n                not recalculated\n              } @else {\n                -\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]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                          [useCustomFunctions]=\"false\" />\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"\n                      [useCustomFunctions]=\"false\" />\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <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            <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 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            <he-svg-icon [name]=\"showLegend() ? 'chevron-down' : 'chevron-right'\" />\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                  <he-svg-icon [name]=\"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() }} terms included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  <tr [class.is-hidden]=\"!parent.isOpen\" [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n    <td class=\"width-auto has-border-right\">\n      <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n        <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n        <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n        <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n          <span>\n            <span>{{ subValue.key | keyToLabel }}</span>\n            @if (subValue.id) {\n              <span class=\"is-inline-block\">:</span>\n            }\n          </span>\n          @if (subValue.id) {\n            @switch (subValue.key) {\n              @case ('backgroundData') {\n                <span class=\"is-inline-block\">{{ term?.name }}</span>\n              }\n              @case ('animal') {\n                <span class=\"is-inline-block\">{{ subValue.id }}</span>\n              }\n              @default {\n                <he-node-link\n                  class=\"is-inline-block\"\n                  linkClass=\"is-inline-block\"\n                  [node]=\"term\"\n                  [attr.title]=\"term?.name\">\n                  <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                </he-node-link>\n              }\n            }\n          }\n        </div>\n      </div>\n    </td>\n    @if (isBlankNodes()) {\n      <td>\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 (!isEmpty(subValue.originalValue)) {\n        <span>\n          {{ subValue.originalValue | precision: 3 | default: '-' }}\n        </span>\n      } @else {\n        -\n      }\n    </td>\n    <td>\n      @if (subValue.isRecalculated) {\n        @if (subValue.multiGroups) {\n          <span\n            class=\"trigger-popover\"\n            ngbPopover=\"The total value across all inputs\"\n            autoClose=\"outside\"\n            popoverClass=\"is-narrow is-overflow-visible\"\n            placement=\"left bottom auto\"\n            container=\"body\">\n            <span pointer>\n              {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n            </span>\n          </span>\n        } @else {\n          <span>\n            {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n          </span>\n        }\n      } @else if (!isEmpty(subValue.originalValue)) {\n        not recalculated\n      } @else {\n        -\n      }\n    </td>\n    @if (isBlankNodes()) {\n      <td>-</td>\n    }\n    <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n  </tr>\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs</span>\n    </td>\n  } @else 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>\n      <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n      @if (model.logs?.methodTier || model.model?.methodTier) {\n        <span>&nbsp;[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n      }\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n      [class.trigger-popover]=\"hasLogs()\"\n      [ngbPopover]=\"logStatusDetails\"\n      [disablePopover]=\"!hasLogs()\"\n      autoClose=\"outside\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"bottom left right auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <he-svg-icon [name]=\"logIcon[model.status]\" />\n    </span>\n\n    @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    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::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:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
@@ -7079,7 +7101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         NodeLogsModelsLogsComponent,
                         NodeLogsModelsLogsStatusComponent,
                         HESvgIconComponent
-                    ], 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        <span>Open Full Logs</span>\n        <he-svg-icon name=\"external-link\" class=\"ml-2\" />\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                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              @if (functionalUnit()) {\n                <span>(per&nbsp;</span>\n                <span>{{ functionalUnit() }}</span>\n                <span>)</span>\n              }\n            </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                <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-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 is-flex is-align-items-flex-start is-gap-4\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\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 if ($any(blankNode).configModels?.length) {\n                not recalculated\n              } @else {\n                -\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]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                          [useCustomFunctions]=\"false\" />\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"\n                      [useCustomFunctions]=\"false\" />\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <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            <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 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            <he-svg-icon [name]=\"showLegend() ? 'chevron-down' : 'chevron-right'\" />\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                  <he-svg-icon [name]=\"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() }} terms included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  <tr [class.is-hidden]=\"!parent.isOpen\" [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n    <td class=\"width-auto has-border-right\">\n      <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n        <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n        <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n        <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n          <span>\n            <span>{{ subValue.key | keyToLabel }}</span>\n            @if (subValue.id) {\n              <span class=\"is-inline-block\">:</span>\n            }\n          </span>\n          @if (subValue.id) {\n            @switch (subValue.key) {\n              @case ('backgroundData') {\n                <span class=\"is-inline-block\">{{ term?.name }}</span>\n              }\n              @case ('animal') {\n                <span class=\"is-inline-block\">{{ subValue.id }}</span>\n              }\n              @default {\n                <he-node-link\n                  class=\"is-inline-block\"\n                  linkClass=\"is-inline-block\"\n                  [node]=\"term\"\n                  [attr.title]=\"term?.name\">\n                  <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                </he-node-link>\n              }\n            }\n          }\n        </div>\n      </div>\n    </td>\n    @if (isBlankNodes()) {\n      <td>\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 (!isEmpty(subValue.originalValue)) {\n        <span>\n          {{ subValue.originalValue | precision: 3 | default: '-' }}\n        </span>\n      } @else {\n        -\n      }\n    </td>\n    <td>\n      @if (subValue.isRecalculated) {\n        @if (subValue.multiGroups) {\n          <span\n            class=\"trigger-popover\"\n            ngbPopover=\"The total value across all inputs\"\n            autoClose=\"outside\"\n            popoverClass=\"is-narrow is-overflow-visible\"\n            placement=\"left bottom auto\"\n            container=\"body\">\n            <span pointer>\n              {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n            </span>\n          </span>\n        } @else {\n          <span>\n            {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n          </span>\n        }\n      } @else if (!isEmpty(subValue.originalValue)) {\n        not recalculated\n      } @else {\n        -\n      }\n    </td>\n    @if (isBlankNodes()) {\n      <td>-</td>\n    }\n    <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n  </tr>\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs</span>\n    </td>\n  } @else 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>\n      <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n      @if (model.logs?.methodTier || model.model?.methodTier) {\n        <span>&nbsp;[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n      }\n    </span>\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      <he-svg-icon [name]=\"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    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::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:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"] }]
+                    ], template: "<div class=\"is-px-3 is-pb-3\">\n  @if (!isExternal && !loading() && logsUrl()) {\n    <div class=\"is-flex is-align-items-center is-gap-8 is-mb-2\">\n      <div class=\"is-flex-grow-1\"></div>\n      @if (hasLogs()) {\n        <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n          <span>Open Full Logs</span>\n          <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n        </a>\n      } @else {\n        <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n        <span class=\"is-size-7 has-text-warning\">No logs found. Recalculation logs will be incomplete.</span>\n      }\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                    <he-svg-icon name=\"xmark\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              @if (functionalUnit()) {\n                <span>(per&nbsp;</span>\n                <span>{{ functionalUnit() }}</span>\n                <span>)</span>\n              }\n            </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                <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-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 is-flex is-align-items-flex-start is-gap-4\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\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 if ($any(blankNode).configModels?.length) {\n                not recalculated\n              } @else {\n                -\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]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                          [useCustomFunctions]=\"false\" />\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"\n                      [useCustomFunctions]=\"false\" />\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <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            <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 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            <he-svg-icon [name]=\"showLegend() ? 'chevron-down' : 'chevron-right'\" />\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                  <he-svg-icon [name]=\"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() }} terms included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  <tr [class.is-hidden]=\"!parent.isOpen\" [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n    <td class=\"width-auto has-border-right\">\n      <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n        <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n        <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n        <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n          <span>\n            <span>{{ subValue.key | keyToLabel }}</span>\n            @if (subValue.id) {\n              <span class=\"is-inline-block\">:</span>\n            }\n          </span>\n          @if (subValue.id) {\n            @switch (subValue.key) {\n              @case ('backgroundData') {\n                <span class=\"is-inline-block\">{{ term?.name }}</span>\n              }\n              @case ('animal') {\n                <span class=\"is-inline-block\">{{ subValue.id }}</span>\n              }\n              @default {\n                <he-node-link\n                  class=\"is-inline-block\"\n                  linkClass=\"is-inline-block\"\n                  [node]=\"term\"\n                  [attr.title]=\"term?.name\">\n                  <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                </he-node-link>\n              }\n            }\n          }\n        </div>\n      </div>\n    </td>\n    @if (isBlankNodes()) {\n      <td>\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 (!isEmpty(subValue.originalValue)) {\n        <span>\n          {{ subValue.originalValue | precision: 3 | default: '-' }}\n        </span>\n      } @else {\n        -\n      }\n    </td>\n    <td>\n      @if (subValue.isRecalculated) {\n        @if (subValue.multiGroups) {\n          <span\n            class=\"trigger-popover\"\n            ngbPopover=\"The total value across all inputs\"\n            autoClose=\"outside\"\n            popoverClass=\"is-narrow is-overflow-visible\"\n            placement=\"left bottom auto\"\n            container=\"body\">\n            <span pointer>\n              {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n            </span>\n          </span>\n        } @else {\n          <span>\n            {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n          </span>\n        }\n      } @else if (!isEmpty(subValue.originalValue)) {\n        not recalculated\n      } @else {\n        -\n      }\n    </td>\n    @if (isBlankNodes()) {\n      <td>-</td>\n    }\n    <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n  </tr>\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs</span>\n    </td>\n  } @else 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>\n      <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n      @if (model.logs?.methodTier || model.model?.methodTier) {\n        <span>&nbsp;[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n      }\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n      [class.trigger-popover]=\"hasLogs()\"\n      [ngbPopover]=\"logStatusDetails\"\n      [disablePopover]=\"!hasLogs()\"\n      autoClose=\"outside\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"bottom left right auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <he-svg-icon [name]=\"logIcon[model.status]\" />\n    </span>\n\n    @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    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::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:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"] }]
         }] });
 
 var View$3;