@hestia-earth/ui-components 0.0.4 → 0.0.7

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

@@ -14,10 +14,10 @@ import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faClone, faCircle, faIdBadge } from '@fortawesome/free-regular-svg-icons';
 import { faAngleDoubleLeft, faAngleDoubleRight, faAngleDown, faAngleLeft, faAngleRight, faBookOpen, faBuilding, faCalculator, faChartBar, faCheck, faClipboard, faClipboardList, faClone as faClone$1, faComments, faDownload, faDrawPolygon, faEdit, faExclamationTriangle, faExternalLinkAlt, faFilter, faList, faLongArrowAltDown, faLongArrowAltUp, faLongArrowAltLeft, faLongArrowAltRight, faMap, faMapMarked, faMapMarkedAlt, faPlus, faPlusCircle, faSearch, faSeedling, faSpellCheck, faSpinner, faTimes, faUser } from '@fortawesome/free-solid-svg-icons';
-import { isEmpty, unique, isUndefined, isNumber, toPrecision, isBoolean, ConvertUnits, converters, convertValue, isEqual, diffInDays } from '@hestia-earth/utils';
 import { getColor } from 'random-material-color';
-import { EmissionMethodTier, NodeType, TermTermType, nestedSearchableKeys, isExpandable, SchemaType, SCHEMA_VERSION, sortKeysByType, CycleFunctionalUnit, SiteSiteType, isTypeValid, isTypeNode, typeToSchemaType } from '@hestia-earth/schema';
+import { EmissionMethodTier, NodeType, isExpandable, TermTermType, nestedSearchableKeys, SchemaType, SCHEMA_VERSION, sortKeysByType, CycleFunctionalUnit, SiteSiteType, isTypeValid, isTypeNode, typeToSchemaType } from '@hestia-earth/schema';
 import { fileToExt, nodeTypeToParam, DataState, SupportedExtensions } from '@hestia-earth/api';
+import { unique, isEmpty, isUndefined, isNumber, toPrecision, isBoolean, ConvertUnits, converters, convertValue, isEqual, diffInDays } from '@hestia-earth/utils';
 import { of, ReplaySubject, forkJoin, from, zip } from 'rxjs';
 import { catchError, map, take, mergeMap, debounceTime, distinctUntilChanged, tap, switchMap, reduce, filter, distinct, toArray, mergeAll, groupBy } from 'rxjs/operators';
 import { __rest, __awaiter } from 'tslib';
@@ -33,10 +33,10 @@ import { headersFromCsv, toCsv as toCsv$2, toJson } from '@hestia-earth/schema-c
 import { isCSVIncluded, isDefaultCSVSelected } from '@hestia-earth/json-schema/schema-utils';
 import { create, formatters } from 'jsondiffpatch';
 import { Chart } from 'chart.js';
-import MarkerClusterer from '@google/markerclustererplus';
 import * as moment from 'moment';
 import 'moment/locale/en-gb';
 import { v4 } from 'uuid';
+import MarkerClusterer from '@google/markerclustererplus';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 
 class HeAuthService {
@@ -85,9 +85,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.FaIconLibrary }]; } });
 
-const get$5 = require('lodash.get');
+const get$4 = require('lodash.get');
 const gitHome = 'https://gitlab.com/hestia-earth';
 const gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
+const gitBranch = () => ['dev', 'staging'].some(env => baseUrl().includes(env)) ? 'develop' : 'master';
 const isChrome = () => window.navigator.userAgent.includes('Chrome');
 const baseUrl = () => window.location.origin.includes('localhost') ?
     'https://www-dev.hestia.earth' :
@@ -96,18 +97,8 @@ const baseUrl = () => window.location.origin.includes('localhost') ?
         'https://www.hestia.earth';
 const isExternal = () => baseUrl() !== window.location.origin;
 ;
-const loadScript = (src) => new Promise((resolve, reject) => {
-    if (!src || document.body.querySelectorAll('script[src="' + src + '"]').length > 0) {
-        return resolve({});
-    }
-    const script = document.createElement('script');
-    script.onload = resolve;
-    script.onerror = reject;
-    script.src = src;
-    document.body.appendChild(script);
-});
 const parseErrorStatus = (error) => ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-');
