@hestia-earth/ui-components 0.42.13 → 0.42.14

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

@@ -9346,8 +9346,10 @@ const jLogModelColumns = (logs, nodeType, termId, isFailed) => (logs || [])
     };
 }, { columns: [], hasPreviousSuccess: false }).columns;
 // `term.@id` defines the group; every other uniqueness field (including `key.@id`) distinguishes rows
-// within the group - Term-valued ones (key, inputs, country, landCover, methodModel, ...) become links
-const excludedIdentityFields = ['term.@id'];
+// within the group - Term-valued ones (key, inputs, country, landCover, methodModel, ...) become links.
+// `value` is the measured quantity (shown in the value column / as a "Field: value" sub-row), not a
+// distinguishing label - it is excluded so a row's identity reads e.g. "variety: ... · fate: ..."
+const excludedIdentityFields = ['term.@id', 'value'];
 /**
  * The fields (from the schema `uniquenessFields`) that distinguish two blank nodes sharing a term.
  * Relations come from the type-keyed definition (e.g. `Emission` -> `inputs`); the scalar properties are
@@ -9399,16 +9401,24 @@ const identityFieldTerms = (value, field) => {
 const noisyIdentityFields = ['methodClassification', 'methodDescription', 'method.@id', 'methodModel.@id'];
 const isNoisyIdentityField = (field) => noisyIdentityFields.includes(field);
 const identityWithout = (identity, predicate) => Object.fromEntries(Object.entries(identity).filter(([key]) => !predicate(key)));
-const formatIdentityProperty = ([key, value]) => `${key.replace('.@id', '')}: ${Array.isArray(value) ? value.join(', ') : value}`;
-// the scalar identities as text; `depthUpper`/`depthLower` are combined into "depths: <upper>-<lower>"
-const formatIdentityLabel = (scalars) => {
+const formatScalarValue = (value) => (Array.isArray(value) ? value.join(', ') : `${value}`);
+// the scalar identities, each linking its field name to its schema docs; `depthUpper`/`depthLower` are
+// combined into a single non-linked "depths: <upper>-<lower>" entry
+const buildIdentityScalars = (scalars) => {
     const props = Object.entries(scalars);
     const { depthUpper, depthLower } = Object.fromEntries(props);
     const hasDepths = isPresent(depthUpper) && isPresent(depthLower);
-    const depths = hasDepths ? [`depths: ${depthUpper}-${depthLower}`] : [];
-    const rest = props.filter(([key]) => !(hasDepths && (key === 'depthUpper' || key === 'depthLower')));
-    return [...depths, ...rest.map(formatIdentityProperty)].join(' · ');
+    const depths = hasDepths ? [{ key: 'depths', value: `${depthUpper}-${depthLower}` }] : [];
+    const rest = props
+        .filter(([key]) => !(hasDepths && (key === 'depthUpper' || key === 'depthLower')))
+        .map(([key, value]) => {
+        const field = key.replace('.@id', '');
+        return { key: field, value: formatScalarValue(value), field };
+    });
+    return [...depths, ...rest];
 };
+// the scalar identities joined as text (a standalone label keeps just its key, e.g. "Cycle")
+const identityScalarsLabel = (scalars) => scalars.map(({ key, value }) => (value ? `${key}: ${value}` : key)).join(' · ');
 // whether dropping the noisy method fields still gives every row a distinct identity
 const noisyFieldsRedundant = (rows) => new Set(rows.map(row => identityKey(identityWithout(row.identity, isNoisyIdentityField)))).size === rows.length;
 // segment fields shown first (e.g. an emission's `inputs` before its `landCover`/`previousLandCover`);
@@ -9418,7 +9428,8 @@ const segmentFieldRank = (field) => {
     const index = segmentFieldOrder.indexOf(field);
     return index === -1 ? segmentFieldOrder.length : index;
 };
-// split a row's identity into Term-link segments (any field whose value is a Term) and a scalar text label
+// split a row's identity into Term-link segments (any field whose value is a Term) and scalar `key: value`
+// entries (their field name linking to the schema docs)
 const identityDisplay = (identity, value) => {
     const segments = [];
     const scalars = {};
@@ -9436,19 +9447,20 @@ const identityDisplay = (identity, value) => {
         .map((segment, index) => ({ segment, index }))
         .sort((a, b) => segmentFieldRank(a.segment.field) - segmentFieldRank(b.segment.field) || a.index - b.index)
         .map(({ segment }) => segment);
-    return { segments: orderedSegments, label: formatIdentityLabel(scalars) };
+    return { segments: orderedSegments, scalars: buildIdentityScalars(scalars) };
 };
 // the raw blank node value used to derive the fallback identity (logs/`failed` rows have no value)
 const rowRawValue = (row) => row.recalculated[0] || row.original[0] || {};
 // top-level fields skipped when looking for a fallback identity: the group key (`term`), JSON-LD
-// metadata (`@type`/`@id`), change-tracking (`added`/`updated`/`removed` and their `Version` siblings)
-// and the nested `logs`
+// metadata (`@type`/`@id`), change-tracking (`added`/`updated`/`removed` and their `Version` siblings),
+// the nested `logs`, and the measured `value` (shown in the value column, never a distinguishing label)
 const fallbackExcludedKeys = new Set([
     'term',
     '@type',
     '@id',
     'type',
     'id',
+    'value',
     'logs',
     'added',
     'addedVersion',
@@ -9492,8 +9504,8 @@ const fallbackIdentity = (row, keys) => {
 const cycleOwnerFields = ['transformation', 'animal'];
 const isCycleOwnedRow = (row) => cycleOwnerFields.every(key => !isPresent(rowRawValue(row)[key]));
 const hasCycleOwnerSibling = (rows) => rows.some(row => cycleOwnerFields.some(key => isPresent(rowRawValue(row)[key])));
-const isNonEmptyIdentity = ({ segments, label }) => segments.length > 0 || label.length > 0;
-const emptyIdentity = { segments: [], label: '' };
+const isNonEmptyIdentity = ({ segments, scalars }) => segments.length > 0 || scalars.length > 0;
+const emptyIdentity = { segments: [], scalars: [] };
 // pick the first non-empty identity for a row, in order of preference:
 //   1. the schema-uniqueness fields,
 //   2. a fallback built from the keys that actually differ across the group's raw values,
@@ -9504,7 +9516,7 @@ const resolveRowIdentity = (row, fallbackKeys, keepNoisy, cycleOwned) => {
     const candidates = [
         identityDisplay(keepNoisy ? row.identity : identityWithout(row.identity, isNoisyIdentityField), value),
         identityDisplay(fallbackIdentity(row, fallbackKeys), value),
-        { segments: [], label: cycleOwned && isCycleOwnedRow(row) ? 'Cycle' : '' }
+        { segments: [], scalars: cycleOwned && isCycleOwnedRow(row) ? [{ key: 'Cycle', value: '' }] : [] }
     ];
     return candidates.find(isNonEmptyIdentity) ?? emptyIdentity;
 };
@@ -9515,8 +9527,8 @@ const withRowLabels = (group) => {
     return {
         ...group,
         rows: group.rows.map(row => {
-            const { segments, label } = resolveRowIdentity(row, fallbackKeys, keepNoisy, cycleOwned);
-            return { ...row, identitySegments: segments, identityLabel: label };
+            const { segments, scalars } = resolveRowIdentity(row, fallbackKeys, keepNoisy, cycleOwned);
+            return { ...row, identitySegments: segments, identityScalars: scalars, identityLabel: identityScalarsLabel(scalars) };
         })
     };
 };
@@ -9524,6 +9536,7 @@ const emptySubRow = () => ({
     index: 0,
     identity: {},
     identityLabel: '',
+    identityScalars: [],
     identitySegments: [],
     originalValue: null,
     isOriginal: false,
@@ -9783,6 +9796,9 @@ const blankNodeSubRows = (entry, value, originalValue, nodeType, type, termId, g
     const fields = entries
         .filter(entryItem => !isFailedFieldEntry(entryItem) && isFieldEntry(entryItem))
         .map(([key, nested]) => fieldSubRow(key, nested, value, originalValue, nodeType, termId, type));
+    // fields whose runs only exist as flat dotted-orchestrator logs (no nested entry), e.g. a duplicated
+    // product's `product.price`/`product.economicValueShare`, shown alongside the nested field sub-rows
+    const flatFields = flatFieldSubRows(entry, value, originalValue, nodeType, type);
     const properties = entries
         .filter(entryItem => !isFailedFieldEntry(entryItem) && isPropertyEntry(entryItem))
         .flatMap(([key, nested]) => nestedBlankNodeSubRows(key, nested, value, nodeType));
@@ -9793,7 +9809,7 @@ const blankNodeSubRows = (entry, value, originalValue, nodeType, type, termId, g
         .filter(isFailedFieldEntry)
         .flatMap(([key, nested]) => failedNestedSubRows(key, nested, nodeType, getTerm))
         .filter(subRow => !addedTermIds.has(subRow.termId));
-    return [...fields, ...properties, ...failed];
+    return [...fields, ...flatFields, ...properties, ...failed];
 };
 /**
  * An input's background-emission models (`methodTier: background`), grouped under a single
@@ -9830,12 +9846,55 @@ const isSubFieldSuffix = (suffix, entry, value) => suffix === 'properties' ||
 // `cycle`/`practice.landCover`, `cycle`/`animal.milkYield`) - unlike a same-node sub-field run
 // (`product.price`, `input.properties`). Shown as a "Field: value" sub-row so the main row keeps just its
 // expand toggle, rather than the value appearing with no model at all.
-const valueRunLogs = (entry, value) => (entry?.logs || []).flat().filter((log) => {
+const valueRunLogs = (entry, value) => 
+// a dotted orchestrator only set the blank node's own value when the value was actually (re)set this run.
+// When the value was retained, the dotted logs are field runs (e.g. a product's `product.price`), surfaced
+// as field sub-rows (`flatFieldSubRows`) rather than mistaken for the value run
+valueChanged(value)
+    ? (entry?.logs || []).flat().filter((log) => {
+        const orchestratorValue = log?.orchestrator?.value;
+        return (!!orchestratorValue &&
+            orchestratorValue.includes('.') &&
+            !isSubFieldSuffix(orchestratorValue.split('.').pop(), entry, value));
+    })
+    : [];
+// the suffix of a dotted orchestrator value (`<context>.<suffix>`, e.g. `product.price` -> `price`), or null
+const dottedOrchestratorSuffix = (log) => {
     const orchestratorValue = log?.orchestrator?.value;
-    return (!!orchestratorValue &&
-        orchestratorValue.includes('.') &&
-        !isSubFieldSuffix(orchestratorValue.split('.').pop(), entry, value));
-});
+    return typeof orchestratorValue === 'string' && orchestratorValue.includes('.')
+        ? orchestratorValue.split('.').pop()
+        : null;
+};
+/**
+ * Sub-field model runs that only appear as flat dotted-orchestrator logs on the entry (e.g. a product whose
+ * `price`/`currency`/`economicValueShare`/`primary` runs are logged as `product.<field>` in the top-level
+ * `logs`, with no nested entry of their own). Each distinct suffix becomes a "Field: <suffix>" sub-row
+ * carrying its runs. Suffixes already covered by a nested entry key, the node's own value run, or
+ * `value`/`properties` are left out (those have their own sub-row path).
+ */
+const flatFieldSubRows = (entry, value, originalValue, nodeType, type) => {
+    const nestedKeys = new Set(Object.keys(entry || {}));
+    const valueRunSuffixes = new Set(valueRunLogs(entry, value).map(dottedOrchestratorSuffix));
+    const updated = [...(value?.added || []), ...(value?.updated || [])];
+    // a suffix has its own field sub-row unless it is the value/properties run, a nested entry (its own
+    // sub-row path), or the node's value run (surfaced as a "value" sub-row)
+    const isFlatFieldSuffix = (suffix) => !!suffix && !['value', 'properties'].includes(suffix) && !nestedKeys.has(suffix) && !valueRunSuffixes.has(suffix);
+    const bySuffix = (entry?.logs || []).flat().reduce((map, log) => {
+        const suffix = dottedOrchestratorSuffix(log);
+        return isFlatFieldSuffix(suffix) ? map.set(suffix, [...(map.get(suffix) || []), log]) : map;
+    }, new Map());
+    return [...bySuffix.entries()].map(([suffix, logs]) => ({
+        ...emptySubRow(),
+        key: suffix,
+        termId: suffix,
+        type,
+        originalValue: scalarValue(originalValue?.[suffix]),
+        recalculatedValue: scalarValue(value?.[suffix]),
+        isOriginal: typeof originalValue?.[suffix] !== 'undefined',
+        isRecalculated: updated.includes(suffix),
+        models: jLogModelRuns(logs, nodeType, suffix, false)
+    }));
+};
 // a scalar "Field:" sub-row (e.g. price, revenue) - not a nested property, Background Data or value row
 const isFieldSubRow = (subRow) => !['property', 'backgroundData', 'value'].includes(subRow.key);
 // the "Field: value" sub-row for a blank node's own value, carrying the model run(s) that set it
