@hestia-earth/ui-components 0.12.2 → 0.12.3

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

@@ -5036,7 +5036,7 @@ const keepConfigModelByStatus = (...statuses) => (model) => statuses.includes(mo
 const filterConfigModels = (models, filterFunc) => (Array.isArray(models) ? models : [models])
     .filter(v => Array.isArray(v) || filterFunc(v))
     .map(v => Array.isArray(v) ? v.filter(filterFunc) : v)
-    .filter(Boolean);
+    .filter(v => Array.isArray(v) ? v === null || v === void 0 ? void 0 : v.length : !!v);
 const mergeSubValues = (values) => Object.values(values.reduce((prev, _a) => {
     var { id, key, configModels } = _a, data = __rest(_a, ["id", "key", "configModels"]);
     const uniqueKey = [key, id].filter(Boolean).join('.');
@@ -5199,7 +5199,7 @@ const isModelForInputProduct = (type, key) => [
 const isBackgroundInput = (log) => log.methodTier === EmissionMethodTier.background && !!log.input && log.shouldRun;
 const isModelLog = (logs, type) => (key) => {
     const log = logs[key];
-    return [
+    return !!log && [
         // handle Product same as Input
         isModelForInputProduct(type, key),
         log.methodTier !== EmissionMethodTier.background,
@@ -5279,7 +5279,7 @@ const dataWithConfigModelLogs = (logs) => (data) => {
             configModels.push(newModel);
         }
     }
-    return Object.assign(Object.assign({}, data), { configModels: filterConfigModels(configModels, removeConfigModelByStatus(LogStatus.notRequired)) });
+    return Object.assign(Object.assign({}, data), { configModels: filterConfigModels(configModels, (model) => ![LogStatus.notRequired].includes(model === null || model === void 0 ? void 0 : model.status) || model.methodId === 'emissionNotRelevant') });
 };
 /**
  * Group models running in parallel under the same array, as they should appear vertically.
@@ -5383,13 +5383,15 @@ const logIcon = {
     [LogStatus.success]: 'check',
     [LogStatus.error]: 'times',
     [LogStatus.skipHierarchy]: ['far', 'circle'],
-    [LogStatus.dataProvided]: 'circle'
+    [LogStatus.dataProvided]: 'circle',
+    [LogStatus.notRequired]: 'dot-circle'
 };
 const logColor = {
     [LogStatus.success]: 'success',
     [LogStatus.error]: 'danger',
     [LogStatus.skipHierarchy]: 'dark',
-    [LogStatus.dataProvided]: 'dark'
+    [LogStatus.dataProvided]: 'dark',
+    [LogStatus.notRequired]: 'grey'
 };
 const methodIdLabel = (methodId, model) => (methodId
     ? ({
@@ -5532,10 +5534,10 @@ class NodeLogsModelsComponent {
     }
 }
 NodeLogsModelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NodeLogsModelsComponent, deps: [{ token: HeNodeService }, { token: HeSearchService }, { token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component });
-NodeLogsModelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { node: "node", nodeKey: "nodeKey", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", filterTermTypes: "filterTermTypes", logsKey: "logsKey" }, ngImport: i0, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" 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            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"false\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n            </td>\n            <td>\n              <span [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.originalValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{blankNode.recalculatedValue | precision:3 | default:'-'}}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.recalculatedValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"\n                ></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta *ngIf=\"blankNode.originalValueByMethodId[model.methodId] !== null && blankNode.recalculatedValueByMethodId[model.methodId] !== null; else noValue\"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"\n                  ></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n              >\n                <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n            </td>\n            <td></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"termById(subValue.id)\" [attr.title]=\"termById(subValue.id).name\">\n                    <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{logColor[status.value]}}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{status.value}}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyRequired\"\n            (change)=\"filterResults()\"\n            [disabled]=\"!!term\"\n          >\n          <span class=\"ml-2\">Show only {{filteredType | pluralize}} included in the default Hestia system boundary</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getModelsAt(data, i); let models; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model:models, data}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"models | isArray; else modelSerie\">\n        <p *ngFor=\"let model of models\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model, data}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : (model.showLogs ? p.open({ logs: model.logs }) : null)\"\n  >\n    <span class=\"is-capitalized\">{{methodName(model)}}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">[{{model.logs?.methodTier || model.model?.methodTier}}]</span>\n\n    <span class=\"pl-1 has-text-{{logColor[model.status]}} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n      triggers=\"manual\" #p1=\"ngbPopover\" placement=\"left\" container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\"\n    >\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (<ng-container *ngTemplateOutlet=\"docsLink; context: {$implicit: model.model}\"></ng-container>)\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:{key, value:logs.requirements[key]}\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th>\n                <span>Filename</span>\n              </th>\n              <th>\n                <span>Column Title</span>\n              </th>\n              <th>\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"has-background-black has-text-white\">\n            <tr *ngFor=\"let data of logs.missingLookups\">\n              <td>{{data.filename}}</td>\n              <td>{{data.column}}</td>\n              <td>{{data.termId}}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{value}}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else defaultValue\">\n    <he-node-link class=\"is-inline-block is-align-middle\" linkClass=\"is-dark\" [node]=\"linkedNode\" [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right\">\n      <span class=\"is-inline-block is-align-middle\" [ngSwitch]=\"key\">\n        <ng-container *ngSwitchDefault>{{key | keyToLabel}}</ng-container>\n\n        <ng-container *ngSwitchCase=\"'node_type_allowed'\">Is the current <code>Node</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'siteType_allowed'\">Is the current <code>siteType</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">Is the current primary product <code>@id</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">Is the current primary product <code>termType</code> allowed to run this model</ng-container>\n\n        <ng-container *ngSwitchCase=\"'geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n        <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n        <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n        <ng-container *ngSwitchCase=\"'pesticides_complete'\">Pesticide data are <code>complete</code></ng-container>\n        <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">Cycle contains <code>pesticideAI</code> Inputs</ng-container>\n        <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">All <code>pesticideAI</code> Inputs have a lookup value</ng-container>\n\n        <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\"><code>aboveGroundCropResidueBurnt</code> is present as Product</ng-container>\n\n        <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n      </span>\n      <he-clipboard class=\"is-inline-block is-align-middle\" clipboardClass=\"is-size-7 is-p-1\" [icon]=\"['far', 'clone']\" [value]=\"key\" [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context:{key,value}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{v.key}}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{v}}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{vv.value}}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{model.status}}</span>\n    </div>\n\n    <ng-template #showRunOrchestrator>\n      <div class=\"is-run-orchestrator\">\n        <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n        <p *ngIf=\"!model.logs?.shouldRun\">\n          Some of the requirements were not met to run the model.\n          You can click on the model name on the left to view the debugging logs.\n        </p>\n        <div *ngIf=\"model.logs?.logs?.error\">\n          <p>The model failed to run for the following reason:</p>\n          <p><code>{{model.logs.logs.error}}</code></p>\n        </div>\n      </div>\n    </ng-template>\n\n    <div class=\"is-no-run-orchestrator\" *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n      <ng-container *ngIf=\"!model.logs.runRequired\">\n        <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n          This model should not run for {{nodeType | pluralize:0}}\n        </span>\n      </ng-container>\n\n      <ng-template #runNoConfig>\n        <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n          The {{data.type || 'blank node'}} with Term <code>{{data.termId}}</code> is already present or already added by another model.\n        </span>\n      </ng-template>\n\n      <ng-container *ngIf=\"model.config; else runNoConfig\">\n        <div class=\"is-run-strategy-{{model.config.runStrategy}}\" [ngSwitch]=\"model.config.runStrategy\">\n          <span *ngSwitchCase=\"'always'\"></span>\n          <span *ngSwitchCase=\"'add_key_if_missing'\">\n            We only gap-fill this key if not present\n          </span>\n          <span *ngSwitchCase=\"'add_blank_node_if_missing'\">\n            We only gap-fill this Blank Node if not present.\n          </span>\n\n          <span class=\"is-run-with-measured\" *ngIf=\"model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\">\n            The <code>{{model.config.value}}</code> was already reported as measured.\n          </span>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"is-no-merge-orchestrator\" *ngIf=\"model.logs?.shouldMerge === false\">\n      <p class=\"is-merge-replaceThreshold\" *ngIf=\"model.logs.logs?.replaceThreshold\">\n        <span>The</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}</span>\n        <span class=\"is-pl-1\">from this model was</span>\n        <span class=\"is-pl-1\">\n          <ng-container *ngIf=\"model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">less than</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">more than</span>\n            <span class=\"is-pl-1\">{{model.config.mergeArgs.replaceThreshold[1] * 100}}%</span>\n          </ng-container>\n          <ng-container *ngIf=\"!model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">not sufficiently</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">sufficiently</span>\n          </ng-container>\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}.</span>\n      </p>\n    </div>\n    <p class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.logs?.replaceLowerTier\">\n      <span>The model <code>methodTier</code> was</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'False'\">higher than</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'True'\">lower than</span>\n      <span class=\"is-pl-1\">the original <code>methodTier</code></span>\n    </p>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.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: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: i3$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: IsObjectPipe, name: "isObject" }] });
+NodeLogsModelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { node: "node", nodeKey: "nodeKey", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", filterTermTypes: "filterTermTypes", logsKey: "logsKey" }, ngImport: i0, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" 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            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"false\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n            </td>\n            <td>\n              <span [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.originalValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{blankNode.recalculatedValue | precision:3 | default:'-'}}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.recalculatedValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"\n                ></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta *ngIf=\"blankNode.originalValueByMethodId[model.methodId] !== null && blankNode.recalculatedValueByMethodId[model.methodId] !== null; else noValue\"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"\n                  ></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n              >\n                <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n            </td>\n            <td></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"termById(subValue.id)\" [attr.title]=\"termById(subValue.id).name\">\n                    <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{logColor[status.value]}}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{status.value}}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyRequired\"\n            (change)=\"filterResults()\"\n            [disabled]=\"!!term\"\n          >\n          <span class=\"ml-2\">Show only {{filteredType | pluralize}} included in the default Hestia system boundary</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getModelsAt(data, i); let models; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model:models, data}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"models | isArray; else modelSerie\">\n        <p *ngFor=\"let model of models\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model, data}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : (model.showLogs ? p.open({ logs: model.logs }) : null)\"\n  >\n    <span class=\"is-capitalized\">{{methodName(model)}}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">[{{model.logs?.methodTier || model.model?.methodTier}}]</span>\n\n    <span class=\"pl-1 has-text-{{logColor[model.status]}} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n      triggers=\"manual\" #p1=\"ngbPopover\" placement=\"left\" container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\"\n    >\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (<ng-container *ngTemplateOutlet=\"docsLink; context: {$implicit: model.model}\"></ng-container>)\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:{key, value:logs.requirements[key]}\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th>\n                <span>Filename</span>\n              </th>\n              <th>\n                <span>Column Title</span>\n              </th>\n              <th>\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"has-background-black has-text-white\">\n            <tr *ngFor=\"let data of logs.missingLookups\">\n              <td>{{data.filename}}</td>\n              <td>{{data.column}}</td>\n              <td>{{data.termId}}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{value}}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else defaultValue\">\n    <he-node-link class=\"is-inline-block is-align-middle\" linkClass=\"is-dark\" [node]=\"linkedNode\" [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right\">\n      <span class=\"is-inline-block is-align-middle\" [ngSwitch]=\"key\">\n        <ng-container *ngSwitchDefault>{{key | keyToLabel}}</ng-container>\n\n        <ng-container *ngSwitchCase=\"'node_type_allowed'\">Is the current <code>Node</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'siteType_allowed'\">Is the current <code>siteType</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">Is the current primary product <code>@id</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">Is the current primary product <code>termType</code> allowed to run this model</ng-container>\n\n        <ng-container *ngSwitchCase=\"'geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n        <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n        <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n        <ng-container *ngSwitchCase=\"'pesticides_complete'\">Pesticide data are <code>complete</code></ng-container>\n        <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">Cycle contains <code>pesticideAI</code> Inputs</ng-container>\n        <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">All <code>pesticideAI</code> Inputs have a lookup value</ng-container>\n\n        <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\"><code>aboveGroundCropResidueBurnt</code> is present as Product</ng-container>\n\n        <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n      </span>\n      <he-clipboard class=\"is-inline-block is-align-middle\" clipboardClass=\"is-size-7 is-p-1\" [icon]=\"['far', 'clone']\" [value]=\"key\" [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context:{key,value}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{v.key}}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{v}}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{vv.value}}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{model.status}}</span>\n    </div>\n\n    <ng-template #showRunOrchestrator>\n      <div class=\"is-run-orchestrator\">\n        <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n        <p *ngIf=\"!model.logs?.shouldRun\">\n          Some of the requirements were not met to run the model.\n          You can click on the model name on the left to view the debugging logs.\n        </p>\n        <div *ngIf=\"model.logs?.logs?.error\">\n          <p>The model failed to run for the following reason:</p>\n          <p><code>{{model.logs.logs.error}}</code></p>\n        </div>\n      </div>\n    </ng-template>\n\n    <div class=\"is-no-run-orchestrator\" *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n      <ng-container *ngIf=\"!model.logs.runRequired\">\n        <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n          This model should not run for {{nodeType | pluralize:0}}\n        </span>\n      </ng-container>\n\n      <ng-template #runNoConfig>\n        <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n          The {{data.type || 'blank node'}} with Term <code>{{data.termId}}</code> is already present or already added by another model.\n        </span>\n      </ng-template>\n\n      <ng-container *ngIf=\"model.config; else runNoConfig\">\n        <div class=\"is-run-strategy-{{model.config.runStrategy}}\" [ngSwitch]=\"model.config.runStrategy\">\n          <span *ngSwitchCase=\"'always'\"></span>\n          <span *ngSwitchCase=\"'add_key_if_missing'\">\n            We only gap-fill this key if not present\n          </span>\n          <span *ngSwitchCase=\"'add_blank_node_if_missing'\">\n            We only gap-fill this Blank Node if not present.\n          </span>\n\n          <span class=\"is-run-with-measured\" *ngIf=\"model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\">\n            The <code>{{model.config.value}}</code> was already reported as measured.\n          </span>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"is-no-merge-orchestrator\" *ngIf=\"model.logs?.shouldMerge === false\">\n      <p class=\"is-merge-replaceThreshold\" *ngIf=\"model.logs.logs?.replaceThreshold\">\n        <span>The</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}</span>\n        <span class=\"is-pl-1\">from this model was</span>\n        <span class=\"is-pl-1\">\n          <ng-container *ngIf=\"model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">less than</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">more than</span>\n            <span class=\"is-pl-1\">{{model.config.mergeArgs.replaceThreshold[1] * 100}}%</span>\n          </ng-container>\n          <ng-container *ngIf=\"!model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">not sufficiently</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">sufficiently</span>\n          </ng-container>\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}.</span>\n      </p>\n    </div>\n    <p class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.logs?.replaceLowerTier\">\n      <span>The model <code>methodTier</code> was</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'False'\">higher than</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'True'\">lower than</span>\n      <span class=\"is-pl-1\">the original <code>methodTier</code></span>\n    </p>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.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: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: i3$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: IsObjectPipe, name: "isObject" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-node-logs-models', template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" 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            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"false\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n            </td>\n            <td>\n              <span [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.originalValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{blankNode.recalculatedValue | precision:3 | default:'-'}}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.recalculatedValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"\n                ></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta *ngIf=\"blankNode.originalValueByMethodId[model.methodId] !== null && blankNode.recalculatedValueByMethodId[model.methodId] !== null; else noValue\"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"\n                  ></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n              >\n                <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n            </td>\n            <td></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"termById(subValue.id)\" [attr.title]=\"termById(subValue.id).name\">\n                    <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{logColor[status.value]}}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{status.value}}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyRequired\"\n            (change)=\"filterResults()\"\n            [disabled]=\"!!term\"\n          >\n          <span class=\"ml-2\">Show only {{filteredType | pluralize}} included in the default Hestia system boundary</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getModelsAt(data, i); let models; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model:models, data}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"models | isArray; else modelSerie\">\n        <p *ngFor=\"let model of models\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model, data}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : (model.showLogs ? p.open({ logs: model.logs }) : null)\"\n  >\n    <span class=\"is-capitalized\">{{methodName(model)}}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">[{{model.logs?.methodTier || model.model?.methodTier}}]</span>\n\n    <span class=\"pl-1 has-text-{{logColor[model.status]}} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n      triggers=\"manual\" #p1=\"ngbPopover\" placement=\"left\" container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\"\n    >\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (<ng-container *ngTemplateOutlet=\"docsLink; context: {$implicit: model.model}\"></ng-container>)\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:{key, value:logs.requirements[key]}\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th>\n                <span>Filename</span>\n              </th>\n              <th>\n                <span>Column Title</span>\n              </th>\n              <th>\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"has-background-black has-text-white\">\n            <tr *ngFor=\"let data of logs.missingLookups\">\n              <td>{{data.filename}}</td>\n              <td>{{data.column}}</td>\n              <td>{{data.termId}}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{value}}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else defaultValue\">\n    <he-node-link class=\"is-inline-block is-align-middle\" linkClass=\"is-dark\" [node]=\"linkedNode\" [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right\">\n      <span class=\"is-inline-block is-align-middle\" [ngSwitch]=\"key\">\n        <ng-container *ngSwitchDefault>{{key | keyToLabel}}</ng-container>\n\n        <ng-container *ngSwitchCase=\"'node_type_allowed'\">Is the current <code>Node</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'siteType_allowed'\">Is the current <code>siteType</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">Is the current primary product <code>@id</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">Is the current primary product <code>termType</code> allowed to run this model</ng-container>\n\n        <ng-container *ngSwitchCase=\"'geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n        <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n        <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n        <ng-container *ngSwitchCase=\"'pesticides_complete'\">Pesticide data are <code>complete</code></ng-container>\n        <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">Cycle contains <code>pesticideAI</code> Inputs</ng-container>\n        <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">All <code>pesticideAI</code> Inputs have a lookup value</ng-container>\n\n        <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\"><code>aboveGroundCropResidueBurnt</code> is present as Product</ng-container>\n\n        <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n      </span>\n      <he-clipboard class=\"is-inline-block is-align-middle\" clipboardClass=\"is-size-7 is-p-1\" [icon]=\"['far', 'clone']\" [value]=\"key\" [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context:{key,value}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{v.key}}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{v}}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{vv.value}}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{model.status}}</span>\n    </div>\n\n    <ng-template #showRunOrchestrator>\n      <div class=\"is-run-orchestrator\">\n        <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n        <p *ngIf=\"!model.logs?.shouldRun\">\n          Some of the requirements were not met to run the model.\n          You can click on the model name on the left to view the debugging logs.\n        </p>\n        <div *ngIf=\"model.logs?.logs?.error\">\n          <p>The model failed to run for the following reason:</p>\n          <p><code>{{model.logs.logs.error}}</code></p>\n        </div>\n      </div>\n    </ng-template>\n\n    <div class=\"is-no-run-orchestrator\" *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n      <ng-container *ngIf=\"!model.logs.runRequired\">\n        <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n          This model should not run for {{nodeType | pluralize:0}}\n        </span>\n      </ng-container>\n\n      <ng-template #runNoConfig>\n        <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n          The {{data.type || 'blank node'}} with Term <code>{{data.termId}}</code> is already present or already added by another model.\n        </span>\n      </ng-template>\n\n      <ng-container *ngIf=\"model.config; else runNoConfig\">\n        <div class=\"is-run-strategy-{{model.config.runStrategy}}\" [ngSwitch]=\"model.config.runStrategy\">\n          <span *ngSwitchCase=\"'always'\"></span>\n          <span *ngSwitchCase=\"'add_key_if_missing'\">\n            We only gap-fill this key if not present\n          </span>\n          <span *ngSwitchCase=\"'add_blank_node_if_missing'\">\n            We only gap-fill this Blank Node if not present.\n          </span>\n\n          <span class=\"is-run-with-measured\" *ngIf=\"model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\">\n            The <code>{{model.config.value}}</code> was already reported as measured.\n          </span>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"is-no-merge-orchestrator\" *ngIf=\"model.logs?.shouldMerge === false\">\n      <p class=\"is-merge-replaceThreshold\" *ngIf=\"model.logs.logs?.replaceThreshold\">\n        <span>The</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}</span>\n        <span class=\"is-pl-1\">from this model was</span>\n        <span class=\"is-pl-1\">\n          <ng-container *ngIf=\"model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">less than</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">more than</span>\n            <span class=\"is-pl-1\">{{model.config.mergeArgs.replaceThreshold[1] * 100}}%</span>\n          </ng-container>\n          <ng-container *ngIf=\"!model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">not sufficiently</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">sufficiently</span>\n          </ng-container>\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}.</span>\n      </p>\n    </div>\n    <p class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.logs?.replaceLowerTier\">\n      <span>The model <code>methodTier</code> was</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'False'\">higher than</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'True'\">lower than</span>\n      <span class=\"is-pl-1\">the original <code>methodTier</code></span>\n    </p>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}\n"] }]
+            args: [{ selector: 'he-node-logs-models', template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" 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            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"false\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n            </td>\n            <td>\n              <span [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.originalValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{blankNode.recalculatedValue | precision:3 | default:'-'}}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">{{blankNode.recalculatedValueByMethodId[model.methodId] | precision:3 | default:'-'}}</div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"\n                ></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta *ngIf=\"blankNode.originalValueByMethodId[model.methodId] !== null && blankNode.recalculatedValueByMethodId[model.methodId] !== null; else noValue\"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"\n                  ></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n              >\n                <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n            </td>\n            <td></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-border-right\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"termById(subValue.id)\" [attr.title]=\"termById(subValue.id).name\">\n                    <span class=\"is-nowrap has-text-ellipsis\" [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {data: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{logColor[status.value]}}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{status.value}}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyRequired\"\n            (change)=\"filterResults()\"\n            [disabled]=\"!!term\"\n          >\n          <span class=\"ml-2\">Show only {{filteredType | pluralize}} included in the default Hestia system boundary</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getModelsAt(data, i); let models; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model:models, data}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"models | isArray; else modelSerie\">\n        <p *ngFor=\"let model of models\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {model, data}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : (model.showLogs ? p.open({ logs: model.logs }) : null)\"\n  >\n    <span class=\"is-capitalized\">{{methodName(model)}}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">[{{model.logs?.methodTier || model.model?.methodTier}}]</span>\n\n    <span class=\"pl-1 has-text-{{logColor[model.status]}} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\" [autoClose]=\"'outside'\" popoverClass=\"is-narrow\"\n      triggers=\"manual\" #p1=\"ngbPopover\" placement=\"left\" container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\"\n    >\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (<ng-container *ngTemplateOutlet=\"docsLink; context: {$implicit: model.model}\"></ng-container>)\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:{key, value:logs.requirements[key]}\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context:key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th>\n                <span>Filename</span>\n              </th>\n              <th>\n                <span>Column Title</span>\n              </th>\n              <th>\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"has-background-black has-text-white\">\n            <tr *ngFor=\"let data of logs.missingLookups\">\n              <td>{{data.filename}}</td>\n              <td>{{data.column}}</td>\n              <td>{{data.termId}}</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{value}}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else defaultValue\">\n    <he-node-link class=\"is-inline-block is-align-middle\" linkClass=\"is-dark\" [node]=\"linkedNode\" [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right\">\n      <span class=\"is-inline-block is-align-middle\" [ngSwitch]=\"key\">\n        <ng-container *ngSwitchDefault>{{key | keyToLabel}}</ng-container>\n\n        <ng-container *ngSwitchCase=\"'node_type_allowed'\">Is the current <code>Node</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'siteType_allowed'\">Is the current <code>siteType</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">Is the current primary product <code>@id</code> allowed to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">Is the current primary product <code>termType</code> allowed to run this model</ng-container>\n\n        <ng-container *ngSwitchCase=\"'geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">Has geospatial data necessary to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n        <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n        <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n        <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n        <ng-container *ngSwitchCase=\"'pesticides_complete'\">Pesticide data are <code>complete</code></ng-container>\n        <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">Cycle contains <code>pesticideAI</code> Inputs</ng-container>\n        <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">All <code>pesticideAI</code> Inputs have a lookup value</ng-container>\n\n        <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\"><code>aboveGroundCropResidueBurnt</code> is present as Product</ng-container>\n\n        <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n      </span>\n      <he-clipboard class=\"is-inline-block is-align-middle\" clipboardClass=\"is-size-7 is-p-1\" [icon]=\"['far', 'clone']\" [value]=\"key\" [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context:{key,value}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{v.key}}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{v}}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{vv.value}}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{model.status}}</span>\n    </div>\n\n    <ng-template #showRunOrchestrator>\n      <div class=\"is-run-orchestrator\">\n        <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n        <p *ngIf=\"!model.logs?.shouldRun\">\n          Some of the requirements were not met to run the model.\n          You can click on the model name on the left to view the debugging logs.\n        </p>\n        <div *ngIf=\"model.logs?.logs?.error\">\n          <p>The model failed to run for the following reason:</p>\n          <p><code>{{model.logs.logs.error}}</code></p>\n        </div>\n      </div>\n    </ng-template>\n\n    <div class=\"is-no-run-orchestrator\" *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n      <ng-container *ngIf=\"!model.logs.runRequired\">\n        <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n          This model should not run for {{nodeType | pluralize:0}}\n        </span>\n      </ng-container>\n\n      <ng-template #runNoConfig>\n        <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n          The {{data.type || 'blank node'}} with Term <code>{{data.termId}}</code> is already present or already added by another model.\n        </span>\n      </ng-template>\n\n      <ng-container *ngIf=\"model.config; else runNoConfig\">\n        <div class=\"is-run-strategy-{{model.config.runStrategy}}\" [ngSwitch]=\"model.config.runStrategy\">\n          <span *ngSwitchCase=\"'always'\"></span>\n          <span *ngSwitchCase=\"'add_key_if_missing'\">\n            We only gap-fill this key if not present\n          </span>\n          <span *ngSwitchCase=\"'add_blank_node_if_missing'\">\n            We only gap-fill this Blank Node if not present.\n          </span>\n\n          <span class=\"is-run-with-measured\" *ngIf=\"model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\">\n            The <code>{{model.config.value}}</code> was already reported as measured.\n          </span>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"is-no-merge-orchestrator\" *ngIf=\"model.logs?.shouldMerge === false\">\n      <p class=\"is-merge-replaceThreshold\" *ngIf=\"model.logs.logs?.replaceThreshold\">\n        <span>The</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}</span>\n        <span class=\"is-pl-1\">from this model was</span>\n        <span class=\"is-pl-1\">\n          <ng-container *ngIf=\"model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">less than</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">more than</span>\n            <span class=\"is-pl-1\">{{model.config.mergeArgs.replaceThreshold[1] * 100}}%</span>\n          </ng-container>\n          <ng-container *ngIf=\"!model.config.mergeArgs\">\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'False'\">not sufficiently</span>\n            <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceThreshold === 'True'\">sufficiently</span>\n          </ng-container>\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <span class=\"is-pl-1\">{{model.config?.mergeArgs?.replaceThreshold?.[0] || 'value'}}.</span>\n      </p>\n    </div>\n    <p class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.logs?.replaceLowerTier\">\n      <span>The model <code>methodTier</code> was</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'False'\">higher than</span>\n      <span class=\"is-pl-1\" *ngIf=\"model.logs.logs.replaceLowerTier === 'True'\">lower than</span>\n      <span class=\"is-pl-1\">the original <code>methodTier</code></span>\n    </p>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}\n"] }]
         }], ctorParameters: function () { return [{ type: HeNodeService }, { type: HeSearchService }, { type: HeEngineService }]; }, propDecorators: { node: [{
                 type: Input
             }], nodeKey: [{