-const parseErrorMessage = (error) => get$5(error, 'error.error', get$5(error, 'error.message', get$5(error, 'error', get$5(error, 'message', error))));
+const parseErrorMessage = (error) => get$4(error, 'error.error', get$4(error, 'error.message', get$4(error, 'error', get$4(error, 'message', error))));
 const handleAPIError = (error) => {
     try {
         error = parseErrorMessage(error);
@@ -122,20 +113,6 @@ const errorText = (error) => {
     const err = parseErrorMessage(error);
     return parseErrorStatus(err) || err;
 };
-const toFormData = (data, formData = new FormData()) => {
-    for (const key in data) {
-        if (data.hasOwnProperty(key)) {
-            const value = data[key];
-            if (typeof value === 'object') {
-                formData.append(key, JSON.stringify(value));
-            }
-            else {
-                formData.append(key, value);
-            }
-        }
-    }
-    return formData;
-};
 const filterParams = (obj) => {
     const res = {};
     Object.keys(obj).sort().forEach(key => {
@@ -146,13 +123,6 @@ const filterParams = (obj) => {
     });
     return res;
 };
-const toSearchParams = (params = {}) => {
-    const searchParams = new URLSearchParams();
-    Object.keys(params)
-        .filter(key => typeof params[key] !== 'undefined')
-        .forEach(key => searchParams.append(key, `${params[key]}`));
-    return searchParams;
-};
 const waitFor = (variable, callback) => {
     if (variable in window) {
         return callback();
@@ -166,23 +136,6 @@ const scrollToEl = (id, retries = 0) => {
     setTimeout(() => el ? el.scrollIntoView() : (retries < 10 ? scrollToEl(id, retries + 1) : null), 100);
 };
 const scrollTop = () => window.scrollTo(0, 0);
-const animateCounter = (total, callback) => {
-    let animationDuration = 10;
-    const step = Math.pow(10, `${total}`.length - 1);
-    const maxSteps = parseInt(`${total / step}`, 10);
-    let current = 0;
-    const interval = setInterval(() => {
-        callback(current);
-        current += (step / animationDuration);
-        if (current > maxSteps * step) {
-            animationDuration = 100;
-        }
-        if (current > total) {
-            callback(total);
-            clearInterval(interval);
-        }
-    }, animationDuration);
-};
 const safeJSONParse = (value, defaultValue) => {
     try {
         return typeof value === 'string' ? JSON.parse(value) : value;
@@ -241,7 +194,7 @@ const groupNodesByTerm = (nodes = [], key, originalValues = [], filterMethod) =>
         group[termId].values[nodeId].nodes.push(blankNode);
         group[termId].values[nodeId].value = concatBlankNodeValue(group[termId].values[nodeId].value, blankNode.value);
         grouppedValueKeys.forEach(arrayKey => {
-            const newValue = get$5(blankNode, arrayKey, []);
+            const newValue = get$4(blankNode, arrayKey, []);
             group[termId].values[nodeId][arrayKey] = [
                 ...(group[termId].values[nodeId][arrayKey] || []),
                 ...(Array.isArray(newValue) ? newValue : [newValue])
@@ -254,7 +207,7 @@ const groupNodesByTerm = (nodes = [], key, originalValues = [], filterMethod) =>
         Object.keys(group.values).map(nodeId => {
             const { index } = group.values[nodeId];
             const termId = group.term['@id'];
-            const originalValue = get$5(originalValues, `[${index}].${key}`, []).filter((val) => val.term['@id'] === termId);
+            const originalValue = get$4(originalValues, `[${index}].${key}`, []).filter((val) => val.term['@id'] === termId);
             if (originalValue.length > 0) {
                 const value = originalValue.reduce((array, curr) => concatBlankNodeValue(array, curr.value), []);
                 group.originalValues[nodeId] = { value: propertyValue$1(value) };
@@ -263,7 +216,6 @@ const groupNodesByTerm = (nodes = [], key, originalValues = [], filterMethod) =>
     });
     return groups;
 };
-const sortByFn = (key, asc) => (a, b) => asc ? get$5(a, key, '').localeCompare(get$5(b, key, '')) : get$5(b, key, '').localeCompare(get$5(a, key, ''));
 const ellipsis = (text = '', maxlength = 20) => text.length > maxlength ? `${text.substring(0, maxlength)}...` : text;
 const mapsQuery = 'https://www.google.com/maps/search/?api=1&query=';
 const mapsUrl = (location) => location ? (location.lat && location.lng ?
@@ -283,8 +235,6 @@ const toDashCase = (value) => value ?
         // handle years
         .replace(/([0-9]{4})/g, g => `-${g}`) :
     null;
-const nodeTypeToString = (type) => `${type.charAt(0).toLowerCase()}${type.substring(1)}`;
-const parseNodeType = (type) => Object.values(NodeType).find(v => v.toString().toLowerCase() === (type || '').toLowerCase());
 const nodeDefaultLabel = {
     [NodeType.ImpactAssessment]: ({ name, country, endDate, product }) => name ? name.replace(`${product === null || product === void 0 ? void 0 : product.name}, `, '') : [
         product === null || product === void 0 ? void 0 : product.name,
@@ -296,47 +246,8 @@ const nodeDefaultLabel = {
 const defaultLabel = (node) => node ? (node['@type'] in nodeDefaultLabel ? nodeDefaultLabel[node['@type']](node) : node.name) || node['@id'] || node.id : '';
 const itemColor = (index) => getColor({ text: `${index}` });
 const listColor = (_v, index) => itemColor(index);
-const minutesBefore = (date, minutes = 1) => {
-    date.setMinutes(date.getMinutes() - minutes);
-    return date;
-};
-const hoursBefore = (date, hours = 1) => {
-    date.setHours(date.getHours() - hours);
-    return date;
-};
-const repeat = (times = 0) => (Array.from(Array(times), Math.random));
-var DeltaDisplayType;
-(function (DeltaDisplayType) {
-    DeltaDisplayType["absolute"] = "absolute";
-    DeltaDisplayType["percent"] = "percent";
-})(DeltaDisplayType || (DeltaDisplayType = {}));
-const deltaPerType = {
-    [DeltaDisplayType.absolute]: (value, original) => value - original,
-    [DeltaDisplayType.percent]: (value, original) => ((value - original) / original) * 100
-};
-const roundValue = (value) => +`${value}`.substring(0, 10);
-const delta = (value, originalValue, displayType = DeltaDisplayType.percent, customDeltaFuncs) => {
-    const vvalue = roundValue(propertyValue$1(value));
-    const voriginalValue = roundValue(propertyValue$1(originalValue));
-    const deltaFuncs = Object.assign(Object.assign({}, deltaPerType), customDeltaFuncs);
-    const diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
-    return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
-};
-var DeltaColour;
-(function (DeltaColour) {
-    DeltaColour["Success"] = "success";
-    DeltaColour["Warning"] = "warning";
-    DeltaColour["Danger"] = "danger";
-})(DeltaColour || (DeltaColour = {}));
-const emptyValue = (value) => isEmpty(value) || isNaN(propertyValue$1(value));
-const filenameWithoutExt = (filename = '') => {
-    const file = fileToExt(filename, '');
-    // remove last .
-    return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
-};
-
 const reduceValues$1 = (values) => values.length ? values.reduce((p, v) => p + propertyValue$1(v.value), 0) : undefined;
-const formatValues = (originalValues = [], recalculatedValues = []) => {
+const formatDiffValues = (originalValues = [], recalculatedValues = []) => {
     const originalValuesFiltered = originalValues.filter((value) => !value.deleted);
     const recalculatedValuesFiltered = recalculatedValues.filter((value) => !value.deleted);
     const terms = unique([...originalValuesFiltered, ...recalculatedValuesFiltered].map((v) => v.term['@id'])).sort();
@@ -352,9 +263,39 @@ const formatValues = (originalValues = [], recalculatedValues = []) => {
     });
     return values;
 };
+const emptyValue = (value) => isEmpty(value) || isNaN(propertyValue$1(value));
+const repeat = (times = 0) => (Array.from(Array(times), Math.random));
+const filenameWithoutExt = (filename = '') => {
+    const file = fileToExt(filename, '');
+    // remove last .
+    return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
+};
 
 const SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
 const WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+var DeltaColour;
+(function (DeltaColour) {
+    DeltaColour["Success"] = "success";
+    DeltaColour["Warning"] = "warning";
+    DeltaColour["Danger"] = "danger";
+})(DeltaColour || (DeltaColour = {}));
+var DeltaDisplayType;
+(function (DeltaDisplayType) {
+    DeltaDisplayType["absolute"] = "absolute";
+    DeltaDisplayType["percent"] = "percent";
+})(DeltaDisplayType || (DeltaDisplayType = {}));
+const deltaPerType = {
+    [DeltaDisplayType.absolute]: (value, original) => value - original,
+    [DeltaDisplayType.percent]: (value, original) => ((value - original) / original) * 100
+};
+const roundValue = (value) => +`${value}`.substring(0, 10);
+const delta = (value, originalValue, displayType = DeltaDisplayType.percent, mapping) => {
+    const vvalue = roundValue(propertyValue$1(value));
+    const voriginalValue = roundValue(propertyValue$1(originalValue));
+    const deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
+    const diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
+    return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
+};
 var PercentDeltaConditions;
 (function (PercentDeltaConditions) {
     PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
@@ -377,9 +318,9 @@ const calculatePercentDelta = (recalculated, original) => {
 const customDeltaFuncs = {
     [DeltaDisplayType.percent]: calculatePercentDelta
 };
-const evaluateSuccess = (delta) => Math.abs(delta) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+const evaluateSuccess = (deltaValue) => Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
     ? DeltaColour.Success
-    : Math.abs(delta) < WARNING_CRITERION_MAX_DELTA_PERCENT
+    : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
         ? DeltaColour.Warning
         : DeltaColour.Danger;
 
@@ -461,7 +402,7 @@ class BlankNodeDiffsComponent {
         this.values = [];
     }
     ngOnInit() {
-        this.values = formatValues(this.originalValues, this.recalculatedValues);
+        this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
     }
 }
 BlankNodeDiffsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeDiffsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -479,210 +420,187 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }] } });
 
-const searchableTypes = [
-    NodeType.Cycle,
-    NodeType.Source
-];
-const serializeSearchFilters = (filters) => Object.keys(filters || {})
-    .filter(key => filters[key].length)
-    .map(key => `${key}=${filters[key].filter(Boolean).join('|')}`)
-    .join(';');
-const deserializeSearchFilters = (filters) => (filters || '').split(';').reduce((prev, curr) => {
-    const [key, values] = curr.split('=');
-    prev[key] = (values || '').split('|').filter(Boolean);
-    return prev;
-}, {});
-const matchType = (type) => Object.freeze({
-    match: { '@type': type }
-});
-const matchTermType = (termType) => Object.freeze({
-    match: { termType }
-});
-const matchRegex = (key, value) => Object.freeze({
-    regexp: { [key]: { value: value.toString() } }
-});
-const matchQuery = (key, value, boost) => Object.freeze({
-    match: {
-        [key]: Object.assign({ query: value }, (boost ? { boost } : {}))
-    }
-});
-const matchExactQuery = (key, value, boost) => matchQuery(`${key}.keyword`, value, boost);
-const matchNameNormalized = (query, boost = 20) => Object.freeze({
-    match: { nameNormalized: { query, boost } }
-});
-const numberGte = (key, value) => Object.freeze({
-    range: { [key]: { gte: value } }
+const termProperties = (term) => Object.keys(term).filter(key => !isExpandable(term[key]) && ![
+    'pinned', 'expanded', 'extended', 'selected', 'loading',
+    '_score', '@type', '@id', '@context', 'createdAt',
+    'name', 'synonyms', 'termType', 'location', 'properties', 'schemaVersion'
+].includes(key));
+const findPropertyById = ({ defaultProperties }, key) => (defaultProperties || []).find(({ term }) => term['@id'] === key);
+const termLocationName = ({ gadmFullName }) => ({
+    name: gadmFullName || ''
 });
-const multiMatchQuery = (query, fields, type = 'best_fields', boost, analyzer) => Object.freeze({
-    multi_match: Object.assign(Object.assign({ query,
-        fields,
-        type }, (boost ? { boost } : {})), (analyzer ? { analyzer } : {}))
+const termLocation = ({ latitude, longitude }) => ({
+    lat: latitude,
+    lng: longitude
 });
-const matchPhraseQuery = (query, boost, ...fields) => fields.length ? multiMatchQuery(query, fields, 'phrase', boost) : matchExactQuery('name', query, boost);
-const matchPhrasePrefixQuery = (query, boost = 2, ...fields) => fields.length ?
-    multiMatchQuery(query, fields, 'phrase_prefix', boost) :
-    Object.freeze({
-        match_phrase_prefix: {
-            nameSearchAsYouType: {
-                query,
-                boost
-            }
-        }
-    });
-const matchBoolPrefixQuery = (query, boost = 1, ...fields) => fields.length ?
-    multiMatchQuery(query, fields, 'bool_prefix', boost) :
-    Object.freeze({
-        match_bool_prefix: {
-            name: {
-                query,
-                boost
-            }
-        }
-    });
-const wildcardQuery = (query, boost = 3, ...fields) => Object.freeze({
-    simple_query_string: {
-        query: `*${query}*`,
-        fields,
-        analyze_wildcard: true,
-        boost
+const termTypeToLabel = {
+    [TermTermType.methodEmissionResourceUse]: 'Method (Emissions)',
+    [TermTermType.methodMeasurement]: 'Method (Measurement)',
+    [TermTermType.pesticideAI]: 'Pesticide Active Ingredient',
+    [TermTermType.standardsLabels]: 'Standards & Labels',
+    [TermTermType.usdaSoilType]: 'USDA Soil Type'
+};
+const termTypeLabel = (type = 'N/A') => type in termTypeToLabel ? termTypeToLabel[type] : keyToLabel(type);
+const termTypesToChildren = (termTypes) => termTypes.map(termType => ({ label: termTypeLabel(termType), termType }));
+const groups = Object.freeze({
+    [TermTermType.emission]: {
+        label: 'Emissions & Resource Use',
+        termType: 'Emissions & Resource Use',
+        children: termTypesToChildren([
+            TermTermType.emission,
+            TermTermType.resourceUse,
+            TermTermType.model,
+            TermTermType.characterisedIndicator,
+            TermTermType.endpointIndicator,
+            TermTermType.methodEmissionResourceUse
+        ])
+    },
+    [TermTermType.region]: {
+        label: termTypeLabel(TermTermType.region),
+        termType: TermTermType.region,
+        children: []
+    },
+    infrastructure: {
+        label: 'Infrastructure & Equipment',
+        termType: 'Infrastructure & Equipment',
+        children: termTypesToChildren([
+            TermTermType.building,
+            TermTermType.cropProtection,
+            TermTermType.cropSupport,
+            TermTermType.irrigation,
+            TermTermType.machinery
+        ])
+    },
+    input: {
+        label: 'Inputs',
+        termType: 'Inputs',
+        children: termTypesToChildren([
+            TermTermType.antibiotic,
+            TermTermType.electricity,
+            TermTermType.fuel,
+            TermTermType.material,
+            TermTermType.inorganicFertilizer,
+            TermTermType.organicFertilizer,
+            TermTermType.other,
+            TermTermType.pesticideAI,
+            TermTermType.pesticideBrandName,
+            TermTermType.soilAmendment,
+            TermTermType.transport,
+            TermTermType.water
+        ])
+    },
+    [TermTermType.measurement]: {
+        label: 'Measurements',
+        termType: 'Measurements',
+        children: termTypesToChildren([
+            TermTermType.measurement,
+            TermTermType.soilTexture,
+            TermTermType.soilType,
+            TermTermType.usdaSoilType,
+            TermTermType.methodMeasurement
+        ])
+    },
+    practice: {
+        label: 'Practices',
+        termType: 'Production Practices',
+        children: termTypesToChildren([
+            TermTermType.animalManagement,
+            TermTermType.aquacultureManagement,
+            TermTermType.biodiversity,
+            TermTermType.cropEstablishment,
+            TermTermType.cropResidueManagement,
+            TermTermType.excretaManagement,
+            TermTermType.landUseManagement,
+            TermTermType.operation,
+            TermTermType.standardsLabels,
+            TermTermType.system,
+            TermTermType.tillage,
+            TermTermType.waterRegime,
+        ])
+    },
+    product: {
+        label: 'Products',
+        termType: 'Products',
+        children: termTypesToChildren([
+            TermTermType.crop,
+            TermTermType.cropResidue,
+            TermTermType.excreta,
+            TermTermType.liveAnimal,
+            TermTermType.liveAquaticSpecies,
+            TermTermType.animalProduct,
+            TermTermType.processedFood
+        ])
+    },
+    [TermTermType.property]: {
+        label: termTypeLabel(TermTermType.property),
+        termType: TermTermType.property,
+        children: []
     }
 });
-const matchCountryLevel = { match: { gadmLevel: 0 } };
-const matchGlobalRegion = { regexp: { '@id': 'region-*' } };
-const matchCountry = Object.freeze({
-    bool: {
-        should: [
-            matchCountryLevel,
-            matchGlobalRegion
-        ],
-        minimum_should_match: 1
-    }
-});
-const countriesQuery = Object.freeze({
-    bool: {
-        must: [
-            matchType(NodeType.Term),
-            matchTermType(TermTermType.region),
-            matchCountryLevel
-        ]
-    }
-});
-const allCountriesQuery = Object.freeze({
-    bool: Object.assign({ must: [
-            matchType(NodeType.Term),
-            matchTermType(TermTermType.region)
-        ] }, matchCountry.bool)
-});
-const matchRegion = numberGte('gadmLevel', 1);
-const regionsQuery = Object.freeze({
-    bool: {
-        must: [
-            matchType(NodeType.Term),
-            matchTermType(TermTermType.region),
-            matchRegion
-        ]
-    }
-});
-const worldRegion = Object.freeze({
-    '@id': 'region-world',
-    name: 'World'
-});
-const cropsQuery = Object.freeze({
-    bool: {
-        must: [
-            matchType(NodeType.Term),
-            matchTermType(TermTermType.crop)
-        ]
-    }
-});
-const matchAggregatedQuery = matchQuery('aggregated', true);
-const isNestedKey = (key) => nestedSearchableKeys.includes(key.split('.')[0]);
-const matchNestedKey = (key, query) => isNestedKey(key) ? {
-    nested: { path: key.split('.')[0], query }
-} : query;
-/**
- * List of fields to return in the search results.
- */
-const searchResultsFields = Object.freeze({
-    [NodeType.Cycle]: [
-        'description', 'dataDescription', 'endDate',
-        'emissionsCount', 'inputsCount', 'productsCount',
-        'site.location', 'site.country.name', 'site.region.name'
-    ],
-    [NodeType.Source]: ['bibliography.title', 'bibliography.documentDOI'],
-    [NodeType.ImpactAssessment]: ['emissionsResourceUseCount', 'impactsCount', 'country.name']
-});
-/**
- * List of fields to search in.
- */
-const searchFields = Object.freeze({
-    [NodeType.Cycle]: ['name', 'description', 'dataDescription'],
-    [NodeType.Source]: ['name', 'bibliography.title'],
-    [NodeType.ImpactAssessment]: ['name', 'product.name', 'country.name']
-});
-const searchFieldsNested = Object.freeze({
-    [NodeType.Cycle]: [
-        'inputs.term.name',
-        'emissions.term.name',
-        'practices.term.name'
-    ],
-    [NodeType.Source]: [],
-    [NodeType.ImpactAssessment]: [
-        'emissionsResourceUse.term.name',
-        'impacts.term.name'
-    ]
-});
-/**
- * Specific strict queries per type.
- */
-const searchQueries = {
-    [NodeType.Cycle]: { must: [], must_not: [matchAggregatedQuery] },
-    [NodeType.Source]: { must: [], must_not: [matchAggregatedQuery] }
-};
-const searchFiltersKeys = {
-    [NodeType.Cycle]: key => key,
-    [NodeType.Source]: key => key
-};
-/* eslint-disable complexity */
-const searchQuery = (type, query, filters, aggregated) => {
-    const boolQuery = (Object.assign(Object.assign({ must: [
-            matchType(type),
-            aggregated ? matchAggregatedQuery : null
-        ].filter(Boolean) }, (query ? {
-        should: [
-            matchPhraseQuery(query, 100, ...searchFields[type]),
-            matchPhrasePrefixQuery(query, 20, ...searchFields[type]),
-            matchBoolPrefixQuery(query, 10, ...searchFields[type]),
-            ...searchFieldsNested[type].map(field => matchNestedKey(field, matchBoolPrefixQuery(query, 1, field)))
-        ],
-        minimum_should_match: 1
-    } : {})), { must_not: [
-            aggregated ? null : matchAggregatedQuery
-        ].filter(Boolean) }));
-    const keys = Object.keys(filters || {}).filter(key => filters[key].length);
-    return {
-        bool: keys.length ? {
-            must: keys.map(key => {
-                const filterKey = searchFiltersKeys[type](key);
-                return {
-                    bool: {
-                        should: filters[key]
-                            .map(value => matchNestedKey(filterKey, matchExactQuery(filterKey, value)))
-                            .map(must => {
-                            const localQuery = JSON.parse(JSON.stringify(boolQuery));
-                            localQuery.must.push(must);
-                            return { bool: localQuery };
-                        }),
-                        minimum_should_match: 1
-                    }
-                };
-            })
-        } : boolQuery
-    };
+const termTypeGroups = [
+    groups.property,
+    groups.region,
+    groups.input,
+    groups.emission,
+    groups.product,
+    groups.practice,
+    groups.measurement,
+    groups.infrastructure
+];
+const termToParent = {
+    [TermTermType.property]: 'Properties',
+    [TermTermType.region]: 'Geographies'
 };
-/* eslint-enable complexity */
-
-const primaryProduct = ({ products }) => (products || []).find(({ primary }) => primary);
+const termChildToParent = (termType) => termTypeGroups.find(({ children }) => (children || []).some(child => child.termType === termType)) ||
+    { termType: termToParent[termType] };
+const sortOrder = [
+    TermTermType.property,
+    TermTermType.crop,
+    TermTermType.cropResidue,
+    TermTermType.animalProduct,
+    TermTermType.liveAnimal,
+    TermTermType.liveAquaticSpecies,
+    TermTermType.processedFood,
+    TermTermType.emission,
+    TermTermType.resourceUse,
+    TermTermType.inorganicFertilizer,
+    TermTermType.organicFertilizer,
+    TermTermType.soilAmendment,
+    TermTermType.soilTexture,
+    TermTermType.water,
+    TermTermType.material,
+    TermTermType.antibiotic,
+    TermTermType.electricity,
+    TermTermType.fuel,
+    TermTermType.aquacultureManagement,
+    TermTermType.biodiversity,
+    TermTermType.cropResidueManagement,
+    TermTermType.animalManagement,
+    TermTermType.waterRegime,
+    TermTermType.system,
+    TermTermType.tillage,
+    TermTermType.landUseManagement,
+    TermTermType.operation,
+    TermTermType.cropEstablishment,
+    TermTermType.measurement,
+    TermTermType.soilType,
+    TermTermType.usdaSoilType,
+    TermTermType.methodMeasurement,
+    TermTermType.building,
+    TermTermType.cropProtection,
+    TermTermType.cropSupport,
+    TermTermType.irrigation,
+    TermTermType.machinery,
+    TermTermType.model,
+    TermTermType.characterisedIndicator,
+    TermTermType.endpointIndicator,
+    TermTermType.methodEmissionResourceUse,
+    TermTermType.other,
+    TermTermType.region,
+    TermTermType.pesticideAI,
+    TermTermType.pesticideBrandName,
+    TermTermType.standardsLabels
+];
 
 const HE_API_BASE_URL = new InjectionToken('HE_API_BASE_URL');
 class HeCommonService {
@@ -692,11 +610,6 @@ class HeCommonService {
     get apiBaseUrl() {
         return this._apiBaseUrl || '/api';
     }
-    get gitBranch() {
-        return ['dev', 'staging'].some((env) => baseUrl().includes(env))
-            ? 'develop'
-            : 'master';
-    }
 }
 HeCommonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonService, deps: [{ token: HE_API_BASE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
 HeCommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonService, providedIn: 'root' });
@@ -710,188 +623,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [HE_API_BASE_URL]
                 }] }]; } });
 
-const termProperties = (term) => Object.keys(term).filter(key => !isExpandable(term[key]) && ![
-    'pinned', 'expanded', 'extended', 'selected', 'loading',
-    '_score', '@type', '@id', '@context', 'createdAt',
-    'name', 'synonyms', 'termType', 'location', 'properties', 'schemaVersion'
-].includes(key));
-const findPropertyById = ({ defaultProperties }, key) => (defaultProperties || []).find(({ term }) => term['@id'] === key);
-const termLocationName = ({ gadmFullName }) => ({
-    name: gadmFullName || ''
-});
-const termLocation = ({ latitude, longitude }) => ({
-    lat: latitude,
-    lng: longitude
-});
-const termTypeToLabel = {
-    [TermTermType.methodEmissionResourceUse]: 'Method (Emissions)',
-    [TermTermType.methodMeasurement]: 'Method (Measurement)',
-    [TermTermType.pesticideAI]: 'Pesticide Active Ingredient',
-    [TermTermType.standardsLabels]: 'Standards & Labels',
-    [TermTermType.usdaSoilType]: 'USDA Soil Type'
+const nodeTypeUrl = (apiBaseUrl, type) => type ? `${apiBaseUrl}/${nodeTypeToParam(type)}` : '';
+/**
+ * Get the full url to fetch the node data.
+ *
+ * @param apiBaseUrl The url of the API hosting the data.
+ * @param node The node with a type, id and optionally a dataState
+ * @returns The full url.
+ */
+const nodeUrl = (apiBaseUrl, _a) => {
+    var { dataState } = _a, node = __rest(_a, ["dataState"]);
+    return `${nodeTypeUrl(apiBaseUrl, node['@type'] || node.type)}/${node['@id'] || node.id}${dataState ? `?dataState=${dataState}` : ''}`;
 };
-const termTypeLabel = (type = 'N/A') => type in termTypeToLabel ? termTypeToLabel[type] : keyToLabel(type);
-const termTypesToChildren = (termTypes) => termTypes.map(termType => ({ label: termTypeLabel(termType), termType }));
-const groups = Object.freeze({
-    [TermTermType.emission]: {
-        label: 'Emissions & Resource Use',
-        termType: 'Emissions & Resource Use',
-        children: termTypesToChildren([
-            TermTermType.emission,
-            TermTermType.resourceUse,
-            TermTermType.model,
-            TermTermType.characterisedIndicator,
-            TermTermType.endpointIndicator,
-            TermTermType.methodEmissionResourceUse
-        ])
-    },
-    [TermTermType.region]: {
-        label: termTypeLabel(TermTermType.region),
-        termType: TermTermType.region,
-        children: []
-    },
-    infrastructure: {
-        label: 'Infrastructure & Equipment',
-        termType: 'Infrastructure & Equipment',
-        children: termTypesToChildren([
-            TermTermType.building,
-            TermTermType.cropProtection,
-            TermTermType.cropSupport,
-            TermTermType.irrigation,
-            TermTermType.machinery
-        ])
-    },
-    input: {
-        label: 'Inputs',
-        termType: 'Inputs',
-        children: termTypesToChildren([
-            TermTermType.antibiotic,
-            TermTermType.electricity,
-            TermTermType.fuel,
-            TermTermType.material,
-            TermTermType.inorganicFertilizer,
-            TermTermType.organicFertilizer,
-            TermTermType.other,
-            TermTermType.pesticideAI,
-            TermTermType.pesticideBrandName,
-            TermTermType.soilAmendment,
-            TermTermType.transport,
-            TermTermType.water
-        ])
-    },
-    [TermTermType.measurement]: {
-        label: 'Measurements',
-        termType: 'Measurements',
-        children: termTypesToChildren([
-            TermTermType.measurement,
-            TermTermType.soilTexture,
-            TermTermType.soilType,
-            TermTermType.usdaSoilType,
-            TermTermType.methodMeasurement
-        ])
-    },
-    practice: {
-        label: 'Practices',
-        termType: 'Production Practices',
-        children: termTypesToChildren([
-            TermTermType.animalManagement,
-            TermTermType.aquacultureManagement,
-            TermTermType.biodiversity,
-            TermTermType.cropEstablishment,
-            TermTermType.cropResidueManagement,
-            TermTermType.excretaManagement,
-            TermTermType.landUseManagement,
-            TermTermType.operation,
-            TermTermType.standardsLabels,
-            TermTermType.system,
-            TermTermType.tillage,
-            TermTermType.waterRegime,
-        ])
-    },
-    product: {
-        label: 'Products',
-        termType: 'Products',
-        children: termTypesToChildren([
-            TermTermType.crop,
-            TermTermType.cropResidue,
-            TermTermType.excreta,
-            TermTermType.liveAnimal,
-            TermTermType.liveAquaticSpecies,
-            TermTermType.animalProduct,
-            TermTermType.processedFood
-        ])
-    },
-    [TermTermType.property]: {
-        label: termTypeLabel(TermTermType.property),
-        termType: TermTermType.property,
-        children: []
-    }
-});
-const termTypeGroups = [
-    groups.property,
-    groups.region,
-    groups.input,
-    groups.emission,
-    groups.product,
-    groups.practice,
-    groups.measurement,
-    groups.infrastructure
-];
-const termToParent = {
-    [TermTermType.property]: 'Properties',
-    [TermTermType.region]: 'Geographies'
+const nodeLogsUrl = (apiBaseUrl, _a) => {
+    var { dataState } = _a, node = __rest(_a, ["dataState"]);
+    return `${nodeUrl(apiBaseUrl, node)}/log${dataState ? `?dataState=${dataState}` : ''}`;
 };
-const termChildToParent = (termType) => termTypeGroups.find(({ children }) => (children || []).some(child => child.termType === termType)) ||
-    { termType: termToParent[termType] };
-const sortOrder = [
-    TermTermType.property,
-    TermTermType.crop,
-    TermTermType.cropResidue,
-    TermTermType.animalProduct,
-    TermTermType.liveAnimal,
-    TermTermType.liveAquaticSpecies,
-    TermTermType.processedFood,
-    TermTermType.emission,
-    TermTermType.resourceUse,
-    TermTermType.inorganicFertilizer,
-    TermTermType.organicFertilizer,
-    TermTermType.soilAmendment,
-    TermTermType.soilTexture,
-    TermTermType.water,
-    TermTermType.material,
-    TermTermType.antibiotic,
-    TermTermType.electricity,
-    TermTermType.fuel,
-    TermTermType.aquacultureManagement,
-    TermTermType.biodiversity,
-    TermTermType.cropResidueManagement,
-    TermTermType.animalManagement,
-    TermTermType.waterRegime,
-    TermTermType.system,
-    TermTermType.tillage,
-    TermTermType.landUseManagement,
-    TermTermType.operation,
-    TermTermType.cropEstablishment,
-    TermTermType.measurement,
-    TermTermType.soilType,
-    TermTermType.usdaSoilType,
-    TermTermType.methodMeasurement,
-    TermTermType.building,
-    TermTermType.cropProtection,
-    TermTermType.cropSupport,
-    TermTermType.irrigation,
-    TermTermType.machinery,
-    TermTermType.model,
-    TermTermType.characterisedIndicator,
-    TermTermType.endpointIndicator,
-    TermTermType.methodEmissionResourceUse,
-    TermTermType.other,
-    TermTermType.region,
-    TermTermType.pesticideAI,
-    TermTermType.pesticideBrandName,
-    TermTermType.standardsLabels
-];
-
+const lookupUrl = (filename) => filename.startsWith('http') ? filename : `${baseUrl()}/glossary/lookups/${filename}.csv`;
+const termTypeLookupUrl = (termType) => `${baseUrl()}/glossary/${termChildToParent(termType).termType}/${termType}.csv`;
 class HeNodeService {
     constructor(http, authService, commonService) {
         this.http = http;
@@ -944,26 +693,18 @@ class HeNodeService {
             .catch(() => (responseType === 'json' ? ({}) : ''));
     }
     nodeTypeUrl(type) {
-        return `${this.commonService.apiBaseUrl}/${nodeTypeToParam(type)}`;
+        return nodeTypeUrl(this.commonService.apiBaseUrl, type);
     }
-    nodeUrl(_a) {
-        var { dataState } = _a, node = __rest(_a, ["dataState"]);
-        return `${this.nodeTypeUrl(node['@type'] || node.type)}/${node['@id'] || node.id}${dataState ? `?dataState=${dataState}` : ''}`;
-    }
-    nodeLogsUrl(_a) {
-        var { dataState } = _a, node = __rest(_a, ["dataState"]);
-        return `${this.nodeUrl(node)}/log${dataState ? `?dataState=${dataState}` : ''}`;
-    }
-    lookupUrl(filename) {
-        return filename.startsWith('http') ? filename : `${baseUrl()}/glossary/lookups/${filename}.csv`;
+    nodeUrl(node) {
+        return nodeUrl(this.commonService.apiBaseUrl, node);
     }
-    termTypeLookupUrl(termType) {
-        return `${baseUrl()}/glossary/${termChildToParent(termType).termType}/${termType}.csv`;
+    nodeLogsUrl(node) {
+        return nodeLogsUrl(this.commonService.apiBaseUrl, node);
     }
     downloadLookup(filename) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const url = this.lookupUrl(filename);
+                const url = lookupUrl(filename);
                 return this.downloadRaw(url, 'text');
             }
             catch (_err) {
@@ -975,7 +716,7 @@ class HeNodeService {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 const data = yield this.downloadLookup(termType);
-                return (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? this.lookupUrl(termType) : null;
+                return (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? lookupUrl(termType) : null;
             }
             catch (_err) {
                 return null;
@@ -992,42 +733,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
 
-const get$4 = require('lodash.get');
+const gitUrl$1 = () => `${gitHome}/hestia-aggregation-engine/-/blob/${gitBranch()}`;
+const rawUrl$1 = () => `${gitRawBaseUrl}/hestia-aggregation-engine/-/raw/${gitBranch()}`;
 const lookups = Object.freeze({
     cropYield: 'region-crop-cropGroupingFaostatProduction-yield',
     cropGroupingColumn: 'cropGroupingFaostatProduction'
 });
-const extractGroupedDataClosesDate = (data, year) => {
-    const dataByDate = (data || '').split(';').reduce((prev, curr) => (Object.assign(Object.assign({}, prev), (curr.length > 0 && curr.split(':')[1] !== '-' ? { [curr.split(':')[0]]: curr.split(':')[1] } : {}))), {});
-    const years = Object.keys(dataByDate).map(v => +v);
-    const closestYear = years.reduce((prev, curr) => Math.abs(curr - year) < Math.abs(prev - year) ? curr : prev, 0);
-    return closestYear ? +dataByDate[closestYear] / 10 : null;
-};
-const cropGrouping = (lookup, product) => (lookup.find(({ term }) => term.id === (product === null || product === void 0 ? void 0 : product.term['@id'])) || {})[lookups.cropGroupingColumn];
-const cropYieldCountry = (cropYield, cycle) => cropYield.find(({ term }) => term.id === get$4(cycle, 'site.country.@id', worldRegion['@id'])) || {};
-const extendCycle = ({ crop, cropYield }) => (cycle) => {
-    var _a, _b, _c;
-    const product = primaryProduct(cycle);
-    const grouping = cropGrouping(crop, product);
-    const countryData = cropYieldCountry(cropYield, cycle)[grouping];
-    const countryValue = extractGroupedDataClosesDate(countryData, +(cycle.endDate || ''));
-    const productValue = propertyValue$1(product === null || product === void 0 ? void 0 : product.value);
-    return {
-        cycle,
-        name: (_a = product === null || product === void 0 ? void 0 : product.term) === null || _a === void 0 ? void 0 : _a.name,
-        startDate: cycle.startDate,
-        endDate: cycle.endDate,
-        country: ((_c = (_b = cycle.site) === null || _b === void 0 ? void 0 : _b.country) === null || _c === void 0 ? void 0 : _c.name) || worldRegion.name,
-        observations: propertyValue$1(product === null || product === void 0 ? void 0 : product.observations) || 0,
-        yield: productValue,
-        faoYield: countryValue || undefined,
-        diff: delta(productValue, countryValue)
-    };
-};
 class HeAggregationEngineService {
-    constructor(http, commonService, nodeService) {
+    constructor(http, nodeService) {
         this.http = http;
-        this.commonService = commonService;
         this.nodeService = nodeService;
         this.modelsLoading = false;
         this.modelsLoaded = false;
@@ -1042,18 +756,12 @@ class HeAggregationEngineService {
             yield this.loadModels().toPromise();
         });
     }
-    get gitUrl() {
-        return `${gitHome}/hestia-aggregation-engine/-/blob/${this.commonService.gitBranch}`;
-    }
-    get rawUrl() {
-        return `${gitRawBaseUrl}/hestia-aggregation-engine/-/raw/${this.commonService.gitBranch}`;
-    }
     loadModels() {
         this.modelsLoading = true;
-        return this.http.get(`${this.rawUrl}/model-links.json`).pipe(catchError(() => of({ links: [] })), map(({ links }) => {
+        return this.http.get(`${rawUrl$1()}/model-links.json`).pipe(catchError(() => of({ links: [] })), map(({ links }) => {
             this._models.next(links.map((_a) => {
                 var { path: modelPath, docPath } = _a, link = __rest(_a, ["path", "docPath"]);
-                return (Object.assign(Object.assign({}, link), { path: `${this.gitUrl}/${modelPath}`, docPath: `${this.gitUrl}/${docPath}` }));
+                return (Object.assign(Object.assign({}, link), { path: `${gitUrl$1()}/${modelPath}`, docPath: `${gitUrl$1()}/${docPath}` }));
             }));
             this.modelsLoading = false;
             this.modelsLoaded = true;
@@ -1096,16 +804,18 @@ class HeAggregationEngineService {
         return this.lookups$.pipe(take(1)).toPromise();
     }
 }
-HeAggregationEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, deps: [{ token: i1$1.HttpClient }, { token: HeCommonService }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeAggregationEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, deps: [{ token: i1$1.HttpClient }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable });
 HeAggregationEngineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }, { type: HeNodeService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeNodeService }]; } });
 
 const HE_ORCHESTRATOR_BASE_URL = new InjectionToken('HE_ORCHESTRATOR_BASE_URL');
+const gitUrl = () => `${gitHome}/hestia-engine-models/-/blob/${gitBranch()}`;
+const rawUrl = () => `${gitRawBaseUrl}/hestia-engine-models/-/raw/${gitBranch()}`;
 const findConfigModels = ({ models }, modelId, modelKey) => models.flat().filter(({ value, key }) => modelId.startsWith(value) && (!modelKey || key === modelKey));
 const pathToApiDocsPath = (model, term) => [
     baseUrl(),
@@ -1117,9 +827,8 @@ const pathToApiDocsPath = (model, term) => [
     ].filter(Boolean).join('-')
 ].join('/');
 class HeEngineService {
-    constructor(http, commonService) {
+    constructor(http) {
         this.http = http;
-        this.commonService = commonService;
         this.modelsLoading = false;
         this.modelsLoaded = false;
         this._models = new ReplaySubject(1);
@@ -1130,18 +839,12 @@ class HeEngineService {
             yield this.loadModels().toPromise();
         });
     }
-    get gitUrl() {
-        return `${gitHome}/hestia-engine-models/-/blob/${this.commonService.gitBranch}`;
-    }
-    get rawUrl() {
-        return `${gitRawBaseUrl}/hestia-engine-models/-/raw/${this.commonService.gitBranch}`;
-    }
     loadModels() {
         this.modelsLoading = true;
-        return this.http.get(`${this.rawUrl}/model-links.json`).pipe(catchError(() => of({ links: [] })), map(({ links }) => {
+        return this.http.get(`${rawUrl()}/model-links.json`).pipe(catchError(() => of({ links: [] })), map(({ links }) => {
             this._models.next(links.map((_a) => {
                 var { path, docPath } = _a, link = __rest(_a, ["path", "docPath"]);
-                return (Object.assign(Object.assign({}, link), { path: `${this.gitUrl}/${path}`, docPath: `${this.gitUrl}/${docPath}`, apiDocsPath: pathToApiDocsPath(link.model, link.term || link.modelKey) }));
+                return (Object.assign(Object.assign({}, link), { path: `${gitUrl()}/${path}`, docPath: `${gitUrl()}/${docPath}`, apiDocsPath: pathToApiDocsPath(link.model, link.term || link.modelKey) }));
             }));
             this.modelsLoading = false;
             this.modelsLoaded = true;
@@ -1166,14 +869,14 @@ class HeEngineService {
         }).toPromise();
     }
 }
-HeEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, deps: [{ token: i1$1.HttpClient }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 HeEngineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
 var NodeKeyState;
 (function (NodeKeyState) {
@@ -1749,7 +1452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }] } });
 
 let toastId = 0;
-class ToastService {
+class HeToastService {
     constructor() {
         this.toasts = new ReplaySubject(1);
     }
@@ -1772,9 +1475,9 @@ class ToastService {
         });
     }
 }
-ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastService, decorators: [{
+HeToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+HeToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1803,7 +1506,7 @@ class ToastComponent {
         this.toasts.splice(this.toasts.findIndex(val => val.id === toast.id), 1);
     }
 }
-ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, deps: [{ token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, deps: [{ token: HeToastService }], target: i0.ɵɵFactoryTarget.Component });
 ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0, template: "<div class=\"mb-3 columns is-centered is-vcentered\">\n  <div class=\"notification is-{{toast.color}}\" role=\"alert\" *ngFor=\"let toast of toasts\">\n    <button class=\"delete\" aria-label=\"delete\" (click)=\"dismiss(toast)\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <strong [ngSwitch]=\"toast.color\">\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container [ngSwitch]=\"toast.message\">\n          <span *ngSwitchCase=\"'Unauthorized'\">You are not allowed to perform this action.</span>\n          <span *ngSwitchCase=\"'form-invalid'\">Please fix all the errors on this page.</span>\n          <span *ngSwitchCase=\"'users-email-already-taken'\">Email already taken.</span>\n          <span *ngSwitchCase=\"'users-auth-already-taken'\">Account already connected.</span>\n          <span *ngSwitchDefault>\n            <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n            <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n          </span>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n        <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n      </ng-container>\n    </strong>\n  </div>\n</div>\n", styles: [":host{bottom:0;position:fixed;width:100%}\n"], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
@@ -1812,7 +1515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './toast.component.html',
                     styleUrls: ['./toast.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: ToastService }]; } });
+        }], ctorParameters: function () { return [{ type: HeToastService }]; } });
 
 class KeysPipe {
     transform(value, sort = false) {
@@ -2228,58 +1931,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }]; } });
 
-const emptySearchResult = () => ({
-    time: 0,
-    count: 0,
-    results: []
-});
-const MAX_RESULTS = 10000;
-const suggestMatchQuery = (query) => [
-    matchPhraseQuery(query, 10),
-    matchQuery('nameNormalized', query, 8),
-    matchPhrasePrefixQuery(query, 2)
+const searchableTypes = [
+    NodeType.Cycle,
+    NodeType.Source
 ];
-const suggestQuery = (query, type, extraQueries = []) => ({
-    bool: {
-        must: extraQueries,
-        should: (type ? [type] : searchableTypes).map(v => ({
-            bool: {
-                must: [matchType(v)],
-                should: suggestMatchQuery(query),
-                minimum_should_match: 1
+const serializeSearchFilters = (filters) => Object.keys(filters || {})
+    .filter(key => filters[key].length)
+    .map(key => `${key}=${filters[key].filter(Boolean).join('|')}`)
+    .join(';');
+const deserializeSearchFilters = (filters) => (filters || '').split(';').reduce((prev, curr) => {
+    const [key, values] = curr.split('=');
+    prev[key] = (values || '').split('|').filter(Boolean);
+    return prev;
+}, {});
+const matchType = (type) => Object.freeze({
+    match: { '@type': type }
+});
+const matchTermType = (termType) => Object.freeze({
+    match: { termType }
+});
+const matchRegex = (key, value) => Object.freeze({
+    regexp: { [key]: { value: value.toString() } }
+});
+const matchQuery = (key, value, boost) => Object.freeze({
+    match: {
+        [key]: Object.assign({ query: value }, (boost ? { boost } : {}))
+    }
+});
+const matchExactQuery = (key, value, boost) => matchQuery(`${key}.keyword`, value, boost);
+const matchNameNormalized = (query, boost = 20) => Object.freeze({
+    match: { nameNormalized: { query, boost } }
+});
+const numberGte = (key, value) => Object.freeze({
+    range: { [key]: { gte: value } }
+});
+const multiMatchQuery = (query, fields, type = 'best_fields', boost, analyzer) => Object.freeze({
+    multi_match: Object.assign(Object.assign({ query,
+        fields,
+        type }, (boost ? { boost } : {})), (analyzer ? { analyzer } : {}))
+});
+const matchPhraseQuery = (query, boost, ...fields) => fields.length ? multiMatchQuery(query, fields, 'phrase', boost) : matchExactQuery('name', query, boost);
+const matchPhrasePrefixQuery = (query, boost = 2, ...fields) => fields.length ?
+    multiMatchQuery(query, fields, 'phrase_prefix', boost) :
+    Object.freeze({
+        match_phrase_prefix: {
+            nameSearchAsYouType: {
+                query,
+                boost
             }
-        })),
-        minimum_should_match: 1
+        }
+    });
+const matchBoolPrefixQuery = (query, boost = 1, ...fields) => fields.length ?
+    multiMatchQuery(query, fields, 'bool_prefix', boost) :
+    Object.freeze({
+        match_bool_prefix: {
+            name: {
+                query,
+                boost
+            }
+        }
+    });
+const wildcardQuery = (query, boost = 3, ...fields) => Object.freeze({
+    simple_query_string: {
+        query: `*${query}*`,
+        fields,
+        analyze_wildcard: true,
+        boost
     }
 });
-const suggestSourceQuery = (query, fields) => ({
+const matchCountryLevel = { match: { gadmLevel: 0 } };
+const matchGlobalRegion = { regexp: { '@id': 'region-*' } };
+const matchCountry = Object.freeze({
     bool: {
-        must: [matchType(NodeType.Source)],
         should: [
-            matchPhraseQuery(query, 100, ...fields),
-            matchPhrasePrefixQuery(query, 20, ...fields),
-            matchBoolPrefixQuery(query, 10, ...fields)
+            matchCountryLevel,
+            matchGlobalRegion
         ],
         minimum_should_match: 1
     }
 });
-class HeSearchService {
-    constructor(http, commonService) {
-        this.http = http;
-        this.commonService = commonService;
-    }
-    search(params) {
-        return this.http.post(`${this.commonService.apiBaseUrl}/search`, params)
-            .pipe(catchError(() => of(emptySearchResult())))
-            .toPromise();
-    }
-    count(params = {}) {
-        return this.http.post(`${this.commonService.apiBaseUrl}/count`, params).toPromise().catch(() => 0);
+const countriesQuery = Object.freeze({
+    bool: {
+        must: [
+            matchType(NodeType.Term),
+            matchTermType(TermTermType.region),
+            matchCountryLevel
+        ]
     }
-    get$(type, id) {
-        return this.http.post(`${this.commonService.apiBaseUrl}/search`, {
-            limit: 1,
-            query: {
+});
+const allCountriesQuery = Object.freeze({
+    bool: Object.assign({ must: [
+            matchType(NodeType.Term),
+            matchTermType(TermTermType.region)
+        ] }, matchCountry.bool)
+});
+const matchRegion = numberGte('gadmLevel', 1);
+const regionsQuery = Object.freeze({
+    bool: {
+        must: [
+            matchType(NodeType.Term),
+            matchTermType(TermTermType.region),
+            matchRegion
+        ]
+    }
+});
+const worldRegion = Object.freeze({
+    '@id': 'region-world',
+    name: 'World'
+});
+const cropsQuery = Object.freeze({
+    bool: {
+        must: [
+            matchType(NodeType.Term),
+            matchTermType(TermTermType.crop)
+        ]
+    }
+});
+const matchAggregatedQuery = matchQuery('aggregated', true);
+const isNestedKey = (key) => nestedSearchableKeys.includes(key.split('.')[0]);
+const matchNestedKey = (key, query) => isNestedKey(key) ? {
+    nested: { path: key.split('.')[0], query }
+} : query;
+/**
+ * List of fields to return in the search results.
+ */
+const searchResultsFields = Object.freeze({
+    [NodeType.Cycle]: [
+        'description', 'dataDescription', 'endDate',
+        'emissionsCount', 'inputsCount', 'productsCount',
+        'site.location', 'site.country.name', 'site.region.name'
+    ],
+    [NodeType.Source]: ['bibliography.title', 'bibliography.documentDOI'],
+    [NodeType.ImpactAssessment]: ['emissionsResourceUseCount', 'impactsCount', 'country.name']
+});
+/**
+ * List of fields to search in.
+ */
+const searchFields = Object.freeze({
+    [NodeType.Cycle]: ['name', 'description', 'dataDescription'],
+    [NodeType.Source]: ['name', 'bibliography.title'],
+    [NodeType.ImpactAssessment]: ['name', 'product.name', 'country.name']
+});
+const searchFieldsNested = Object.freeze({
+    [NodeType.Cycle]: [
+        'inputs.term.name',
+        'emissions.term.name',
+        'practices.term.name'
+    ],
+    [NodeType.Source]: [],
+    [NodeType.ImpactAssessment]: [
+        'emissionsResourceUse.term.name',
+        'impacts.term.name'
+    ]
+});
+/**
+ * Specific strict queries per type.
+ */
+const searchQueries = {
+    [NodeType.Cycle]: { must: [], must_not: [matchAggregatedQuery] },
+    [NodeType.Source]: { must: [], must_not: [matchAggregatedQuery] }
+};
+const searchFiltersKeys = {
+    [NodeType.Cycle]: key => key,
+    [NodeType.Source]: key => key
+};
+/* eslint-disable complexity */
+const searchQuery = (type, query, filters, aggregated) => {
+    const boolQuery = (Object.assign(Object.assign({ must: [
+            matchType(type),
+            aggregated ? matchAggregatedQuery : null
+        ].filter(Boolean) }, (query ? {
+        should: [
+            matchPhraseQuery(query, 100, ...searchFields[type]),
+            matchPhrasePrefixQuery(query, 20, ...searchFields[type]),
+            matchBoolPrefixQuery(query, 10, ...searchFields[type]),
+            ...searchFieldsNested[type].map(field => matchNestedKey(field, matchBoolPrefixQuery(query, 1, field)))
+        ],
+        minimum_should_match: 1
+    } : {})), { must_not: [
+            aggregated ? null : matchAggregatedQuery
+        ].filter(Boolean) }));
+    const keys = Object.keys(filters || {}).filter(key => filters[key].length);
+    return {
+        bool: keys.length ? {
+            must: keys.map(key => {
+                const filterKey = searchFiltersKeys[type](key);
+                return {
+                    bool: {
+                        should: filters[key]
+                            .map(value => matchNestedKey(filterKey, matchExactQuery(filterKey, value)))
+                            .map(must => {
+                            const localQuery = JSON.parse(JSON.stringify(boolQuery));
+                            localQuery.must.push(must);
+                            return { bool: localQuery };
+                        }),
+                        minimum_should_match: 1
+                    }
+                };
+            })
+        } : boolQuery
+    };
+};
+/* eslint-enable complexity */
+
+const emptySearchResult = () => ({
+    time: 0,
+    count: 0,
+    results: []
+});
+const MAX_RESULTS = 10000;
+const suggestMatchQuery = (query) => [
+    matchPhraseQuery(query, 10),
+    matchQuery('nameNormalized', query, 8),
+    matchPhrasePrefixQuery(query, 2)
+];
+const suggestQuery = (query, type, extraQueries = []) => ({
+    bool: {
+        must: extraQueries,
+        should: (type ? [type] : searchableTypes).map(v => ({
+            bool: {
+                must: [matchType(v)],
+                should: suggestMatchQuery(query),
+                minimum_should_match: 1
+            }
+        })),
+        minimum_should_match: 1
+    }
+});
+const suggestSourceQuery = (query, fields) => ({
+    bool: {
+        must: [matchType(NodeType.Source)],
+        should: [
+            matchPhraseQuery(query, 100, ...fields),
+            matchPhrasePrefixQuery(query, 20, ...fields),
+            matchBoolPrefixQuery(query, 10, ...fields)
+        ],
+        minimum_should_match: 1
+    }
+});
+class HeSearchService {
+    constructor(http, commonService) {
+        this.http = http;
+        this.commonService = commonService;
+    }
+    search(params) {
+        return this.http.post(`${this.commonService.apiBaseUrl}/search`, params)
+            .pipe(catchError(() => of(emptySearchResult())))
+            .toPromise();
+    }
+    count(params = {}) {
+        return this.http.post(`${this.commonService.apiBaseUrl}/count`, params).toPromise().catch(() => 0);
+    }
+    get$(type, id) {
+        return this.http.post(`${this.commonService.apiBaseUrl}/search`, {
+            limit: 1,
+            query: {
                 bool: {
                     must: [{ match: { '@type': type } }, { match: { '@id': id } }]
                 }
@@ -2479,6 +2385,8 @@ const toCsv$1 = (lines) => json2csvAsync(lines.map(formatLine).filter(data => Ob
     emptyFieldValue: ''
 });
 
+const primaryProduct = ({ products }) => (products || []).find(({ primary }) => primary);
+
 const linkTypeEnabled = (type) => [
     NodeType.Cycle,
     NodeType.ImpactAssessment,
@@ -2797,11 +2705,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }] } });
 
-var DisplayType;
-(function (DisplayType) {
-    DisplayType["diffs"] = "diffs";
-    DisplayType["sideBySide"] = "side-by-side";
-})(DisplayType || (DisplayType = {}));
+var DiffsDisplayType;
+(function (DiffsDisplayType) {
+    DiffsDisplayType["diffs"] = "diffs";
+    DiffsDisplayType["sideBySide"] = "side-by-side";
+})(DiffsDisplayType || (DiffsDisplayType = {}));
 
 const omit = require('lodash.omit');
 const ignoreProperties = [
@@ -2817,9 +2725,9 @@ const customDiff = create({
 class NodeDiffsComponent {
     constructor(nodeService) {
         this.nodeService = nodeService;
-        this.displayType = DisplayType.diffs;
+        this.displayType = DiffsDisplayType.diffs;
         this.diffsLoaded = new EventEmitter();
-        this.DisplayType = DisplayType;
+        this.DiffsDisplayType = DiffsDisplayType;
         this.loading = true;
     }
     ngOnInit() {
@@ -2842,7 +2750,7 @@ class NodeDiffsComponent {
     }
 }
 NodeDiffsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeDiffsComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
-NodeDiffsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeDiffsComponent, selector: "he-node-diffs", inputs: { data: "data", id: "id", type: "type", displayType: "displayType" }, outputs: { diffsLoaded: "diffsLoaded" }, ngImport: i0, template: "<div *ngIf=\"loading\" class=\"has-text-center py-3\">\n  <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n</div>\n\n<ng-container *ngIf=\"left && right\">\n  <ng-container [ngSwitch]=\"displayType\">\n    <div *ngSwitchCase=\"DisplayType.diffs\" [innerHTML]=\"diffHtml\"></div>\n\n    <div *ngSwitchCase=\"DisplayType.sideBySide\" class=\"columns\">\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{left | json}}</code></pre>\n      </div>\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{right | json}}</code></pre>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], 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"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "json": i3.JsonPipe } });
+NodeDiffsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeDiffsComponent, selector: "he-node-diffs", inputs: { data: "data", id: "id", type: "type", displayType: "displayType" }, outputs: { diffsLoaded: "diffsLoaded" }, ngImport: i0, template: "<div *ngIf=\"loading\" class=\"has-text-center py-3\">\n  <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n</div>\n\n<ng-container *ngIf=\"left && right\">\n  <ng-container [ngSwitch]=\"displayType\">\n    <div *ngSwitchCase=\"DiffsDisplayType.diffs\" [innerHTML]=\"diffHtml\"></div>\n\n    <div *ngSwitchCase=\"DiffsDisplayType.sideBySide\" class=\"columns\">\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{left | json}}</code></pre>\n      </div>\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{right | json}}</code></pre>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], 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"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "json": i3.JsonPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeDiffsComponent, decorators: [{
             type: Component,
             args: [{
@@ -3858,315 +3766,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-const isSite = ({ '@type': type, '@id': id }) => type === NodeType.Site && !!id;
-const siteLocation = ({ latitude, longitude }) => latitude && longitude ? ({
-    lat: latitude,
-    lng: longitude
-}) : undefined;
-const siteDefaultLocation = ({ region, country }) => {
-    const markers = [
-        region ? createMarker(termLocation(region), termLocationName(region).name, undefined, 20) : undefined,
-        country ? createMarker(termLocation(country), termLocationName(country).name, undefined, 40) : undefined
-    ].filter(Boolean);
-    return (markers.length ? markers[0] : undefined);
-};
-const siteMarker = (site) => createMarker(site ? siteLocation(site) : undefined, site.name);
-const sitePolygon = ({ boundary }) => (boundary ? polygonsFromFeature(boundary) : undefined);
-const regions = (sites) => unique(sites.map(({ country, region }) => region ? region['@id'] : (country ? country['@id'] : null)).filter(Boolean));
-const defaultCenter = { lat: 0, lng: 0 };
-class SitesMapsComponent {
-    constructor(nodeService) {
-        this.nodeService = nodeService;
-        this.loaded = false;
-        this.loadPolygons = true;
-        this.sites = [];
-        this.nodes = [];
-        this.center = defaultCenter;
-        this.zoom = 2;
-        this.showNotice = true;
-        this.googleLoaded = false;
-        this.showNoLocation = false;
-    }
-    ngOnInit() {
-        waitFor('google', () => {
-            this.googleLoaded = true;
-            setTimeout(() => !this.loaded && this.loadData());
-        });
-    }
-    ngAfterViewInit() {
-        return this.googleLoaded && this.loadData();
-    }
-    loadData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // loaded data as geojson
-            this.map.googleMap.data.setStyle(() => (Object.assign(Object.assign({}, strokeStyle), { strokeOpacity: 0.1 })));
-            const sites = yield this.getSites();
-            const markers = this.addSiteMarkers(sites);
-            // add the site.boundary if exist
-            const polygons = sites.flatMap(sitePolygon).filter(Boolean);
-            polygons.map(polygon => polygon === null || polygon === void 0 ? void 0 : polygon.setMap(this.map.googleMap));
-            this.loaded = true;
-            // add the default site polygons from GADM region if any
-            const termPolygons = (yield Promise.all(regions(sites).map(v => this.addTermsPolygons(v)))).flat();
-            this.showNoLocation = markers.length === 0 && polygons.length === 0 && termPolygons.length === 0;
-            return markers.length ?
-                this.centerMarker(markers[0]) :
-                this.centerPolygons(polygons.length ? polygons : termPolygons);
-        });
-    }
-    addMarkers(markers, cluster = false) {
-        return cluster ?
-            new MarkerClusterer(this.map.googleMap, markers, { imagePath: clustererImage }) :
-            markers.map(marker => marker.setMap(this.map.googleMap));
-    }
-    addTermsPolygons(id) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.loadPolygons ? yield this.termPolygons(id) : [];
-        });
-    }
-    centerMarker(marker) {
-        const center = marker.getPosition();
-        this.center = center ? { lat: center.lat(), lng: center.lng() } : defaultCenter;
-    }
-    centerPolygons(polygons) {
-        try {
-            return polygons.length ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
-        }
-        catch (err) {
-            if (polygons.length) {
-                this.map.googleMap.fitBounds(polygonBounds(polygons[0]));
-                this.zoom = 3;
-            }
-        }
-    }
-    addSiteMarkers(sites) {
-        const siteMarkers = sites.map(siteMarker).filter(Boolean);
-        const markers = siteMarkers.length ? siteMarkers : sites.map(siteDefaultLocation).filter(Boolean);
-        this.addMarkers(markers, !!siteMarkers.length);
-        return markers;
-    }
-    loadSite(node) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // means the site was already downloaded
-            return 'schemaVersion' in node ? node : yield this.nodeService.get(node);
-        });
-    }
-    siteData(node) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return [
-                NodeType.Site,
-                NodeType.Organisation
-            ].includes(node.type) ? node : (isSite(node) ?
-                this.loadSite(node) : ('site' in node && isSite(node.site) ?
-                this.loadSite(node.site) :
-                this.siteData(yield this.loadSite(node))));
-        });
-    }
-    getSites() {
-        const nodes = this.sites && this.sites.length ? this.sites : this.nodes;
-        return Promise.all(nodes.map(node => this.siteData(node)));
-    }
-    termPolygons(id) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const data = yield this.nodeService.downloadRaw(`${baseUrl()}/gadm/${id}.geojson`);
-                const polygons = polygonsFromFeature(data);
-                polygons.map(polygon => polygon.setMap(this.map.googleMap));
-                return polygons;
-            }
-            catch (_err) {
-                // ignore error if the file does not exist
-                return [];
-            }
-        });
-    }
-}
-SitesMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
-SitesMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-sites-maps',
-                    templateUrl: './sites-maps.component.html',
-                    styleUrls: ['./sites-maps.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { map: [{
-                type: ViewChild,
-                args: [GoogleMap]
-            }], loadPolygons: [{
-                type: Input
-            }], sites: [{
-                type: Input
-            }], nodes: [{
-                type: Input
-            }], center: [{
-                type: Input
-            }], zoom: [{
-                type: Input
-            }], showNotice: [{
-                type: Input
-            }] } });
-
-const maxAreaSize = 5000;
-const siteTooBig = ({ area }) => area && area / 100 > maxAreaSize;
-const hasMultipleValues = (values) => (values || []).length > 1;
-const weighedAverage = ({ value, depthLower, depthUpper }) => value.reduce((prev, curr, index) => prev + (curr * (depthLower[index] - depthUpper[index])), 0) /
-    value.reduce((prev, _curr, index) => prev + (depthLower[index] - depthUpper[index]), 0);
-const measurementValue = ({ value, depthLower, depthUpper }) => hasMultipleValues(value) && hasMultipleValues(depthLower) && hasMultipleValues(depthUpper) ?
-    weighedAverage({ value, depthLower, depthUpper }) :
-    propertyValue$1(value);
-
-class SitesMeasurementsLogsComponent {
-    constructor(searchService, nodeService) {
-        this.searchService = searchService;
-        this.nodeService = nodeService;
-        this.originalValues = [];
-        this.recalculatedValues = [];
-        this.loading = true;
-        this.NodeType = NodeType;
-        this.models = [];
-        this.measurements = [];
-    }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.logsUrl = this.nodeService.nodeLogsUrl(this.node);
-            this.logs = yield this.nodeService.getModelsLog(this.node);
-            const { results: measurements } = yield this.searchService.search({
-                fields: ['@type', '@id', 'name'],
-                limit: 1000,
-                query: {
-                    bool: {
-                        must: [
-                            matchType(NodeType.Term),
-                            matchTermType(TermTermType.measurement)
-                        ]
-                    }
-                }
-            });
-            this.measurements = measurements;
-            this.loading = false;
-        });
-    }
-    get node() {
-        return Object.assign(Object.assign({}, this.site), { dataState: DataState.recalculated });
-    }
-}
-SitesMeasurementsLogsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsLogsComponent, deps: [{ token: HeSearchService }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
-SitesMeasurementsLogsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: { site: "site", originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0, template: "<he-node-logs-models *ngIf=\"!loading; else loader\"\n  [logsUrl]=\"logsUrl\"\n  [nodeType]=\"NodeType.Site\"\n  [originalValues]=\"originalValues\"\n  [recalculatedValues]=\"recalculatedValues\"\n  [terms]=\"measurements\"\n  [logs]=\"logs\"\n  filteredType=\"Measurement\"\n></he-node-logs-models>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["nodeType", "nodeKey", "logsUrl", "originalValues", "recalculatedValues", "terms", "logs", "filteredType"] }, { type: i1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsLogsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-sites-measurements-logs',
-                    templateUrl: './sites-measurements-logs.component.html',
-                    styleUrls: ['./sites-measurements-logs.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { site: [{
-                type: Input
-            }], originalValues: [{
-                type: Input
-            }], recalculatedValues: [{
-                type: Input
-            }] } });
-
-const orderBy$1 = require('lodash.orderby');
-var View$1;
-(function (View) {
-    View["table"] = "table";
-    View["logs"] = "logs";
-})(View$1 || (View$1 = {}));
-class SitesMeasurementsComponent {
-    constructor() {
-        this.originalValues = [];
-        this.sites = [];
-        this.showDownload = false;
-        this.View = View$1;
-        this.selectedView = View$1.table;
-        this.maxAreaSize = maxAreaSize;
-        this.siteTooBig = siteTooBig;
-        this.defaultLabel = defaultLabel;
-        this.measurementValue = measurementValue;
-        this.measurements = [];
-    }
-    ngOnChanges(changes) {
-        if ('sites' in changes) {
-            return this.update();
-        }
-        if ('dataState' in changes) {
-            this.selectedView = View$1.table;
-        }
-    }
-    trackById(_index, item) {
-        return item['@id'];
-    }
-    get isOriginal() {
-        return this.dataState === DataState.original;
-    }
-    update() {
-        const measurementsPerSite = groupNodesByTerm(this.sites, 'measurements', this.originalValues);
-        this.measurements = orderBy$1(grouppedKeys(measurementsPerSite), ['key'], ['asc']);
-    }
-    togglePopover(popover, context) {
-        return popover.isOpen() ? popover.close() : popover.open(context);
-    }
-    get showAreaTooBig() {
-        return this.dataState === DataState.recalculated && (this.sites || []).some(siteTooBig);
-    }
-}
-SitesMeasurementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SitesMeasurementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { originalValues: "originalValues", sites: "sites", dataState: "dataState" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"measurements.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && sites.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{measurements.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.name\"\n            >\n              <he-node-link [node]=\"measurement.value.term\">\n                <span>{{measurement.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.units\"\n            >{{measurement.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let site of sites; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"defaultLabel(site)\">\n              <he-node-link [node]=\"site\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(site)}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements\">\n              <span *ngIf=\"measurement.value.values[site['@id']]\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\"\n              >\n                <span pointer>{{measurementValue(measurement.value.values[site['@id']]) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"measurement.value.values[site['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n              <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                <span>-</span>\n                <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig\">\n      (1) This region is >{{maxAreaSize}}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </div>\n\n  <he-sites-measurements-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [site]=\"sites[0]\"\n    [originalValues]=\"originalValues[0].measurements\"\n    [recalculatedValues]=\"sites[0].measurements\"\n  ></he-sites-measurements-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"sites\" filename=\"site-measurements.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\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: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: ["site", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-sites-measurements',
-                    templateUrl: './sites-measurements.component.html',
-                    styleUrls: ['./sites-measurements.component.scss']
-                }]
-        }], propDecorators: { originalValues: [{
-                type: Input
-            }], sites: [{
-                type: Input
-            }], dataState: [{
-                type: Input
-            }] } });
-
-const components$2 = [
-    SitesMapsComponent,
-    SitesMeasurementsComponent,
-    SitesMeasurementsLogsComponent
-];
-class HeSitesModule {
-}
-HeSitesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeSitesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, declarations: [SitesMapsComponent,
-        SitesMeasurementsComponent,
-        SitesMeasurementsLogsComponent], imports: [CommonModule, ReactiveFormsModule,
-        HeCommonModule,
-        HeNodeModule], exports: [SitesMapsComponent,
-        SitesMeasurementsComponent,
-        SitesMeasurementsLogsComponent] });
-HeSitesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, imports: [[
-            CommonModule, ReactiveFormsModule,
-            HeCommonModule,
-            HeNodeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: components$2,
-                    exports: components$2,
-                    imports: [
-                        CommonModule, ReactiveFormsModule,
-                        HeCommonModule,
-                        HeNodeModule
-                    ]
-                }]
-        }] });
-
-/* eslint-disable complexity */
-const mapErrorMessage = 'does not contain latitude and longitude';
-const parseDataPath = (dataPath) => {
-    const [_, ...paths] = dataPath.split('.');
-    return paths.map(path => ({ path, label: keyToLabel(path.replace(/\[\d+\]/g, '')) }));
+/* eslint-disable complexity */
+const mapErrorMessage = 'does not contain latitude and longitude';
+const parseDataPath = (dataPath) => {
+    const [_, ...paths] = dataPath.split('.');
+    return paths.map(path => ({ path, label: keyToLabel(path.replace(/\[\d+\]/g, '')) }));
 };
 const contactUsEmail = 'community@hestia.earth';
 const externalLink = (href, text) => `<a href="${href}" target="_blank">${text}</a>`;
@@ -4874,6 +4478,310 @@ const calculateCycleStartDate = (properties, property) => {
     return moment(endDate.value).locale('en-gb').subtract(cycleDuration.value, 'days').format('YYYY-MM-DD');
 };
 
+const isSite = ({ '@type': type, '@id': id }) => type === NodeType.Site && !!id;
+const siteLocation = ({ latitude, longitude }) => latitude && longitude ? ({
+    lat: latitude,
+    lng: longitude
+}) : undefined;
+const siteDefaultLocation = ({ region, country }) => {
+    const markers = [
+        region ? createMarker(termLocation(region), termLocationName(region).name, undefined, 20) : undefined,
+        country ? createMarker(termLocation(country), termLocationName(country).name, undefined, 40) : undefined
+    ].filter(Boolean);
+    return (markers.length ? markers[0] : undefined);
+};
+const siteMarker = (site) => createMarker(site ? siteLocation(site) : undefined, site.name);
+const sitePolygon = ({ boundary }) => (boundary ? polygonsFromFeature(boundary) : undefined);
+const regions = (sites) => unique(sites.map(({ country, region }) => region ? region['@id'] : (country ? country['@id'] : null)).filter(Boolean));
+const defaultCenter = { lat: 0, lng: 0 };
+class SitesMapsComponent {
+    constructor(nodeService) {
+        this.nodeService = nodeService;
+        this.loaded = false;
+        this.loadPolygons = true;
+        this.sites = [];
+        this.nodes = [];
+        this.center = defaultCenter;
+        this.zoom = 2;
+        this.showNotice = true;
+        this.googleLoaded = false;
+        this.showNoLocation = false;
+    }
+    ngOnInit() {
+        waitFor('google', () => {
+            this.googleLoaded = true;
+            setTimeout(() => !this.loaded && this.loadData());
+        });
+    }
+    ngAfterViewInit() {
+        return this.googleLoaded && this.loadData();
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // loaded data as geojson
+            this.map.googleMap.data.setStyle(() => (Object.assign(Object.assign({}, strokeStyle), { strokeOpacity: 0.1 })));
+            const sites = yield this.getSites();
+            const markers = this.addSiteMarkers(sites);
+            // add the site.boundary if exist
+            const polygons = sites.flatMap(sitePolygon).filter(Boolean);
+            polygons.map(polygon => polygon === null || polygon === void 0 ? void 0 : polygon.setMap(this.map.googleMap));
+            this.loaded = true;
+            // add the default site polygons from GADM region if any
+            const termPolygons = (yield Promise.all(regions(sites).map(v => this.addTermsPolygons(v)))).flat();
+            this.showNoLocation = markers.length === 0 && polygons.length === 0 && termPolygons.length === 0;
+            return markers.length ?
+                this.centerMarker(markers[0]) :
+                this.centerPolygons(polygons.length ? polygons : termPolygons);
+        });
+    }
+    addMarkers(markers, cluster = false) {
+        return cluster ?
+            new MarkerClusterer(this.map.googleMap, markers, { imagePath: clustererImage }) :
+            markers.map(marker => marker.setMap(this.map.googleMap));
+    }
+    addTermsPolygons(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.loadPolygons ? yield this.termPolygons(id) : [];
+        });
+    }
+    centerMarker(marker) {
+        const center = marker.getPosition();
+        this.center = center ? { lat: center.lat(), lng: center.lng() } : defaultCenter;
+    }
+    centerPolygons(polygons) {
+        try {
+            return polygons.length ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
+        }
+        catch (err) {
+            if (polygons.length) {
+                this.map.googleMap.fitBounds(polygonBounds(polygons[0]));
+                this.zoom = 3;
+            }
+        }
+    }
+    addSiteMarkers(sites) {
+        const siteMarkers = sites.map(siteMarker).filter(Boolean);
+        const markers = siteMarkers.length ? siteMarkers : sites.map(siteDefaultLocation).filter(Boolean);
+        this.addMarkers(markers, !!siteMarkers.length);
+        return markers;
+    }
+    loadSite(node) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // means the site was already downloaded
+            return 'schemaVersion' in node ? node : yield this.nodeService.get(node);
+        });
+    }
+    siteData(node) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return [
+                NodeType.Site,
+                NodeType.Organisation
+            ].includes(node.type) ? node : (isSite(node) ?
+                this.loadSite(node) : ('site' in node && isSite(node.site) ?
+                this.loadSite(node.site) :
+                this.siteData(yield this.loadSite(node))));
+        });
+    }
+    getSites() {
+        const nodes = this.sites && this.sites.length ? this.sites : this.nodes;
+        return Promise.all(nodes.map(node => this.siteData(node)));
+    }
+    termPolygons(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const data = yield this.nodeService.downloadRaw(`${baseUrl()}/gadm/${id}.geojson`);
+                const polygons = polygonsFromFeature(data);
+                polygons.map(polygon => polygon.setMap(this.map.googleMap));
+                return polygons;
+            }
+            catch (_err) {
+                // ignore error if the file does not exist
+                return [];
+            }
+        });
+    }
+}
+SitesMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
+SitesMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-sites-maps',
+                    templateUrl: './sites-maps.component.html',
+                    styleUrls: ['./sites-maps.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { map: [{
+                type: ViewChild,
+                args: [GoogleMap]
+            }], loadPolygons: [{
+                type: Input
+            }], sites: [{
+                type: Input
+            }], nodes: [{
+                type: Input
+            }], center: [{
+                type: Input
+            }], zoom: [{
+                type: Input
+            }], showNotice: [{
+                type: Input
+            }] } });
+
+const maxAreaSize = 5000;
+const siteTooBig = ({ area }) => area && area / 100 > maxAreaSize;
+const hasMultipleValues = (values) => (values || []).length > 1;
+const weighedAverage = ({ value, depthLower, depthUpper }) => value.reduce((prev, curr, index) => prev + (curr * (depthLower[index] - depthUpper[index])), 0) /
+    value.reduce((prev, _curr, index) => prev + (depthLower[index] - depthUpper[index]), 0);
+const measurementValue = ({ value, depthLower, depthUpper }) => hasMultipleValues(value) && hasMultipleValues(depthLower) && hasMultipleValues(depthUpper) ?
+    weighedAverage({ value, depthLower, depthUpper }) :
+    propertyValue$1(value);
+
+class SitesMeasurementsLogsComponent {
+    constructor(searchService, nodeService) {
+        this.searchService = searchService;
+        this.nodeService = nodeService;
+        this.originalValues = [];
+        this.recalculatedValues = [];
+        this.loading = true;
+        this.NodeType = NodeType;
+        this.models = [];
+        this.measurements = [];
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.logsUrl = this.nodeService.nodeLogsUrl(this.node);
+            this.logs = yield this.nodeService.getModelsLog(this.node);
+            const { results: measurements } = yield this.searchService.search({
+                fields: ['@type', '@id', 'name'],
+                limit: 1000,
+                query: {
+                    bool: {
+                        must: [
+                            matchType(NodeType.Term),
+                            matchTermType(TermTermType.measurement)
+                        ]
+                    }
+                }
+            });
+            this.measurements = measurements;
+            this.loading = false;
+        });
+    }
+    get node() {
+        return Object.assign(Object.assign({}, this.site), { dataState: DataState.recalculated });
+    }
+}
+SitesMeasurementsLogsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsLogsComponent, deps: [{ token: HeSearchService }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
+SitesMeasurementsLogsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: { site: "site", originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0, template: "<he-node-logs-models *ngIf=\"!loading; else loader\"\n  [logsUrl]=\"logsUrl\"\n  [nodeType]=\"NodeType.Site\"\n  [originalValues]=\"originalValues\"\n  [recalculatedValues]=\"recalculatedValues\"\n  [terms]=\"measurements\"\n  [logs]=\"logs\"\n  filteredType=\"Measurement\"\n></he-node-logs-models>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["nodeType", "nodeKey", "logsUrl", "originalValues", "recalculatedValues", "terms", "logs", "filteredType"] }, { type: i1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsLogsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-sites-measurements-logs',
+                    templateUrl: './sites-measurements-logs.component.html',
+                    styleUrls: ['./sites-measurements-logs.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { site: [{
+                type: Input
+            }], originalValues: [{
+                type: Input
+            }], recalculatedValues: [{
+                type: Input
+            }] } });
+
+const orderBy$1 = require('lodash.orderby');
+var View$1;
+(function (View) {
+    View["table"] = "table";
+    View["logs"] = "logs";
+})(View$1 || (View$1 = {}));
+class SitesMeasurementsComponent {
+    constructor() {
+        this.originalValues = [];
+        this.sites = [];
+        this.showDownload = false;
+        this.View = View$1;
+        this.selectedView = View$1.table;
+        this.maxAreaSize = maxAreaSize;
+        this.siteTooBig = siteTooBig;
+        this.defaultLabel = defaultLabel;
+        this.measurementValue = measurementValue;
+        this.measurements = [];
+    }
+    ngOnChanges(changes) {
+        if ('sites' in changes) {
+            return this.update();
+        }
+        if ('dataState' in changes) {
+            this.selectedView = View$1.table;
+        }
+    }
+    trackById(_index, item) {
+        return item['@id'];
+    }
+    get isOriginal() {
+        return this.dataState === DataState.original;
+    }
+    update() {
+        const measurementsPerSite = groupNodesByTerm(this.sites, 'measurements', this.originalValues);
+        this.measurements = orderBy$1(grouppedKeys(measurementsPerSite), ['key'], ['asc']);
+    }
+    togglePopover(popover, context) {
+        return popover.isOpen() ? popover.close() : popover.open(context);
+    }
+    get showAreaTooBig() {
+        return this.dataState === DataState.recalculated && (this.sites || []).some(siteTooBig);
+    }
+}
+SitesMeasurementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SitesMeasurementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { originalValues: "originalValues", sites: "sites", dataState: "dataState" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"measurements.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && sites.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{measurements.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.name\"\n            >\n              <he-node-link [node]=\"measurement.value.term\">\n                <span>{{measurement.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.units\"\n            >{{measurement.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let site of sites; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"defaultLabel(site)\">\n              <he-node-link [node]=\"site\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(site)}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements\">\n              <span *ngIf=\"measurement.value.values[site['@id']]\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\"\n              >\n                <span pointer>{{measurementValue(measurement.value.values[site['@id']]) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"measurement.value.values[site['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n              <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                <span>-</span>\n                <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig\">\n      (1) This region is >{{maxAreaSize}}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </div>\n\n  <he-sites-measurements-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [site]=\"sites[0]\"\n    [originalValues]=\"originalValues[0].measurements\"\n    [recalculatedValues]=\"sites[0].measurements\"\n  ></he-sites-measurements-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"sites\" filename=\"site-measurements.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\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: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: ["site", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMeasurementsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-sites-measurements',
+                    templateUrl: './sites-measurements.component.html',
+                    styleUrls: ['./sites-measurements.component.scss']
+                }]
+        }], propDecorators: { originalValues: [{
+                type: Input
+            }], sites: [{
+                type: Input
+            }], dataState: [{
+                type: Input
+            }] } });
+
+const components$2 = [
+    SitesMapsComponent,
+    SitesMeasurementsComponent,
+    SitesMeasurementsLogsComponent
+];
+class HeSitesModule {
+}
+HeSitesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeSitesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, declarations: [SitesMapsComponent,
+        SitesMeasurementsComponent,
+        SitesMeasurementsLogsComponent], imports: [CommonModule, ReactiveFormsModule,
+        HeCommonModule,
+        HeNodeModule], exports: [SitesMapsComponent,
+        SitesMeasurementsComponent,
+        SitesMeasurementsLogsComponent] });
+HeSitesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, imports: [[
+            CommonModule, ReactiveFormsModule,
+            HeCommonModule,
+            HeNodeModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSitesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: components$2,
+                    exports: components$2,
+                    imports: [
+                        CommonModule, ReactiveFormsModule,
+                        HeCommonModule,
+                        HeNodeModule
+                    ]
+                }]
+        }] });
+
 const user = {};
 class HeUsersService {
     get loggedInUser() {
@@ -5863,7 +5771,7 @@ class ImpactAssessmentsProductsComponent {
         });
     }
 }
-ImpactAssessmentsProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsProductsComponent, deps: [{ token: i1$4.FormBuilder }, { token: HeNodeService }, { token: HeSearchService }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+ImpactAssessmentsProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsProductsComponent, deps: [{ token: i1$4.FormBuilder }, { token: HeNodeService }, { token: HeSearchService }, { token: HeToastService }], target: i0.ɵɵFactoryTarget.Component });
 ImpactAssessmentsProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsProductsComponent, selector: "he-impact-assessments-products", inputs: { cycles: "cycles", impactAssessments: "impactAssessments", key: "key", dataState: "dataState", enableCompare: "enableCompare", filterTermTypes: "filterTermTypes", enableFilterMethodModel: "enableFilterMethodModel" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"indicators.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"impactAssessments.length > 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.chart\" (click)=\"selectedView = View.chart\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Chart view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"enableBreakdown\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.breakdown\" (click)=\"selectedView = View.breakdown\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Breakdown view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && impactAssessments.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"showRecalculationLogs()\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\" *bindOnce=\"indicators\">\n      <table class=\"table is-narrow data-table has-children-{{indicators.length + 1}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select name=\"selectedMethodModel\"\n                  (change)=\"updateImpacts()\" [(ngModel)]=\"selectedMethodModel\"\n                >\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels\" [ngValue]=\"term\">{{term.name}}</option>\n                </select>\n              </div>\n            </th>\n            <th></th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.name\"\n            >\n              <he-node-link [node]=\"indicator.value.term\">\n                <span>{{indicator.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit:</a>\n              <span class=\"pl-1\">1 kg</span>\n            </th>\n            <th>Product</th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.units\"\n            >{{indicator.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let impactAssessment of impactAssessments; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"impactName(impactAssessment)\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleImpact(impactAssessment)\"\n                  [checked]=\"isSelected(impactAssessment)\"\n                >\n              </label>\n              <he-node-link class=\"is-inline-block\" [node]=\"impactAssessment\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{impactName(impactAssessment)}}</span>\n              </he-node-link>\n            </td>\n            <td [attr.title]=\"impactAssessment.product?.name\">\n              <he-node-link *ngIf=\"impactAssessment.product\" [node]=\"impactAssessment.product\">\n                <span>{{impactAssessment.product.name | ellipsis:30}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators\">\n              <span *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: indicator.value.values[impactAssessment['@id']], impactAssessment: impactAssessment, key: key })\"\n              >\n                <span pointer>{{propertyValue(indicator.value.values[impactAssessment['@id']].value, key === 'impacts') | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"indicator.value.values[impactAssessment['@id']].nodes[0]\"\n                  key=\"value\"\n                  [state]=\"impactAssessment.aggregated ? 'aggregated' : null\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <form *ngIf=\"enableCompare\" class=\"mt-2\" [formGroup]=\"form\" (submit)=\"form.valid && addImpact()\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Compare with Aggregated Impact Assessment</span>\n        </div>\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggesting || loading\">\n          <input class=\"input is-small\"\n            placeholder=\"Search by name or id\"\n            formControlName=\"search\" name=\"search\"\n\n            [ngbTypeahead]=\"suggestImpactAssessment\"\n            [inputFormatter]=\"formatter\"\n            [resultTemplate]=\"suggestion\"\n            [focusFirst]=\"true\"\n          >\n          <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!(suggesting || loading)\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n          </span>\n        </div>\n        <div class=\"control\">\n          <button class=\"button is-small\" type=\"submit\" [disabled]=\"suggesting || loading\">\n            <fa-icon icon=\"plus\"></fa-icon>\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n\n  <he-impact-assessments-indicator-breakdown-chart *ngIf=\"selectedView === View.breakdown\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [indicators]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-indicator-breakdown-chart>\n\n  <he-impact-assessments-indicators-chart *ngIf=\"impactAssessments.length > 1\" [class.is-hidden]=\"selectedView !== View.chart\"\n    [key]=\"key\"\n    [impactAssessments]=\"selectedImpactAssessments\"\n    [filterTermTypes]=\"filterTermTypes\"\n  ></he-impact-assessments-indicators-chart>\n\n  <he-impact-assessments-products-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [key]=\"key\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [filterTermTypes]=\"filterTermTypes\"\n    [originalValues]=\"originalValues[0][key]\"\n    [recalculatedValues]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-products-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments\" [filename]=\"'impact-' + key + '.csv'\" [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + key + '.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\" let-key=\"key\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{cycleLabel(node.cycle)}}</span>\n      <span *ngIf=\"!data.cycle\">{{data.name}}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.product.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["label.checkbox{width:20px}td he-node-link{width:160px}table.data-table td:first-child{border-left-width:8px}\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: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["impactAssessments", "key", "filterTermTypes"] }, { type: ImpactAssessmentsProductsLogsComponent, selector: "he-impact-assessments-products-logs", inputs: ["impactAssessment", "key", "filterTermTypes", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }, { type: i10.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$4.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: i10.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsProductsComponent, decorators: [{
             type: Component,
@@ -5872,7 +5780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './impact-assessments-products.component.html',
                     styleUrls: ['./impact-assessments-products.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }, { type: HeNodeService }, { type: HeSearchService }, { type: ToastService }]; }, propDecorators: { cycles: [{
+        }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }, { type: HeNodeService }, { type: HeSearchService }, { type: HeToastService }]; }, propDecorators: { cycles: [{
                 type: Input
             }], impactAssessments: [{
                 type: Input
@@ -5957,5 +5865,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeDiffsComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, ClickOutsideDirective, ClipboardComponent, CyclesActivityComponent, CyclesActivityLogsComponent, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesEmissionsComponent, CyclesEmissionsLogsComponent, CyclesFunctionalUnitMeasureComponent, CyclesResultComponent, CyclesSuggestFormComponent, DefaultPipe, DeltaColour, DeltaDisplayType, EllipsisPipe, FilesFormComponent, GetPipe, HE_API_BASE_URL, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeSchemaService, HeSearchModule, HeSearchService, HeSitesModule, HeUsersService, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, ImpactAssessmentsProductsLogsComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, MAX_RESULTS, MapsDrawingConfirmComponent, MendeleySearchResult, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeIconComponent, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, SchemaVersionLinkComponent, SitesMapsComponent, SitesMeasurementsComponent, SitesMeasurementsLogsComponent, SkeletonTextComponent, SocialTagsComponent, TagsInputDirective, TimesPipe, ToastComponent, ToastService, UnitConverterComponent, allCountriesQuery, animateCounter, arrayValue, availableProperties, baseUrl, bottom, countriesQuery, cropsQuery, dataValue, defaultLabel, definitionToSchemaType, delta, deserializeSearchFilters, ellipsis, emptyValue, errorText, filenameWithoutExt, filterParams, findPropertyById, gitHome, gitRawBaseUrl, groupNodesByTerm, grouppedKeys, grouppedValueKeys, handleAPIError, hoursBefore, isChrome, isExternal, isSchemaIri, isScrolledBelow, itemColor, keyToLabel, levels, linkTypeEnabled, listColor, loadScript, mapsUrl, matchAggregatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, minutesBefore, multiMatchQuery, nestingEnabled, nestingTypeEnabled, nodeTypeToString, numberGte, parseData, parseLines, parseMessage, parseNodeType, propertyValue$1 as propertyValue, refToSchemaType, regionsQuery, repeat, roundValue, safeJSONParse, safeJSONStringify, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchQuery, searchResultsFields, searchableTypes, serializeSearchFilters, siteTooBig, sortByFn, sortOrder, suggestMatchQuery, suggestQuery, termChildToParent, termLocation, termLocationName, termProperties, termTypeGroups, termTypeLabel, toCsv$1 as toCsv, toDashCase, toFormData, toSearchParams, valueTypeToDefault, waitFor, wildcardQuery, worldRegion };
+export { ARRAY_DELIMITER, BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeDiffsComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, ClickOutsideDirective, ClipboardComponent, CyclesActivityComponent, CyclesActivityLogsComponent, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesEmissionsComponent, CyclesEmissionsLogsComponent, CyclesFunctionalUnitMeasureComponent, CyclesResultComponent, CyclesSuggestFormComponent, DefaultPipe, DeltaColour, DeltaDisplayType, DiffsDisplayType, EllipsisPipe, FilesFormComponent, GetPipe, HE_API_BASE_URL, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeSchemaService, HeSearchModule, HeSearchService, HeSitesModule, HeToastService, HeUsersService, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, ImpactAssessmentsProductsLogsComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, MAX_RESULTS, MapsDrawingConfirmComponent, MendeleySearchResult, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeIconComponent, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, SchemaVersionLinkComponent, SitesMapsComponent, SitesMeasurementsComponent, SitesMeasurementsLogsComponent, SkeletonTextComponent, SocialTagsComponent, TagsInputDirective, TimesPipe, ToastComponent, UnitConverterComponent, addPolygonToFeature, allCountriesQuery, arrayValue, availableProperties, baseUrl, bottom, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, calculatePercentDelta, clustererImage, code, coordinatesToPoint, countriesQuery, createMarker, cropsQuery, customDeltaFuncs, dataPathToKey, dataValue, defaultFeature, defaultLabel, defaultSuggestionType, definitionToSchemaType, delta, deserializeSearchFilters, ellipsis, emptyValue, errorHasError, errorHasWarning, errorText, evaluateSuccess, filenameWithoutExt, fillColor, fillStyle, filterError, filterParams, findConfigModels, findProperty, findPropertyById, formatCustomErrorMessage, formatDiffValues, formatError, formatLinkNodesSuggestions, formatPropertyError, formatSuggestion, gitBranch, gitHome, gitRawBaseUrl, groupChanged, groupNodesByTerm, grouppedKeys, grouppedValueKeys, handleAPIError, hasError, hasWarning, isAddPropertyEnabled, isChrome, isExternal, isMissingOneOfError, isMissingPropertyError, isSchemaIri, isScrolledBelow, itemColor, keyToDataPath, keyToLabel, levels, linkTypeEnabled, listColor, locationQuery, lookupUrl, lookups, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, missingNodeErrorMessage, missingNodeErrors, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeLink, nodeLogsUrl, nodeUrl, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage, parseNewValue, pathToApiDocsPath, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonsFromFeature, primaryProduct, propertyError, propertyId, propertyValue$1 as propertyValue, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, roundValue, safeJSONParse, safeJSONStringify, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchQuery, searchResultsFields, searchableTypes, serializeSearchFilters, siblingProperty, singleProperty, siteTooBig, sortOrder, sortProperties, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, termChildToParent, termLocation, termLocationName, termProperties, termTypeGroups, termTypeLabel, termTypeLookupUrl, toCsv$1 as toCsv, toDashCase, typeToNewProperty, updateProperties, valueTypeToDefault, waitFor, wildcardQuery, worldRegion };
 //# sourceMappingURL=hestia-earth-ui-components.js.map