@hestia-earth/ui-components 0.2.8 → 0.2.9

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

@@ -23,6 +23,7 @@ import { keyToLabel, isUndefined, isNumber, toPrecision, toDashCase, isBoolean,
 import * as pluralize from 'pluralize';
 import { catchError, map, take, mergeMap, debounceTime, distinctUntilChanged, tap, switchMap, reduce, filter, distinct, toArray, mergeAll, groupBy } from 'rxjs/operators';
 import { propertyValue as propertyValue$1, emptyValue } from '@hestia-earth/utils/dist/term';
+import { getDefaultModeId } from '@hestia-earth/glossary';
 import { __rest, __awaiter } from 'tslib';
 import * as csvtojson from 'csvtojson';
 import * as i1$3 from '@angular/common/http';
@@ -38,7 +39,6 @@ import * as moment from 'moment';
 import 'moment/locale/en-gb';
 import { v4 } from 'uuid';
 import MarkerClusterer from '@google/markerclustererplus';
-import { getDefaultModeId } from '@hestia-earth/glossary';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 
 class HeAuthService {
@@ -682,6 +682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }] });
 
 const get$5 = require('lodash.get');
+const isMethodModelAllowed = (filterMethod) => (node) => { var _a, _b; return ((_a = node.methodModel) === null || _a === void 0 ? void 0 : _a['@id']) === (filterMethod ? filterMethod['@id'] : getDefaultModeId((_b = node.term) === null || _b === void 0 ? void 0 : _b['@id'])); };
 var NodeKeyState;
 (function (NodeKeyState) {
     NodeKeyState["added"] = "added";
@@ -1495,9 +1496,11 @@ const feature = Object.freeze({
 });
 const defaultFeature = () => (Object.assign({}, feature));
 const pointToCoordinates = (point) => [point.lng(), point.lat()];
-const coordinatesToPoint = (values) => Array.isArray(values[0]) ?
-    values.map((v) => coordinatesToPoint(v)) :
-    new google.maps.LatLng(values[1], values[0]);
+const coordinatesToPoint = (values) => Array.isArray(values[0])
+    ? values.map((v) => coordinatesToPoint(v))
+    : values.some(isNaN)
+        ? null
+        : new google.maps.LatLng(values[1], values[0]);
 const polygonToCoordinates = (polygon) => polygon.getPaths().getArray().map(path => {
     const points = path.getArray();
     return [
@@ -1526,11 +1529,12 @@ const polygonsFromFeature = (feat) => feat.type === 'FeatureCollection'
         : (getCoordinates(feat) || []).map(coordinatesToPolygon);
 const polygonBounds = (polygon) => {
     var _a;
-    return polygon ?
-        Array.isArray(polygon) ?
-            polygon.reduce((prev, curr) => prev.extend(polygonBounds(curr)), new google.maps.LatLngBounds()) :
-            (((_a = polygon.getPath()) === null || _a === void 0 ? void 0 : _a.getArray()) || []).reduce((prev, curr) => prev.extend(curr), new google.maps.LatLngBounds()) :
-        undefined;
+    const paths = polygon
+        ? Array.isArray(polygon)
+            ? polygon.flatMap(p => { var _a; return ((_a = p.getPath()) === null || _a === void 0 ? void 0 : _a.getArray()) || []; })
+            : ((_a = polygon.getPath()) === null || _a === void 0 ? void 0 : _a.getArray()) || []
+        : [];
+    return paths.reduce((prev, curr) => prev.extend(curr), new google.maps.LatLngBounds());
 };
 
 class MapsDrawingConfirmComponent {
@@ -4782,8 +4786,8 @@ class NodeLogsModelsComponent {
         const value = (blankNodes === null || blankNodes === void 0 ? void 0 : blankNodes.length) ? blankNodes[0][key] : null;
         return ['string', 'number', 'boolean'].includes(typeof value) ? (value || '') : null;
     }
-    togglePopover(popover, context) {
-        return popover.isOpen() ? popover.close() : popover.open(context);
+    openPopover(popover, { blankNode, methodId, subValue, logs }) {
+        return this.hasLogDetails(blankNode, methodId, subValue) ? popover.open({ logs }) : null;
     }
     filterResults() {
         setTimeout(() => {
@@ -4859,7 +4863,7 @@ class NodeLogsModelsComponent {
     }
 }
 NodeLogsModelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeLogsModelsComponent, deps: [{ token: HeSearchService }, { token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component });
-NodeLogsModelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", includeAllModels: "includeAllModels", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, 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-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\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                  (change)=\"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 class=\"has-border-right\">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\" [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\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"has-border-right\">\n              <span>{{blankNode.term?.units}}</span>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\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            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\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-text-left\">\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 class=\"has-border-right\"></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              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\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]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"has-border-right\"></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: {blankNode: blankNode, subValue: 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          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\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 relevant {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"methodId | isArray; else modelSerie\">\n        <p *ngFor=\"let value of methodId\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId, subValue) ? togglePopover(p, { logs }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\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  <ng-container *ngIf=\"logs.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">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  </ng-container>\n</ng-template>\n", styles: [":host{display:block}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i11.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
+NodeLogsModelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", includeAllModels: "includeAllModels", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, 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-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\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                  (change)=\"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 class=\"has-border-right\">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\" [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\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"has-border-right\">\n              <span>{{blankNode.term?.units}}</span>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\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            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\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-text-left\">\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 class=\"has-border-right\"></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              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\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]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"has-border-right\"></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: {blankNode: blankNode, subValue: 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          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\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 relevant {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"methodId | isArray; else modelSerie\">\n        <p *ngFor=\"let value of methodId\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, value, subValue)}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : openPopover(p, { blankNode, methodId, subValue, logs })\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\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  <ng-container *ngIf=\"logs?.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs?.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs?.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">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  </ng-container>\n</ng-template>\n", styles: [":host{display:block}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i11.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
             args: [{
@@ -6812,12 +6816,7 @@ class SitesMapsComponent {
         });
     }
     centerPolygons(polygons) {
-        try {
-            return (polygons === null || polygons === void 0 ? void 0 : polygons.length) ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
-        }
-        catch (err) {
-            return (polygons === null || polygons === void 0 ? void 0 : polygons.length) ? this.map.googleMap.fitBounds(polygonBounds(polygons[0])) : null;
-        }
+        return (polygons === null || polygons === void 0 ? void 0 : polygons.length) ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
     }
     addSiteMarkers(sites) {
         const siteMarkers = sites.map(siteMarker).filter(Boolean);
@@ -7959,13 +7958,6 @@ var View;
     View["breakdown"] = "breakdown";
     View["logs"] = "logs";
 })(View || (View = {}));
-const isMethodModelAllowed = (filterMethod) => (node) => {
-    var _a, _b, _c, _d;
-    return filterMethod
-        ? ((_a = node.methodModel) === null || _a === void 0 ? void 0 : _a['@id']) === filterMethod['@id']
-        : (typeof getDefaultModeId((_b = node.term) === null || _b === void 0 ? void 0 : _b['@id']) === 'undefined' ||
-            ((_c = node.methodModel) === null || _c === void 0 ? void 0 : _c['@id']) === getDefaultModeId((_d = node.term) === null || _d === void 0 ? void 0 : _d['@id']));
-};
 class ImpactAssessmentsProductsComponent {
     constructor(nodeService) {
         this.nodeService = nodeService;