@hestia-earth/ui-components 0.0.4 → 0.0.5

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

@@ -16,7 +16,7 @@ import { faClone, faCircle, faIdBadge } from '@fortawesome/free-regular-svg-icon
 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 { 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';
@@ -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,15 +246,6 @@ 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";
@@ -329,6 +270,7 @@ var DeltaColour;
     DeltaColour["Danger"] = "danger";
 })(DeltaColour || (DeltaColour = {}));
 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 .
@@ -479,237 +421,6 @@ 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 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
-            }
-        }
-    });
-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 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
-    };
-};
-/* eslint-enable complexity */
-
-const primaryProduct = ({ products }) => (products || []).find(({ primary }) => primary);
-
-const HE_API_BASE_URL = new InjectionToken('HE_API_BASE_URL');
-class HeCommonService {
-    constructor(_apiBaseUrl) {
-        this._apiBaseUrl = _apiBaseUrl;
-    }
-    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' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    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',
@@ -892,6 +603,45 @@ const sortOrder = [
     TermTermType.standardsLabels
 ];
 
+const HE_API_BASE_URL = new InjectionToken('HE_API_BASE_URL');
+class HeCommonService {
+    constructor(_apiBaseUrl) {
+        this._apiBaseUrl = _apiBaseUrl;
+    }
+    get apiBaseUrl() {
+        return this._apiBaseUrl || '/api';
+    }
+}
+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' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [HE_API_BASE_URL]
+                }] }]; } });
+
+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 nodeLogsUrl = (apiBaseUrl, _a) => {
+    var { dataState } = _a, node = __rest(_a, ["dataState"]);
+    return `${nodeUrl(apiBaseUrl, node)}/log${dataState ? `?dataState=${dataState}` : ''}`;
+};
+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 +694,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}` : ''}`;
+    nodeUrl(node) {
+        return nodeUrl(this.commonService.apiBaseUrl, node);
     }
-    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`;
-    }
-    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 +717,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 +734,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 +757,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 +805,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 +828,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 +840,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 +870,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 +1453,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 +1476,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 +1507,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 +1516,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,6 +1932,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }]; } });
 
+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 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
+            }
+        }
+    });
+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 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
+    };
+};
+/* eslint-enable complexity */
+
 const emptySearchResult = () => ({
     time: 0,
     count: 0,
@@ -2479,6 +2386,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,
@@ -5863,7 +5772,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 +5781,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 +5866,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 { 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, 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, clustererImage, coordinatesToPoint, countriesQuery, createMarker, cropsQuery, dataValue, defaultFeature, defaultLabel, definitionToSchemaType, delta, deserializeSearchFilters, ellipsis, emptyValue, errorText, filenameWithoutExt, fillColor, fillStyle, filterParams, findPropertyById, gitBranch, gitHome, gitRawBaseUrl, groupNodesByTerm, grouppedKeys, grouppedValueKeys, handleAPIError, isChrome, isExternal, isSchemaIri, isScrolledBelow, itemColor, keyToLabel, levels, linkTypeEnabled, listColor, locationQuery, lookupUrl, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, multiMatchQuery, nestingEnabled, nestingTypeEnabled, nodeLogsUrl, nodeUrl, numberGte, parseData, parseLines, parseMessage, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonsFromFeature, primaryProduct, propertyValue$1 as propertyValue, refToSchemaType, regionsQuery, repeat, roundValue, safeJSONParse, safeJSONStringify, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchQuery, searchResultsFields, searchableTypes, serializeSearchFilters, siteTooBig, sortOrder, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, termChildToParent, termLocation, termLocationName, termProperties, termTypeGroups, termTypeLabel, termTypeLookupUrl, toCsv$1 as toCsv, toDashCase, valueTypeToDefault, waitFor, wildcardQuery, worldRegion };
 //# sourceMappingURL=hestia-earth-ui-components.js.map