@@ -9908,6 +9967,7 @@ const failedBlankNodeContent = (entry, nodeType, termId) => {
         recalculatedValue: null,
         identity: {},
         identityLabel: '',
+        identityScalars: [],
         identitySegments: [],
         subRows: [],
         isRecalculated: false,
@@ -9943,6 +10003,7 @@ const valueBlankNodeContent = (entry, value, originalValue, termId, { nodeType,
         identity: blankNodeIdentity(value, spec),
         // `identityLabel`/`identitySegments` are filled per group (`withRowLabels`), which needs all rows
         identityLabel: '',
+        identityScalars: [],
         identitySegments: [],
         subRows,
         isRecalculated: isRecalculatedValue(value, originalValue),
@@ -9993,6 +10054,7 @@ const buildParallelSiblingRow = (log, term, index, context) => {
         recalculatedValue: null,
         identity: { 'methodModel.@id': log.model },
         identityLabel: '',
+        identityScalars: [],
         identitySegments: [],
         isRecalculated: false,
         recalculated: [syntheticValue],
@@ -10210,6 +10272,7 @@ const groupJLogByField = (jlog, nodeKey, originalValues, recalculatedValues, nod
             key,
             identity: {},
             identityLabel: '',
+            identityScalars: [],
             identitySegments: [],
             originalValue: originalValue ?? null,
             recalculatedValue: recalculatedValue ?? null,
@@ -10408,7 +10471,7 @@ class NodeJLogModelsComponent {
         return model.methodId;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJLogModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJLogModelsComponent, isStandalone: true, selector: "he-node-jlog-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlog: { classPropertyName: "jlog", publicName: "jlog", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityLabel) {\n                      @for (segment of row.identitySegments; track segment.field) {\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @if (row.identityLabel) {\n                        <span class=\"break-word\">{{ row.identityLabel }}</span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7\">{{ status.value | capitalize }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          [id]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of methodModelsCount() - 1 | times; track empty; let empty = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, row })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row .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}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { 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: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJLogModelsComponent, isStandalone: true, selector: "he-node-jlog-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlog: { classPropertyName: "jlog", publicName: "jlog", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7\">{{ status.value | capitalize }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          [id]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, row })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row .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}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { 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: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJLogModelsComponent, decorators: [{
             type: Component$1,
@@ -10432,7 +10495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         NodeLogsModelsLogsStatusComponent,
                         NodeLogsModelsContributionsComponent,
                         GuideOverlayComponent
-                    ], template: "<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityLabel) {\n                      @for (segment of row.identitySegments; track segment.field) {\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @if (row.identityLabel) {\n                        <span class=\"break-word\">{{ row.identityLabel }}</span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7\">{{ status.value | capitalize }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          [id]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of methodModelsCount() - 1 | times; track empty; let empty = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, row })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row .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}\n"] }]
+                    ], template: "<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7\">{{ status.value | capitalize }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          [id]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, row })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row .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}\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], originalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValues", required: false }] }], recalculatedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "recalculatedValues", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], filterTermTypesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypesLabel", required: false }] }], cycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cycle", required: false }] }], jlog: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlog", required: false }] }], jlogParentKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlogParentKey", required: false }] }], jlogParentIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlogParentIndex", required: false }] }] } });
 
 const groupTerms = (terms) => terms.reduce((prev, curr) => ({ ...prev, [curr['@id']]: curr }), {});