@hestia-earth/ui-components 0.0.2 → 0.0.5

package/bundles/hestia-earth-ui-components.umd.js

@@ -417,10 +417,11 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.FaIconLibrary }]; } });
 
-    var _a$5, _b$2;
-    var get$5 = require('lodash.get');
+    var _a$6, _b$3;
+    var get$4 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
     var gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
+    var gitBranch = function () { return ['dev', 'staging'].some(function (env) { return baseUrl().includes(env); }) ? 'develop' : 'master'; };
     var isChrome = function () { return window.navigator.userAgent.includes('Chrome'); };
     var baseUrl = function () { return window.location.origin.includes('localhost') ?
         'https://www-dev.hestia.earth' :
@@ -429,18 +430,8 @@
             'https://www.hestia.earth'; };
     var isExternal = function () { return baseUrl() !== window.location.origin; };
     ;
-    var loadScript = function (src) { return new Promise(function (resolve, reject) {
-        if (!src || document.body.querySelectorAll('script[src="' + src + '"]').length > 0) {
-            return resolve({});
-        }
-        var script = document.createElement('script');
-        script.onload = resolve;
-        script.onerror = reject;
-        script.src = src;
-        document.body.appendChild(script);
-    }); };
     var parseErrorStatus = function (error) { return ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-'); };
-    var parseErrorMessage = function (error) { return get$5(error, 'error.error', get$5(error, 'error.message', get$5(error, 'error', get$5(error, 'message', error)))); };
+    var parseErrorMessage = function (error) { return get$4(error, 'error.error', get$4(error, 'error.message', get$4(error, 'error', get$4(error, 'message', error)))); };
     var handleAPIError = function (error) {
         try {
             error = parseErrorMessage(error);
@@ -455,21 +446,6 @@
         var err = parseErrorMessage(error);
         return parseErrorStatus(err) || err;
     };
-    var toFormData = function (data, formData) {
-        if (formData === void 0) { formData = new FormData(); }
-        for (var key in data) {
-            if (data.hasOwnProperty(key)) {
-                var value = data[key];
-                if (typeof value === 'object') {
-                    formData.append(key, JSON.stringify(value));
-                }
-                else {
-                    formData.append(key, value);
-                }
-            }
-        }
-        return formData;
-    };
     var filterParams = function (obj) {
         var res = {};
         Object.keys(obj).sort().forEach(function (key) {
@@ -480,14 +456,6 @@
         });
         return res;
     };
-    var toSearchParams = function (params) {
-        if (params === void 0) { params = {}; }
-        var searchParams = new URLSearchParams();
-        Object.keys(params)
-            .filter(function (key) { return typeof params[key] !== 'undefined'; })
-            .forEach(function (key) { return searchParams.append(key, "" + params[key]); });
-        return searchParams;
-    };
     var waitFor = function (variable, callback) {
         if (variable in window) {
             return callback();
@@ -502,23 +470,6 @@
         setTimeout(function () { return el ? el.scrollIntoView() : (retries < 10 ? scrollToEl(id, retries + 1) : null); }, 100);
     };
     var scrollTop = function () { return window.scrollTo(0, 0); };
-    var animateCounter = function (total, callback) {
-        var animationDuration = 10;
-        var step = Math.pow(10, ("" + total).length - 1);
-        var maxSteps = parseInt("" + total / step, 10);
-        var current = 0;
-        var interval = setInterval(function () {
-            callback(current);
-            current += (step / animationDuration);
-            if (current > maxSteps * step) {
-                animationDuration = 100;
-            }
-            if (current > total) {
-                callback(total);
-                clearInterval(interval);
-            }
-        }, animationDuration);
-    };
     var safeJSONParse = function (value, defaultValue) {
         try {
             return typeof value === 'string' ? JSON.parse(value) : value;
@@ -582,7 +533,7 @@
             group[termId].values[nodeId].nodes.push(blankNode);
             group[termId].values[nodeId].value = concatBlankNodeValue(group[termId].values[nodeId].value, blankNode.value);
             grouppedValueKeys.forEach(function (arrayKey) {
-                var newValue = get$5(blankNode, arrayKey, []);
+                var newValue = get$4(blankNode, arrayKey, []);
                 group[termId].values[nodeId][arrayKey] = __spreadArray(__spreadArray([], __read((group[termId].values[nodeId][arrayKey] || []))), __read((Array.isArray(newValue) ? newValue : [newValue])));
             });
             return group;
@@ -592,7 +543,7 @@
             Object.keys(group.values).map(function (nodeId) {
                 var index = group.values[nodeId].index;
                 var termId = group.term['@id'];
-                var originalValue = get$5(originalValues, "[" + index + "]." + key, []).filter(function (val) { return val.term['@id'] === termId; });
+                var originalValue = get$4(originalValues, "[" + index + "]." + key, []).filter(function (val) { return val.term['@id'] === termId; });
                 if (originalValue.length > 0) {
                     var value = originalValue.reduce(function (array, curr) { return concatBlankNodeValue(array, curr.value); }, []);
                     group.originalValues[nodeId] = { value: propertyValue$1(value) };
@@ -601,7 +552,6 @@
         });
         return groups;
     };
-    var sortByFn = function (key, asc) { return function (a, b) { return asc ? get$5(a, key, '').localeCompare(get$5(b, key, '')) : get$5(b, key, '').localeCompare(get$5(a, key, '')); }; };
     var ellipsis = function (text, maxlength) {
         if (text === void 0) { text = ''; }
         if (maxlength === void 0) { maxlength = 20; }
@@ -625,10 +575,8 @@
             // handle years
             .replace(/([0-9]{4})/g, function (g) { return "-" + g; }) :
         null; };
-    var nodeTypeToString = function (type) { return "" + type.charAt(0).toLowerCase() + type.substring(1); };
-    var parseNodeType = function (type) { return Object.values(schema.NodeType).find(function (v) { return v.toString().toLowerCase() === (type || '').toLowerCase(); }); };
-    var nodeDefaultLabel = (_a$5 = {},
-        _a$5[schema.NodeType.ImpactAssessment] = function (_a) {
+    var nodeDefaultLabel = (_a$6 = {},
+        _a$6[schema.NodeType.ImpactAssessment] = function (_a) {
             var name = _a.name, country = _a.country, endDate = _a.endDate, product = _a.product;
             return name ? name.replace((product === null || product === void 0 ? void 0 : product.name) + ", ", '') : [
                 product === null || product === void 0 ? void 0 : product.name,
@@ -636,45 +584,43 @@
                 endDate
             ].filter(Boolean).join(', ');
         },
-        _a$5[schema.NodeType.Site] = function (_a) {
+        _a$6[schema.NodeType.Site] = function (_a) {
             var name = _a.name, description = _a.description;
             return name || description;
         },
-        _a$5);
+        _a$6);
     var defaultLabel = function (node) { return node ? (node['@type'] in nodeDefaultLabel ? nodeDefaultLabel[node['@type']](node) : node.name) || node['@id'] || node.id : ''; };
     var itemColor = function (index) { return randomMaterialColor.getColor({ text: "" + index }); };
     var listColor = function (_v, index) { return itemColor(index); };
-    var minutesBefore = function (date, minutes) {
-        if (minutes === void 0) { minutes = 1; }
-        date.setMinutes(date.getMinutes() - minutes);
-        return date;
-    };
-    var hoursBefore = function (date, hours) {
-        if (hours === void 0) { hours = 1; }
-        date.setHours(date.getHours() - hours);
-        return date;
-    };
-    var repeat = function (times) {
-        if (times === void 0) { times = 0; }
-        return (Array.from(Array(times), Math.random));
-    };
     exports.DeltaDisplayType = void 0;
     (function (DeltaDisplayType) {
         DeltaDisplayType["absolute"] = "absolute";
         DeltaDisplayType["percent"] = "percent";
     })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
-    var deltaPerType = (_b$2 = {},
-        _b$2[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
-        _b$2[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
-        _b$2);
-    var roundValue = function (value) { return +(("" + value).substring(0, 10)); };
-    var delta = function (value, originalValue, displayType) {
+    var deltaPerType = (_b$3 = {},
+        _b$3[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
+        _b$3[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
+        _b$3);
+    var roundValue = function (value) { return +("" + value).substring(0, 10); };
+    var delta = function (value, originalValue, displayType, customDeltaFuncs) {
         if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
         var vvalue = roundValue(propertyValue$1(value));
         var voriginalValue = roundValue(propertyValue$1(originalValue));
-        var diff = vvalue === voriginalValue ? 0 : deltaPerType[displayType](vvalue, voriginalValue);
+        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), customDeltaFuncs);
+        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
         return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
     };
+    exports.DeltaColour = void 0;
+    (function (DeltaColour) {
+        DeltaColour["Success"] = "success";
+        DeltaColour["Warning"] = "warning";
+        DeltaColour["Danger"] = "danger";
+    })(exports.DeltaColour || (exports.DeltaColour = {}));
+    var emptyValue = function (value) { return utils.isEmpty(value) || isNaN(propertyValue$1(value)); };
+    var repeat = function (times) {
+        if (times === void 0) { times = 0; }
+        return (Array.from(Array(times), Math.random));
+    };
     var filenameWithoutExt = function (filename) {
         if (filename === void 0) { filename = ''; }
         var file = api.fileToExt(filename, '');
@@ -682,6 +628,57 @@
         return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
     };
 
+    var reduceValues$1 = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : undefined; };
+    var formatValues = function (originalValues, recalculatedValues) {
+        if (originalValues === void 0) { originalValues = []; }
+        if (recalculatedValues === void 0) { recalculatedValues = []; }
+        var originalValuesFiltered = originalValues.filter(function (value) { return !value.deleted; });
+        var recalculatedValuesFiltered = recalculatedValues.filter(function (value) { return !value.deleted; });
+        var terms = utils.unique(__spreadArray(__spreadArray([], __read(originalValuesFiltered)), __read(recalculatedValuesFiltered)).map(function (v) { return v.term['@id']; })).sort();
+        var values = terms.map(function (termId) {
+            var original = originalValuesFiltered.filter(function (v) { return termId === v.term['@id']; });
+            var recalculated = recalculatedValuesFiltered.filter(function (v) { return termId === v.term['@id']; });
+            var term = (original[0] || recalculated[0] || { term: { '@id': termId } }).term;
+            return {
+                term: term,
+                original: reduceValues$1(original),
+                recalculated: reduceValues$1(recalculated)
+            };
+        });
+        return values;
+    };
+
+    var _a$5, _b$2, _c$2;
+    var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
+    var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+    var PercentDeltaConditions;
+    (function (PercentDeltaConditions) {
+        PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
+        PercentDeltaConditions["original0"] = "original is 0";
+    })(PercentDeltaConditions || (PercentDeltaConditions = {}));
+    var calculatePercentDeltaConditions = (_a$5 = {},
+        _a$5[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
+        _a$5[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
+        _a$5);
+    var calculatePercentDeltaResult = (_b$2 = {},
+        _b$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
+        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        _b$2[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
+        _b$2.default = function (original, recalculated) { return (recalculated - original) / original; },
+        _b$2);
+    var calculatePercentDelta = function (recalculated, original) {
+        var matchingCondition = Object.values(PercentDeltaConditions).find(function (value) { return calculatePercentDeltaConditions[value](original, recalculated); }) || 'default';
+        return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
+    };
+    var customDeltaFuncs = (_c$2 = {},
+        _c$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
+        _c$2);
+    var evaluateSuccess = function (delta) { return Math.abs(delta) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        ? exports.DeltaColour.Success
+        : Math.abs(delta) < WARNING_CRITERION_MAX_DELTA_PERCENT
+            ? exports.DeltaColour.Warning
+            : exports.DeltaColour.Danger; };
+
     /* eslint-disable @angular-eslint/directive-selector */
     var BindOnceDirective = /** @class */ (function () {
         function BindOnceDirective(templateRef, viewContainerRef) {
@@ -724,7 +721,6 @@
                     }]
             }] });
 
-    var emptyValue = function (value) { return utils.isEmpty(value) || isNaN(propertyValue$1(value)); };
     var BlankNodeValueDeltaComponent = /** @class */ (function () {
         function BlankNodeValueDeltaComponent() {
             this.displayType = exports.DeltaDisplayType.percent;
@@ -739,15 +735,14 @@
         });
         Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "delta", {
             get: function () {
-                return delta(this.value, this.originalValue, this.displayType);
+                return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "color", {
             get: function () {
-                var value = Math.abs(this.delta);
-                return this.displayType === exports.DeltaDisplayType.percent ? (value < 5 ? 'success' : (value < 20 ? 'warning' : 'danger')) : '';
+                return this.displayType === exports.DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
             },
             enumerable: false,
             configurable: true
@@ -771,7 +766,6 @@
                     type: i0.Input
                 }] } });
 
-    var reduceValues$1 = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : undefined; };
     var BlankNodeDiffsComponent = /** @class */ (function () {
         function BlankNodeDiffsComponent() {
             this.originalValues = [];
@@ -780,19 +774,7 @@
             this.values = [];
         }
         BlankNodeDiffsComponent.prototype.ngOnInit = function () {
-            var originalValues = (this.originalValues || []).filter(function (value) { return !value.deleted; });
-            var recalculatedValues = (this.recalculatedValues || []).filter(function (value) { return !value.deleted; });
-            var terms = utils.unique(__spreadArray(__spreadArray([], __read(originalValues)), __read(recalculatedValues)).map(function (v) { return v.term['@id']; })).sort();
-            this.values = terms.map(function (termId) {
-                var original = originalValues.filter(function (v) { return termId === v.term['@id']; });
-                var recalculated = recalculatedValues.filter(function (v) { return termId === v.term['@id']; });
-                var term = (original[0] || recalculated[0] || { term: { '@id': termId } }).term;
-                return {
-                    term: term,
-                    original: reduceValues$1(original),
-                    recalculated: reduceValues$1(recalculated),
-                };
-            });
+            this.values = formatValues(this.originalValues, this.recalculatedValues);
         };
         return BlankNodeDiffsComponent;
     }());
@@ -811,295 +793,7 @@
                     type: i0.Input
                 }] } });
 
-    var _a$4, _b$1, _c$1, _d$1, _e;
-    var searchableTypes = [
-        schema.NodeType.Cycle,
-        schema.NodeType.Source
-    ];
-    var serializeSearchFilters = function (filters) { return Object.keys(filters || {})
-        .filter(function (key) { return filters[key].length; })
-        .map(function (key) { return key + "=" + filters[key].filter(Boolean).join('|'); })
-        .join(';'); };
-    var deserializeSearchFilters = function (filters) { return (filters || '').split(';').reduce(function (prev, curr) {
-        var _a = __read(curr.split('='), 2), key = _a[0], values = _a[1];
-        prev[key] = (values || '').split('|').filter(Boolean);
-        return prev;
-    }, {}); };
-    var matchType = function (type) { return Object.freeze({
-        match: { '@type': type }
-    }); };
-    var matchTermType = function (termType) { return Object.freeze({
-        match: { termType: termType }
-    }); };
-    var matchRegex = function (key, value) {
-        var _a;
-        return Object.freeze({
-            regexp: (_a = {}, _a[key] = { value: value.toString() }, _a)
-        });
-    };
-    var matchQuery = function (key, value, boost) {
-        var _a;
-        return Object.freeze({
-            match: (_a = {},
-                _a[key] = Object.assign({ query: value }, (boost ? { boost: boost } : {})),
-                _a)
-        });
-    };
-    var matchExactQuery = function (key, value, boost) { return matchQuery(key + ".keyword", value, boost); };
-    var matchNameNormalized = function (query, boost) {
-        if (boost === void 0) { boost = 20; }
-        return Object.freeze({
-            match: { nameNormalized: { query: query, boost: boost } }
-        });
-    };
-    var numberGte = function (key, value) {
-        var _a;
-        return Object.freeze({
-            range: (_a = {}, _a[key] = { gte: value }, _a)
-        });
-    };
-    var multiMatchQuery = function (query, fields, type, boost, analyzer) {
-        if (type === void 0) { type = 'best_fields'; }
-        return Object.freeze({
-            multi_match: Object.assign(Object.assign({ query: query, fields: fields, type: type }, (boost ? { boost: boost } : {})), (analyzer ? { analyzer: analyzer } : {}))
-        });
-    };
-    var matchPhraseQuery = function (query, boost) {
-        var fields = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            fields[_i - 2] = arguments[_i];
-        }
-        return fields.length ? multiMatchQuery(query, fields, 'phrase', boost) : matchExactQuery('name', query, boost);
-    };
-    var matchPhrasePrefixQuery = function (query, boost) {
-        if (boost === void 0) { boost = 2; }
-        var fields = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            fields[_i - 2] = arguments[_i];
-        }
-        return fields.length ?
-            multiMatchQuery(query, fields, 'phrase_prefix', boost) :
-            Object.freeze({
-                match_phrase_prefix: {
-                    nameSearchAsYouType: {
-                        query: query,
-                        boost: boost
-                    }
-                }
-            });
-    };
-    var matchBoolPrefixQuery = function (query, boost) {
-        if (boost === void 0) { boost = 1; }
-        var fields = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            fields[_i - 2] = arguments[_i];
-        }
-        return fields.length ?
-            multiMatchQuery(query, fields, 'bool_prefix', boost) :
-            Object.freeze({
-                match_bool_prefix: {
-                    name: {
-                        query: query,
-                        boost: boost
-                    }
-                }
-            });
-    };
-    var wildcardQuery = function (query, boost) {
-        if (boost === void 0) { boost = 3; }
-        var fields = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            fields[_i - 2] = arguments[_i];
-        }
-        return Object.freeze({
-            simple_query_string: {
-                query: "*" + query + "*",
-                fields: fields,
-                analyze_wildcard: true,
-                boost: boost
-            }
-        });
-    };
-    var matchCountryLevel = { match: { gadmLevel: 0 } };
-    var matchGlobalRegion = { regexp: { '@id': 'region-*' } };
-    var matchCountry = Object.freeze({
-        bool: {
-            should: [
-                matchCountryLevel,
-                matchGlobalRegion
-            ],
-            minimum_should_match: 1
-        }
-    });
-    var countriesQuery = Object.freeze({
-        bool: {
-            must: [
-                matchType(schema.NodeType.Term),
-                matchTermType(schema.TermTermType.region),
-                matchCountryLevel
-            ]
-        }
-    });
-    var allCountriesQuery = Object.freeze({
-        bool: Object.assign({ must: [
-                matchType(schema.NodeType.Term),
-                matchTermType(schema.TermTermType.region)
-            ] }, matchCountry.bool)
-    });
-    var matchRegion = numberGte('gadmLevel', 1);
-    var regionsQuery = Object.freeze({
-        bool: {
-            must: [
-                matchType(schema.NodeType.Term),
-                matchTermType(schema.TermTermType.region),
-                matchRegion
-            ]
-        }
-    });
-    var worldRegion = Object.freeze({
-        '@id': 'region-world',
-        name: 'World'
-    });
-    var cropsQuery = Object.freeze({
-        bool: {
-            must: [
-                matchType(schema.NodeType.Term),
-                matchTermType(schema.TermTermType.crop)
-            ]
-        }
-    });
-    var matchAggregatedQuery = matchQuery('aggregated', true);
-    var isNestedKey = function (key) { return schema.nestedSearchableKeys.includes(key.split('.')[0]); };
-    var matchNestedKey = function (key, query) { return isNestedKey(key) ? {
-        nested: { path: key.split('.')[0], query: query }
-    } : query; };
-    /**
-     * List of fields to return in the search results.
-     */
-    var searchResultsFields = Object.freeze((_a$4 = {},
-        _a$4[schema.NodeType.Cycle] = [
-            'description', 'dataDescription', 'endDate',
-            'emissionsCount', 'inputsCount', 'productsCount',
-            'site.location', 'site.country.name', 'site.region.name'
-        ],
-        _a$4[schema.NodeType.Source] = ['bibliography.title', 'bibliography.documentDOI'],
-        _a$4[schema.NodeType.ImpactAssessment] = ['emissionsResourceUseCount', 'impactsCount', 'country.name'],
-        _a$4));
-    /**
-     * List of fields to search in.
-     */
-    var searchFields = Object.freeze((_b$1 = {},
-        _b$1[schema.NodeType.Cycle] = ['name', 'description', 'dataDescription'],
-        _b$1[schema.NodeType.Source] = ['name', 'bibliography.title'],
-        _b$1[schema.NodeType.ImpactAssessment] = ['name', 'product.name', 'country.name'],
-        _b$1));
-    var searchFieldsNested = Object.freeze((_c$1 = {},
-        _c$1[schema.NodeType.Cycle] = [
-            'inputs.term.name',
-            'emissions.term.name',
-            'practices.term.name'
-        ],
-        _c$1[schema.NodeType.Source] = [],
-        _c$1[schema.NodeType.ImpactAssessment] = [
-            'emissionsResourceUse.term.name',
-            'impacts.term.name'
-        ],
-        _c$1));
-    /**
-     * Specific strict queries per type.
-     */
-    var searchQueries = (_d$1 = {},
-        _d$1[schema.NodeType.Cycle] = { must: [], must_not: [matchAggregatedQuery] },
-        _d$1[schema.NodeType.Source] = { must: [], must_not: [matchAggregatedQuery] },
-        _d$1);
-    var searchFiltersKeys = (_e = {},
-        _e[schema.NodeType.Cycle] = function (key) { return key; },
-        _e[schema.NodeType.Source] = function (key) { return key; },
-        _e);
-    /* eslint-disable complexity */
-    var searchQuery = function (type, query, filters, aggregated) {
-        var boolQuery = (Object.assign(Object.assign({ must: [
-                matchType(type),
-                aggregated ? matchAggregatedQuery : null
-            ].filter(Boolean) }, (query ? {
-            should: __spreadArray([
-                matchPhraseQuery.apply(void 0, __spreadArray([query, 100], __read(searchFields[type]))),
-                matchPhrasePrefixQuery.apply(void 0, __spreadArray([query, 20], __read(searchFields[type]))),
-                matchBoolPrefixQuery.apply(void 0, __spreadArray([query, 10], __read(searchFields[type])))
-            ], __read(searchFieldsNested[type].map(function (field) { return matchNestedKey(field, matchBoolPrefixQuery(query, 1, field)); }))),
-            minimum_should_match: 1
-        } : {})), { must_not: [
-                aggregated ? null : matchAggregatedQuery
-            ].filter(Boolean) }));
-        var keys = Object.keys(filters || {}).filter(function (key) { return filters[key].length; });
-        return {
-            bool: keys.length ? {
-                must: keys.map(function (key) {
-                    var filterKey = searchFiltersKeys[type](key);
-                    return {
-                        bool: {
-                            should: filters[key]
-                                .map(function (value) { return matchNestedKey(filterKey, matchExactQuery(filterKey, value)); })
-                                .map(function (must) {
-                                var localQuery = JSON.parse(JSON.stringify(boolQuery));
-                                localQuery.must.push(must);
-                                return { bool: localQuery };
-                            }),
-                            minimum_should_match: 1
-                        }
-                    };
-                })
-            } : boolQuery
-        };
-    };
-    /* eslint-enable complexity */
-
-    var primaryProduct = function (_a) {
-        var products = _a.products;
-        return (products || []).find(function (_a) {
-            var primary = _a.primary;
-            return primary;
-        });
-    };
-
-    var HE_API_BASE_URL = new i0.InjectionToken('HE_API_BASE_URL');
-    var HeCommonService = /** @class */ (function () {
-        function HeCommonService(_apiBaseUrl) {
-            this._apiBaseUrl = _apiBaseUrl;
-        }
-        Object.defineProperty(HeCommonService.prototype, "apiBaseUrl", {
-            get: function () {
-                return this._apiBaseUrl || '/api';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(HeCommonService.prototype, "gitBranch", {
-            get: function () {
-                return ['dev', 'staging'].some(function (env) { return baseUrl().includes(env); })
-                    ? 'develop'
-                    : 'master';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return HeCommonService;
-    }());
-    HeCommonService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, deps: [{ token: HE_API_BASE_URL }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeCommonService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [HE_API_BASE_URL]
-                        }] }];
-        } });
-
-    var _a$3, _b, _c;
+    var _a$4, _b$1, _c$1;
     var termProperties = function (term) { return Object.keys(term).filter(function (key) { return !schema.isExpandable(term[key]) && ![
         'pinned', 'expanded', 'extended', 'selected', 'loading',
         '_score', '@type', '@id', '@context', 'createdAt',
@@ -1125,20 +819,20 @@
             lng: longitude
         });
     };
-    var termTypeToLabel = (_a$3 = {},
-        _a$3[schema.TermTermType.methodEmissionResourceUse] = 'Method (Emissions)',
-        _a$3[schema.TermTermType.methodMeasurement] = 'Method (Measurement)',
-        _a$3[schema.TermTermType.pesticideAI] = 'Pesticide Active Ingredient',
-        _a$3[schema.TermTermType.standardsLabels] = 'Standards & Labels',
-        _a$3[schema.TermTermType.usdaSoilType] = 'USDA Soil Type',
-        _a$3);
+    var termTypeToLabel = (_a$4 = {},
+        _a$4[schema.TermTermType.methodEmissionResourceUse] = 'Method (Emissions)',
+        _a$4[schema.TermTermType.methodMeasurement] = 'Method (Measurement)',
+        _a$4[schema.TermTermType.pesticideAI] = 'Pesticide Active Ingredient',
+        _a$4[schema.TermTermType.standardsLabels] = 'Standards & Labels',
+        _a$4[schema.TermTermType.usdaSoilType] = 'USDA Soil Type',
+        _a$4);
     var termTypeLabel = function (type) {
         if (type === void 0) { type = 'N/A'; }
         return type in termTypeToLabel ? termTypeToLabel[type] : keyToLabel(type);
     };
     var termTypesToChildren = function (termTypes) { return termTypes.map(function (termType) { return ({ label: termTypeLabel(termType), termType: termType }); }); };
-    var groups = Object.freeze((_b = {},
-        _b[schema.TermTermType.emission] = {
+    var groups = Object.freeze((_b$1 = {},
+        _b$1[schema.TermTermType.emission] = {
             label: 'Emissions & Resource Use',
             termType: 'Emissions & Resource Use',
             children: termTypesToChildren([
@@ -1150,12 +844,12 @@
                 schema.TermTermType.methodEmissionResourceUse
             ])
         },
-        _b[schema.TermTermType.region] = {
+        _b$1[schema.TermTermType.region] = {
             label: termTypeLabel(schema.TermTermType.region),
             termType: schema.TermTermType.region,
             children: []
         },
-        _b.infrastructure = {
+        _b$1.infrastructure = {
             label: 'Infrastructure & Equipment',
             termType: 'Infrastructure & Equipment',
             children: termTypesToChildren([
@@ -1166,7 +860,7 @@
                 schema.TermTermType.machinery
             ])
         },
-        _b.input = {
+        _b$1.input = {
             label: 'Inputs',
             termType: 'Inputs',
             children: termTypesToChildren([
@@ -1184,7 +878,7 @@
                 schema.TermTermType.water
             ])
         },
-        _b[schema.TermTermType.measurement] = {
+        _b$1[schema.TermTermType.measurement] = {
             label: 'Measurements',
             termType: 'Measurements',
             children: termTypesToChildren([
@@ -1195,7 +889,7 @@
                 schema.TermTermType.methodMeasurement
             ])
         },
-        _b.practice = {
+        _b$1.practice = {
             label: 'Practices',
             termType: 'Production Practices',
             children: termTypesToChildren([
@@ -1213,7 +907,7 @@
                 schema.TermTermType.waterRegime,
             ])
         },
-        _b.product = {
+        _b$1.product = {
             label: 'Products',
             termType: 'Products',
             children: termTypesToChildren([
@@ -1226,12 +920,12 @@
                 schema.TermTermType.processedFood
             ])
         },
-        _b[schema.TermTermType.property] = {
+        _b$1[schema.TermTermType.property] = {
             label: termTypeLabel(schema.TermTermType.property),
             termType: schema.TermTermType.property,
             children: []
         },
-        _b));
+        _b$1));
     var termTypeGroups = [
         groups.property,
         groups.region,
@@ -1242,10 +936,10 @@
         groups.measurement,
         groups.infrastructure
     ];
-    var termToParent = (_c = {},
-        _c[schema.TermTermType.property] = 'Properties',
-        _c[schema.TermTermType.region] = 'Geographies',
-        _c);
+    var termToParent = (_c$1 = {},
+        _c$1[schema.TermTermType.property] = 'Properties',
+        _c$1[schema.TermTermType.region] = 'Geographies',
+        _c$1);
     var termChildToParent = function (termType) { return termTypeGroups.find(function (_a) {
         var children = _a.children;
         return (children || []).some(function (child) { return child.termType === termType; });
@@ -1300,6 +994,52 @@
         schema.TermTermType.standardsLabels
     ];
 
+    var HE_API_BASE_URL = new i0.InjectionToken('HE_API_BASE_URL');
+    var HeCommonService = /** @class */ (function () {
+        function HeCommonService(_apiBaseUrl) {
+            this._apiBaseUrl = _apiBaseUrl;
+        }
+        Object.defineProperty(HeCommonService.prototype, "apiBaseUrl", {
+            get: function () {
+                return this._apiBaseUrl || '/api';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return HeCommonService;
+    }());
+    HeCommonService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, deps: [{ token: HE_API_BASE_URL }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeCommonService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [HE_API_BASE_URL]
+                        }] }];
+        } });
+
+    var nodeTypeUrl = function (apiBaseUrl, type) { return type ? apiBaseUrl + "/" + api.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.
+     */
+    var nodeUrl = function (apiBaseUrl, _a) {
+        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+        return nodeTypeUrl(apiBaseUrl, node['@type'] || node.type) + "/" + (node['@id'] || node.id) + (dataState ? "?dataState=" + dataState : '');
+    };
+    var nodeLogsUrl = function (apiBaseUrl, _a) {
+        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+        return nodeUrl(apiBaseUrl, node) + "/log" + (dataState ? "?dataState=" + dataState : '');
+    };
+    var lookupUrl = function (filename) { return filename.startsWith('http') ? filename : baseUrl() + "/glossary/lookups/" + filename + ".csv"; };
+    var termTypeLookupUrl = function (termType) { return baseUrl() + "/glossary/" + termChildToParent(termType).termType + "/" + termType + ".csv"; };
     var HeNodeService = /** @class */ (function () {
         function HeNodeService(http, authService, commonService) {
             this.http = http;
@@ -1354,28 +1094,20 @@
                 .catch(function () { return (responseType === 'json' ? ({}) : ''); });
         };
         HeNodeService.prototype.nodeTypeUrl = function (type) {
-            return this.commonService.apiBaseUrl + "/" + api.nodeTypeToParam(type);
-        };
-        HeNodeService.prototype.nodeUrl = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.nodeTypeUrl(node['@type'] || node.type) + "/" + (node['@id'] || node.id) + (dataState ? "?dataState=" + dataState : '');
-        };
-        HeNodeService.prototype.nodeLogsUrl = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.nodeUrl(node) + "/log" + (dataState ? "?dataState=" + dataState : '');
+            return nodeTypeUrl(this.commonService.apiBaseUrl, type);
         };
-        HeNodeService.prototype.lookupUrl = function (filename) {
-            return filename.startsWith('http') ? filename : baseUrl() + "/glossary/lookups/" + filename + ".csv";
+        HeNodeService.prototype.nodeUrl = function (node) {
+            return nodeUrl(this.commonService.apiBaseUrl, node);
         };
-        HeNodeService.prototype.termTypeLookupUrl = function (termType) {
-            return baseUrl() + "/glossary/" + termChildToParent(termType).termType + "/" + termType + ".csv";
+        HeNodeService.prototype.nodeLogsUrl = function (node) {
+            return nodeLogsUrl(this.commonService.apiBaseUrl, node);
         };
         HeNodeService.prototype.downloadLookup = function (filename) {
             return __awaiter(this, void 0, void 0, function () {
                 var url;
                 return __generator(this, function (_b) {
                     try {
-                        url = this.lookupUrl(filename);
+                        url = lookupUrl(filename);
                         return [2 /*return*/, this.downloadRaw(url, 'text')];
                     }
                     catch (_err) {
@@ -1395,7 +1127,7 @@
                             return [4 /*yield*/, this.downloadLookup(termType)];
                         case 1:
                             data = _b.sent();
-                            return [2 /*return*/, (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? this.lookupUrl(termType) : null];
+                            return [2 /*return*/, (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? lookupUrl(termType) : null];
                         case 2:
                             _err_1 = _b.sent();
                             return [2 /*return*/, null];
@@ -1415,54 +1147,15 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
 
-    var get$4 = require('lodash.get');
+    var gitUrl$1 = function () { return gitHome + "/hestia-aggregation-engine/-/blob/" + gitBranch(); };
+    var rawUrl$1 = function () { return gitRawBaseUrl + "/hestia-aggregation-engine/-/raw/" + gitBranch(); };
     var lookups = Object.freeze({
         cropYield: 'region-crop-cropGroupingFaostatProduction-yield',
         cropGroupingColumn: 'cropGroupingFaostatProduction'
     });
-    var extractGroupedDataClosesDate = function (data, year) {
-        var dataByDate = (data || '').split(';').reduce(function (prev, curr) {
-            var _d;
-            return (Object.assign(Object.assign({}, prev), (curr.length > 0 && curr.split(':')[1] !== '-' ? (_d = {}, _d[curr.split(':')[0]] = curr.split(':')[1], _d) : {})));
-        }, {});
-        var years = Object.keys(dataByDate).map(function (v) { return +v; });
-        var closestYear = years.reduce(function (prev, curr) { return Math.abs(curr - year) < Math.abs(prev - year) ? curr : prev; }, 0);
-        return closestYear ? +dataByDate[closestYear] / 10 : null;
-    };
-    var cropGrouping = function (lookup, product) { return (lookup.find(function (_d) {
-        var term = _d.term;
-        return term.id === (product === null || product === void 0 ? void 0 : product.term['@id']);
-    }) || {})[lookups.cropGroupingColumn]; };
-    var cropYieldCountry = function (cropYield, cycle) { return cropYield.find(function (_d) {
-        var term = _d.term;
-        return term.id === get$4(cycle, 'site.country.@id', worldRegion['@id']);
-    }) || {}; };
-    var extendCycle = function (_d) {
-        var crop = _d.crop, cropYield = _d.cropYield;
-        return function (cycle) {
-            var _a, _b, _c;
-            var product = primaryProduct(cycle);
-            var grouping = cropGrouping(crop, product);
-            var countryData = cropYieldCountry(cropYield, cycle)[grouping];
-            var countryValue = extractGroupedDataClosesDate(countryData, +(cycle.endDate || ''));
-            var productValue = propertyValue$1(product === null || product === void 0 ? void 0 : product.value);
-            return {
-                cycle: 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)
-            };
-        };
-    };
     var HeAggregationEngineService = /** @class */ (function () {
-        function HeAggregationEngineService(http, commonService, nodeService) {
+        function HeAggregationEngineService(http, nodeService) {
             this.http = http;
-            this.commonService = commonService;
             this.nodeService = nodeService;
             this.modelsLoading = false;
             this.modelsLoaded = false;
@@ -1474,38 +1167,24 @@
         }
         HeAggregationEngineService.prototype.init = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4 /*yield*/, this.loadModels().toPromise()];
                         case 1:
-                            _d.sent();
+                            _b.sent();
                             return [2 /*return*/];
                     }
                 });
             });
-        };
-        Object.defineProperty(HeAggregationEngineService.prototype, "gitUrl", {
-            get: function () {
-                return gitHome + "/hestia-aggregation-engine/-/blob/" + this.commonService.gitBranch;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(HeAggregationEngineService.prototype, "rawUrl", {
-            get: function () {
-                return gitRawBaseUrl + "/hestia-aggregation-engine/-/raw/" + this.commonService.gitBranch;
-            },
-            enumerable: false,
-            configurable: true
-        });
+        };
         HeAggregationEngineService.prototype.loadModels = function () {
             var _this = this;
             this.modelsLoading = true;
-            return this.http.get(this.rawUrl + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_d) {
-                var links = _d.links;
+            return this.http.get(rawUrl$1() + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_b) {
+                var links = _b.links;
                 _this._models.next(links.map(function (_a) {
                     var modelPath = _a.path, docPath = _a.docPath, 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;
@@ -1531,11 +1210,11 @@
         HeAggregationEngineService.prototype.loadLookup = function (filename) {
             return __awaiter(this, void 0, void 0, function () {
                 var data;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4 /*yield*/, this.nodeService.downloadLookup(filename)];
                         case 1:
-                            data = _d.sent();
+                            data = _b.sent();
                             return [2 /*return*/, csvtojson__namespace({ delimiter: 'auto' }).fromString(data)];
                     }
                 });
@@ -1565,16 +1244,18 @@
         };
         return HeAggregationEngineService;
     }());
-    HeAggregationEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeAggregationEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeAggregationEngineService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }, { type: HeNodeService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeNodeService }]; } });
 
     var HE_ORCHESTRATOR_BASE_URL = new i0.InjectionToken('HE_ORCHESTRATOR_BASE_URL');
+    var gitUrl = function () { return gitHome + "/hestia-engine-models/-/blob/" + gitBranch(); };
+    var rawUrl = function () { return gitRawBaseUrl + "/hestia-engine-models/-/raw/" + gitBranch(); };
     var findConfigModels = function (_b, modelId, modelKey) {
         var models = _b.models;
         return models.flat().filter(function (_b) {
@@ -1592,9 +1273,8 @@
         ].filter(Boolean).join('-')
     ].join('/'); };
     var HeEngineService = /** @class */ (function () {
-        function HeEngineService(http, commonService) {
+        function HeEngineService(http) {
             this.http = http;
-            this.commonService = commonService;
             this.modelsLoading = false;
             this.modelsLoaded = false;
             this._models = new rxjs.ReplaySubject(1);
@@ -1612,28 +1292,14 @@
                 });
             });
         };
-        Object.defineProperty(HeEngineService.prototype, "gitUrl", {
-            get: function () {
-                return gitHome + "/hestia-engine-models/-/blob/" + this.commonService.gitBranch;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(HeEngineService.prototype, "rawUrl", {
-            get: function () {
-                return gitRawBaseUrl + "/hestia-engine-models/-/raw/" + this.commonService.gitBranch;
-            },
-            enumerable: false,
-            configurable: true
-        });
         HeEngineService.prototype.loadModels = function () {
             var _this = this;
             this.modelsLoading = true;
-            return this.http.get(this.rawUrl + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_b) {
+            return this.http.get(rawUrl() + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_b) {
                 var links = _b.links;
                 _this._models.next(links.map(function (_a) {
                     var path = _a.path, docPath = _a.docPath, 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;
@@ -1663,14 +1329,14 @@
         };
         return HeEngineService;
     }());
-    HeEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeEngineService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
 
     var NodeKeyState;
     (function (NodeKeyState) {
@@ -2123,7 +1789,7 @@
         return MapsDrawingConfirmComponent;
     }());
     MapsDrawingConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapsDrawingConfirmComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapsDrawingConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: { value: "value", modes: "modes", center: "center", zoom: "zoom" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$2.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Draw on Map</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(value)\"></button>\n    </header>\n    <section class=\"modal-card-body p-0\">\n      <google-map\n        height=\"100%\"\n        width=\"100%\"\n        [zoom]=\"zoom\"\n        [center]=\"center\"\n        [options]=\"options\"\n      ></google-map>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\">\n        <span i18n=\"@@confirm\">Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"closed.next(value)\">\n        <span i18n=\"@@close\">Close</span>\n      </button>\n      <button class=\"button is-danger is-outlined\" (click)=\"clear()\">\n        <fa-icon class=\"mr-2\" icon=\"times\"></fa-icon>\n        <span i18n=\"@@clear\">Clear</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: ["google-map{display:block;height:100%;max-height:calc(100vh - 146px);min-height:500px}\n"], components: [{ type: i1__namespace$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"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
+    MapsDrawingConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: { value: "value", modes: "modes", center: "center", zoom: "zoom" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$2.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Draw on Map</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(value)\"></button>\n    </header>\n    <section class=\"modal-card-body p-0\">\n      <google-map\n        height=\"100%\"\n        width=\"100%\"\n        [zoom]=\"zoom\"\n        [center]=\"center\"\n        [options]=\"options\"\n      ></google-map>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\">\n        <span>Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"closed.next(value)\">\n        <span>Close</span>\n      </button>\n      <button class=\"button is-danger is-outlined\" (click)=\"clear()\">\n        <fa-icon class=\"mr-2\" icon=\"times\"></fa-icon>\n        <span>Clear</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: ["google-map{display:block;height:100%;max-height:calc(100vh - 146px);min-height:500px}\n"], components: [{ type: i1__namespace$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"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapsDrawingConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2160,7 +1826,7 @@
         return PopoverComponent;
     }());
     PopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverComponent, selector: "he-popover", inputs: { message: "message", content: "content", data: "data", position: "position" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0__namespace, template: "<div class=\"is-inline-block popover is-popover-{{position}}\" [class.is-popover-active]=\"active\">\n  <ng-content></ng-content>\n\n  <div class=\"popover-content\">\n\n    <ng-template\n      [ngTemplateOutlet]=\"content || ct\"\n      [ngTemplateOutletContext]=\"{message: message, data: data}\"\n    ></ng-template>\n\n    <footer>\n      <ng-content select=\"[actions]\"></ng-content>\n      <button class=\"button is-small\" (click)=\"$event.stopPropagation(); active = false\">\n        <span i18n=\"@@cancel\">Close</span>\n      </button>\n    </footer>\n  </div>\n</div>\n\n<ng-template #ct>\n  <p class=\"mb-2 is-pre-wrap\" [innerHtml]=\"message\"></p>\n</ng-template>\n", styles: [":host{cursor:pointer;display:block}.popover{position:relative;display:inline-block}.popover .popover-content{z-index:99999;position:absolute;display:none;font-size:.75rem;padding:.4rem .8rem;color:#4a4a4a;background-color:#fff;border-radius:4px;box-shadow:0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a;width:max-content;max-width:24rem}.popover .popover-content:before{position:absolute;content:\"\";border-style:solid;pointer-events:none;height:0;width:0;top:100%;left:50%;border-color:transparent;border-bottom-color:#fff;border-left-color:#fff;border-width:.4rem;margin-left:-.4rem;margin-top:-.4rem;transform-origin:center;box-shadow:-1px 1px 2px #0a0a0a33}.popover .popover-content{top:auto!important;bottom:100%!important;left:50%!important;right:auto!important;transform:translate(-50%,-.7rem)!important}.popover .popover-content:before{top:100%!important;bottom:auto!important;left:50%!important;right:auto!important;transform:rotate(-45deg)}.popover.is-popover-right .popover-content{top:auto!important;bottom:50%!important;left:100%!important;right:auto!important;transform:translate(.7rem,50%)!important}.popover.is-popover-right .popover-content:before{top:50%!important;bottom:auto!important;left:0!important;right:auto!important;transform:rotate(45deg)}.popover.is-popover-bottom .popover-content{top:100%!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%,.7rem)!important}.popover.is-popover-bottom .popover-content:before{top:0!important;bottom:auto!important;left:50%!important;right:auto!important;transform:rotate(135deg)}.popover.is-popover-left .popover-content{top:auto!important;bottom:50%!important;left:auto!important;right:100%!important;transform:translate(-.7rem,50%)!important}.popover.is-popover-left .popover-content:before{top:50%!important;bottom:auto!important;left:100%!important;right:auto!important;transform:rotate(-135deg)}.popover.is-popover-active .popover-content,.popover.is-popover-hover:hover .popover-content,.popover .popover-trigger:focus~.popover-content{display:block}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    PopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverComponent, selector: "he-popover", inputs: { message: "message", content: "content", data: "data", position: "position" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0__namespace, template: "<div class=\"is-inline-block popover is-popover-{{position}}\" [class.is-popover-active]=\"active\">\n  <ng-content></ng-content>\n\n  <div class=\"popover-content\">\n\n    <ng-template\n      [ngTemplateOutlet]=\"content || ct\"\n      [ngTemplateOutletContext]=\"{message: message, data: data}\"\n    ></ng-template>\n\n    <footer>\n      <ng-content select=\"[actions]\"></ng-content>\n      <button class=\"button is-small\" (click)=\"$event.stopPropagation(); active = false\">\n        <span>Close</span>\n      </button>\n    </footer>\n  </div>\n</div>\n\n<ng-template #ct>\n  <p class=\"mb-2 is-pre-wrap\" [innerHtml]=\"message\"></p>\n</ng-template>\n", styles: [":host{cursor:pointer;display:block}.popover{position:relative;display:inline-block}.popover .popover-content{z-index:99999;position:absolute;display:none;font-size:.75rem;padding:.4rem .8rem;color:#4a4a4a;background-color:#fff;border-radius:4px;box-shadow:0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a;width:max-content;max-width:24rem}.popover .popover-content:before{position:absolute;content:\"\";border-style:solid;pointer-events:none;height:0;width:0;top:100%;left:50%;border-color:transparent;border-bottom-color:#fff;border-left-color:#fff;border-width:.4rem;margin-left:-.4rem;margin-top:-.4rem;transform-origin:center;box-shadow:-1px 1px 2px #0a0a0a33}.popover .popover-content{top:auto!important;bottom:100%!important;left:50%!important;right:auto!important;transform:translate(-50%,-.7rem)!important}.popover .popover-content:before{top:100%!important;bottom:auto!important;left:50%!important;right:auto!important;transform:rotate(-45deg)}.popover.is-popover-right .popover-content{top:auto!important;bottom:50%!important;left:100%!important;right:auto!important;transform:translate(.7rem,50%)!important}.popover.is-popover-right .popover-content:before{top:50%!important;bottom:auto!important;left:0!important;right:auto!important;transform:rotate(45deg)}.popover.is-popover-bottom .popover-content{top:100%!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%,.7rem)!important}.popover.is-popover-bottom .popover-content:before{top:0!important;bottom:auto!important;left:50%!important;right:auto!important;transform:rotate(135deg)}.popover.is-popover-left .popover-content{top:auto!important;bottom:50%!important;left:auto!important;right:100%!important;transform:translate(-.7rem,50%)!important}.popover.is-popover-left .popover-content:before{top:50%!important;bottom:auto!important;left:100%!important;right:auto!important;transform:rotate(-135deg)}.popover.is-popover-active .popover-content,.popover.is-popover-hover:hover .popover-content,.popover .popover-trigger:focus~.popover-content{display:block}\n"], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PopoverComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2193,7 +1859,7 @@
         return PopoverConfirmComponent;
     }());
     PopoverConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PopoverConfirmComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PopoverConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: { message: "message", content: "content", position: "position", popoverClass: "popoverClass" }, outputs: { confirmed: "confirmed" }, viewQueries: [{ propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0__namespace, template: "<he-popover [message]=\"message\" [content]=\"content\" [data]=\"data\" [position]=\"position\" [class]=\"popoverClass\">\n  <ng-content></ng-content>\n\n  <ng-container actions>\n    <button class=\"button is-small is-primary mr-2\" (click)=\"$event.stopPropagation(); confirm()\">\n      <span i18n=\"@@confirm\">Confirm</span>\n    </button>\n  </ng-container>\n</he-popover>\n", styles: ["he-popover{height:100%;width:100%}\n"], components: [{ type: PopoverComponent, selector: "he-popover", inputs: ["message", "content", "data", "position"] }] });
+    PopoverConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: { message: "message", content: "content", position: "position", popoverClass: "popoverClass" }, outputs: { confirmed: "confirmed" }, viewQueries: [{ propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0__namespace, template: "<he-popover [message]=\"message\" [content]=\"content\" [data]=\"data\" [position]=\"position\" [class]=\"popoverClass\">\n  <ng-content></ng-content>\n\n  <ng-container actions>\n    <button class=\"button is-small is-primary mr-2\" (click)=\"$event.stopPropagation(); confirm()\">\n      <span>Confirm</span>\n    </button>\n  </ng-container>\n</he-popover>\n", styles: ["he-popover{height:100%;width:100%}\n"], components: [{ type: PopoverComponent, selector: "he-popover", inputs: ["message", "content", "data", "position"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PopoverConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2346,11 +2012,11 @@
                 }] } });
 
     var toastId = 0;
-    var ToastService = /** @class */ (function () {
-        function ToastService() {
+    var HeToastService = /** @class */ (function () {
+        function HeToastService() {
             this.toasts = new rxjs.ReplaySubject(1);
         }
-        ToastService.prototype.success = function (message, duration) {
+        HeToastService.prototype.success = function (message, duration) {
             if (duration === void 0) { duration = 3000; }
             this.toasts.next({
                 id: ++toastId,
@@ -2360,7 +2026,7 @@
                 showRawMessage: true
             });
         };
-        ToastService.prototype.error = function (message, showRawMessage, duration) {
+        HeToastService.prototype.error = function (message, showRawMessage, duration) {
             if (showRawMessage === void 0) { showRawMessage = true; }
             if (duration === void 0) { duration = 3000; }
             this.toasts.next({
@@ -2371,11 +2037,11 @@
                 showRawMessage: showRawMessage
             });
         };
-        return ToastService;
+        return HeToastService;
     }());
-    ToastService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ToastService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastService, decorators: [{
+    HeToastService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeToastService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
@@ -2407,7 +2073,7 @@
         };
         return ToastComponent;
     }());
-    ToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, deps: [{ token: ToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, deps: [{ token: HeToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     ToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, decorators: [{
                 type: i0.Component,
@@ -2416,7 +2082,7 @@
                         templateUrl: './toast.component.html',
                         styleUrls: ['./toast.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: ToastService }]; } });
+            }], ctorParameters: function () { return [{ type: HeToastService }]; } });
 
     var KeysPipe = /** @class */ (function () {
         function KeysPipe() {
@@ -2900,6 +2566,249 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
 
+    var _a$3, _b, _c, _d$1, _e;
+    var searchableTypes = [
+        schema.NodeType.Cycle,
+        schema.NodeType.Source
+    ];
+    var serializeSearchFilters = function (filters) { return Object.keys(filters || {})
+        .filter(function (key) { return filters[key].length; })
+        .map(function (key) { return key + "=" + filters[key].filter(Boolean).join('|'); })
+        .join(';'); };
+    var deserializeSearchFilters = function (filters) { return (filters || '').split(';').reduce(function (prev, curr) {
+        var _a = __read(curr.split('='), 2), key = _a[0], values = _a[1];
+        prev[key] = (values || '').split('|').filter(Boolean);
+        return prev;
+    }, {}); };
+    var matchType = function (type) { return Object.freeze({
+        match: { '@type': type }
+    }); };
+    var matchTermType = function (termType) { return Object.freeze({
+        match: { termType: termType }
+    }); };
+    var matchRegex = function (key, value) {
+        var _a;
+        return Object.freeze({
+            regexp: (_a = {}, _a[key] = { value: value.toString() }, _a)
+        });
+    };
+    var matchQuery = function (key, value, boost) {
+        var _a;
+        return Object.freeze({
+            match: (_a = {},
+                _a[key] = Object.assign({ query: value }, (boost ? { boost: boost } : {})),
+                _a)
+        });
+    };
+    var matchExactQuery = function (key, value, boost) { return matchQuery(key + ".keyword", value, boost); };
+    var matchNameNormalized = function (query, boost) {
+        if (boost === void 0) { boost = 20; }
+        return Object.freeze({
+            match: { nameNormalized: { query: query, boost: boost } }
+        });
+    };
+    var numberGte = function (key, value) {
+        var _a;
+        return Object.freeze({
+            range: (_a = {}, _a[key] = { gte: value }, _a)
+        });
+    };
+    var multiMatchQuery = function (query, fields, type, boost, analyzer) {
+        if (type === void 0) { type = 'best_fields'; }
+        return Object.freeze({
+            multi_match: Object.assign(Object.assign({ query: query, fields: fields, type: type }, (boost ? { boost: boost } : {})), (analyzer ? { analyzer: analyzer } : {}))
+        });
+    };
+    var matchPhraseQuery = function (query, boost) {
+        var fields = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            fields[_i - 2] = arguments[_i];
+        }
+        return fields.length ? multiMatchQuery(query, fields, 'phrase', boost) : matchExactQuery('name', query, boost);
+    };
+    var matchPhrasePrefixQuery = function (query, boost) {
+        if (boost === void 0) { boost = 2; }
+        var fields = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            fields[_i - 2] = arguments[_i];
+        }
+        return fields.length ?
+            multiMatchQuery(query, fields, 'phrase_prefix', boost) :
+            Object.freeze({
+                match_phrase_prefix: {
+                    nameSearchAsYouType: {
+                        query: query,
+                        boost: boost
+                    }
+                }
+            });
+    };
+    var matchBoolPrefixQuery = function (query, boost) {
+        if (boost === void 0) { boost = 1; }
+        var fields = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            fields[_i - 2] = arguments[_i];
+        }
+        return fields.length ?
+            multiMatchQuery(query, fields, 'bool_prefix', boost) :
+            Object.freeze({
+                match_bool_prefix: {
+                    name: {
+                        query: query,
+                        boost: boost
+                    }
+                }
+            });
+    };
+    var wildcardQuery = function (query, boost) {
+        if (boost === void 0) { boost = 3; }
+        var fields = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            fields[_i - 2] = arguments[_i];
+        }
+        return Object.freeze({
+            simple_query_string: {
+                query: "*" + query + "*",
+                fields: fields,
+                analyze_wildcard: true,
+                boost: boost
+            }
+        });
+    };
+    var matchCountryLevel = { match: { gadmLevel: 0 } };
+    var matchGlobalRegion = { regexp: { '@id': 'region-*' } };
+    var matchCountry = Object.freeze({
+        bool: {
+            should: [
+                matchCountryLevel,
+                matchGlobalRegion
+            ],
+            minimum_should_match: 1
+        }
+    });
+    var countriesQuery = Object.freeze({
+        bool: {
+            must: [
+                matchType(schema.NodeType.Term),
+                matchTermType(schema.TermTermType.region),
+                matchCountryLevel
+            ]
+        }
+    });
+    var allCountriesQuery = Object.freeze({
+        bool: Object.assign({ must: [
+                matchType(schema.NodeType.Term),
+                matchTermType(schema.TermTermType.region)
+            ] }, matchCountry.bool)
+    });
+    var matchRegion = numberGte('gadmLevel', 1);
+    var regionsQuery = Object.freeze({
+        bool: {
+            must: [
+                matchType(schema.NodeType.Term),
+                matchTermType(schema.TermTermType.region),
+                matchRegion
+            ]
+        }
+    });
+    var worldRegion = Object.freeze({
+        '@id': 'region-world',
+        name: 'World'
+    });
+    var cropsQuery = Object.freeze({
+        bool: {
+            must: [
+                matchType(schema.NodeType.Term),
+                matchTermType(schema.TermTermType.crop)
+            ]
+        }
+    });
+    var matchAggregatedQuery = matchQuery('aggregated', true);
+    var isNestedKey = function (key) { return schema.nestedSearchableKeys.includes(key.split('.')[0]); };
+    var matchNestedKey = function (key, query) { return isNestedKey(key) ? {
+        nested: { path: key.split('.')[0], query: query }
+    } : query; };
+    /**
+     * List of fields to return in the search results.
+     */
+    var searchResultsFields = Object.freeze((_a$3 = {},
+        _a$3[schema.NodeType.Cycle] = [
+            'description', 'dataDescription', 'endDate',
+            'emissionsCount', 'inputsCount', 'productsCount',
+            'site.location', 'site.country.name', 'site.region.name'
+        ],
+        _a$3[schema.NodeType.Source] = ['bibliography.title', 'bibliography.documentDOI'],
+        _a$3[schema.NodeType.ImpactAssessment] = ['emissionsResourceUseCount', 'impactsCount', 'country.name'],
+        _a$3));
+    /**
+     * List of fields to search in.
+     */
+    var searchFields = Object.freeze((_b = {},
+        _b[schema.NodeType.Cycle] = ['name', 'description', 'dataDescription'],
+        _b[schema.NodeType.Source] = ['name', 'bibliography.title'],
+        _b[schema.NodeType.ImpactAssessment] = ['name', 'product.name', 'country.name'],
+        _b));
+    var searchFieldsNested = Object.freeze((_c = {},
+        _c[schema.NodeType.Cycle] = [
+            'inputs.term.name',
+            'emissions.term.name',
+            'practices.term.name'
+        ],
+        _c[schema.NodeType.Source] = [],
+        _c[schema.NodeType.ImpactAssessment] = [
+            'emissionsResourceUse.term.name',
+            'impacts.term.name'
+        ],
+        _c));
+    /**
+     * Specific strict queries per type.
+     */
+    var searchQueries = (_d$1 = {},
+        _d$1[schema.NodeType.Cycle] = { must: [], must_not: [matchAggregatedQuery] },
+        _d$1[schema.NodeType.Source] = { must: [], must_not: [matchAggregatedQuery] },
+        _d$1);
+    var searchFiltersKeys = (_e = {},
+        _e[schema.NodeType.Cycle] = function (key) { return key; },
+        _e[schema.NodeType.Source] = function (key) { return key; },
+        _e);
+    /* eslint-disable complexity */
+    var searchQuery = function (type, query, filters, aggregated) {
+        var boolQuery = (Object.assign(Object.assign({ must: [
+                matchType(type),
+                aggregated ? matchAggregatedQuery : null
+            ].filter(Boolean) }, (query ? {
+            should: __spreadArray([
+                matchPhraseQuery.apply(void 0, __spreadArray([query, 100], __read(searchFields[type]))),
+                matchPhrasePrefixQuery.apply(void 0, __spreadArray([query, 20], __read(searchFields[type]))),
+                matchBoolPrefixQuery.apply(void 0, __spreadArray([query, 10], __read(searchFields[type])))
+            ], __read(searchFieldsNested[type].map(function (field) { return matchNestedKey(field, matchBoolPrefixQuery(query, 1, field)); }))),
+            minimum_should_match: 1
+        } : {})), { must_not: [
+                aggregated ? null : matchAggregatedQuery
+            ].filter(Boolean) }));
+        var keys = Object.keys(filters || {}).filter(function (key) { return filters[key].length; });
+        return {
+            bool: keys.length ? {
+                must: keys.map(function (key) {
+                    var filterKey = searchFiltersKeys[type](key);
+                    return {
+                        bool: {
+                            should: filters[key]
+                                .map(function (value) { return matchNestedKey(filterKey, matchExactQuery(filterKey, value)); })
+                                .map(function (must) {
+                                var localQuery = JSON.parse(JSON.stringify(boolQuery));
+                                localQuery.must.push(must);
+                                return { bool: localQuery };
+                            }),
+                            minimum_should_match: 1
+                        }
+                    };
+                })
+            } : boolQuery
+        };
+    };
+    /* eslint-enable complexity */
+
     var emptySearchResult = function () { return ({
         time: 0,
         count: 0,
@@ -3090,7 +2999,7 @@
         return BibliographiesSearchConfirmComponent;
     }());
     BibliographiesSearchConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BibliographiesSearchConfirmComponent, deps: [{ token: i1__namespace$4.FormBuilder }, { token: HeMendeleyService }, { token: HeSearchService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BibliographiesSearchConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: { search: "search", searchSources: "searchSources", searchBibliographies: "searchBibliographies", searchBy: "searchBy" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Search Bibliographies</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"cancel()\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <form [formGroup]=\"formGroup\" novalidate>\n        <div class=\"field has-addons\">\n          <div class=\"control is-expanded has-icons-right\">\n            <input class=\"input search-input\"\n              [attr.placeholder]=\"'Search bibliography by ' + searchBy\"\n              formControlName=\"search\" name=\"randomname\" autocomplete=\"off\"\n              (focus)=\"searchFocus($event)\"\n            >\n            <a class=\"icon is-small is-right\" (click)=\"!loading && resetSearch()\" [ngSwitch]=\"loading\">\n              <fa-icon *ngSwitchCase=\"true\" icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n              <fa-icon *ngSwitchCase=\"false\" icon=\"times\"></fa-icon>\n            </a>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"mt-2\">\n        <span i18n=\"@@bibliographies.search.empty\" [class.is-hidden]=\"loading || !searchControl?.value || hasResults\">\n          No bibliographies found matching query.\n        </span>\n\n        <ul>\n          <li *ngFor=\"let result of results | async\">\n            <a class=\"is-block p-1 search-result\" (click)=\"selectResult(result)\"\n              [class.is-active]=\"selectedResult === result\"\n            >\n              <ngb-highlight\n                [result]=\"result.bibliography ? result.bibliography.title : result.title\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span class=\"px-1\">-</span>\n\n              <span class=\"px-1\"><i>{{result.name}}</i></span>\n\n              <span class=\"px-1\"\n                *ngIf=\"result.bibliography?.documentDOI || result.documentDOI\"\n              >- <b>documentDOI:</b>\n              </span>\n              <ngb-highlight\n                [result]=\"result.bibliography ? result.bibliography.documentDOI : result.documentDOI\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span class=\"px-1\"\n                *ngIf=\"result.bibliography?.scopus || result.scopus\"\n              >- <b>scopus:</b>\n              </span>\n              <ngb-highlight\n                [result]=\"result.bibliography?.scopus || result.scopus\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span>\n                <ng-container *ngTemplateOutlet=\"mendeleyLink; context: {$implicit: result.bibliography ? result.bibliography.mendeleyID : result.mendeleyID}\"></ng-container>\n              </span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\" [disabled]=\"!selectedResult\">\n        <span i18n=\"@@confirm\">Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"cancel()\">\n        <span i18n=\"@@close\">Close</span>\n      </button>\n    </footer>\n  </div>\n</div>\n\n<ng-template #mendeleyLink let-id>\n  <a *ngIf=\"id\" [href]=\"'https://www.mendeley.com/catalogue/' + id\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: ["ngb-highlight,span{vertical-align:middle;white-space:normal;width:auto}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$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: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i3__namespace.AsyncPipe } });
+    BibliographiesSearchConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: { search: "search", searchSources: "searchSources", searchBibliographies: "searchBibliographies", searchBy: "searchBy" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Search Bibliographies</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"cancel()\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <form [formGroup]=\"formGroup\" novalidate>\n        <div class=\"field has-addons\">\n          <div class=\"control is-expanded has-icons-right\">\n            <input class=\"input search-input\"\n              [attr.placeholder]=\"'Search bibliography by ' + searchBy\"\n              formControlName=\"search\" name=\"randomname\" autocomplete=\"off\"\n              (focus)=\"searchFocus($event)\"\n            >\n            <a class=\"icon is-small is-right\" (click)=\"!loading && resetSearch()\" [ngSwitch]=\"loading\">\n              <fa-icon *ngSwitchCase=\"true\" icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n              <fa-icon *ngSwitchCase=\"false\" icon=\"times\"></fa-icon>\n            </a>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"mt-2\">\n        <span [class.is-hidden]=\"loading || !searchControl?.value || hasResults\">\n          No bibliographies found matching query.\n        </span>\n\n        <ul>\n          <li *ngFor=\"let result of results | async\">\n            <a class=\"is-block p-1 search-result\" (click)=\"selectResult(result)\"\n              [class.is-active]=\"selectedResult === result\"\n            >\n              <ngb-highlight\n                [result]=\"result.bibliography ? result.bibliography.title : result.title\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span class=\"px-1\">-</span>\n\n              <span class=\"px-1\"><i>{{result.name}}</i></span>\n\n              <span class=\"px-1\"\n                *ngIf=\"result.bibliography?.documentDOI || result.documentDOI\"\n              >- <b>documentDOI:</b>\n              </span>\n              <ngb-highlight\n                [result]=\"result.bibliography ? result.bibliography.documentDOI : result.documentDOI\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span class=\"px-1\"\n                *ngIf=\"result.bibliography?.scopus || result.scopus\"\n              >- <b>scopus:</b>\n              </span>\n              <ngb-highlight\n                [result]=\"result.bibliography?.scopus || result.scopus\"\n                [term]=\"searchControl?.value\"\n              ></ngb-highlight>\n\n              <span>\n                <ng-container *ngTemplateOutlet=\"mendeleyLink; context: {$implicit: result.bibliography ? result.bibliography.mendeleyID : result.mendeleyID}\"></ng-container>\n              </span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\" [disabled]=\"!selectedResult\">\n        <span>Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"cancel()\">\n        <span>Close</span>\n      </button>\n    </footer>\n  </div>\n</div>\n\n<ng-template #mendeleyLink let-id>\n  <a *ngIf=\"id\" [href]=\"'https://www.mendeley.com/catalogue/' + id\" target=\"_blank\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: ["ngb-highlight,span{vertical-align:middle;white-space:normal;width:auto}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$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: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BibliographiesSearchConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3190,6 +3099,14 @@
         emptyFieldValue: ''
     }); };
 
+    var primaryProduct = function (_a) {
+        var products = _a.products;
+        return (products || []).find(function (_a) {
+            var primary = _a.primary;
+            return primary;
+        });
+    };
+
     var _a$1;
     var linkTypeEnabled = function (type) { return [
         schema.NodeType.Cycle,
@@ -3587,7 +3504,7 @@
         return NodeCsvExportConfirmComponent;
     }());
     NodeCsvExportConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, deps: [{ token: i1__namespace$3.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NodeCsvExportConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: { nodes: "nodes", filename: "filename", headerKeys: "headerKeys", extension: "extension", isUpload: "isUpload" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <div class=\"notification is-info\" role=\"alert\" *ngIf=\"isUpload\">\n        <span i18n=\"@@files.export.notice-1\">After Download, you can edit and</span>\n        <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n        <span i18n=\"@@files.export.notice-2\">to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n\n        <p>\n          <span>Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and selecting the exported file.</span>\n        </p>\n      </div>\n\n      <ng-container *ngIf=\"!isUpload && includedNodes.length > 1\">\n        <p class=\"mb-2\">\n          <b>{{includedNodes.length}}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes = !showIncludeNodes\">\n            <ng-container *ngIf=\"!showIncludeNodes\">Show list</ng-container>\n            <ng-container *ngIf=\"showIncludeNodes\">Hide list</ng-container>\n          </a>\n        </p>\n\n        <div class=\"table-container\" *ngIf=\"showIncludeNodes\">\n          <table class=\"table is-fullwidth is-hoverable mb-0\">\n            <thead class=\"has-background-black\">\n              <tr>\n                <th>\n                  <span class=\"has-text-white\" i18n=\"@@files.export.confirm.@type\">@type</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\" i18n=\"@@files.export.confirm.@id\">@id</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\" i18n=\"@@files.export.confirm.name\">Name</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let node of includedNodes\">\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@type']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@id']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node.name}}</span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </ng-container>\n\n      <he-node-csv-select-headers [class.is-hidden]=\"isUpload\"\n        [csv]=\"csvData\" [keys]=\"headerKeys\" [includeDefaultCSV]=\"isUpload\"\n        (headersChanged)=\"headersUpdated($event)\"\n      ></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a class=\"button is-success\" target=\"_blank\"\n        [attr.disabled]=\"csvContent ? null : true\"\n        [href]=\"csvContent\"\n        [attr.download]=\"csvContent ? downloadFilename : null\"\n        (click)=\"closed.next(true)\"\n      >\n        <fa-icon class=\"mr-2\" icon=\"download\"></fa-icon>\n        <span i18n=\"@@files.export.confirm\">Download CSV</span>\n      </a>\n      <button class=\"button\" (click)=\"closed.next(true)\">\n        <span i18n=\"@@cancel\">Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], components: [{ type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { type: i1__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }] });
+    NodeCsvExportConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: { nodes: "nodes", filename: "filename", headerKeys: "headerKeys", extension: "extension", isUpload: "isUpload" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <div class=\"notification is-info\" role=\"alert\" *ngIf=\"isUpload\">\n        <span>After Download, you can edit and</span>\n        <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n        <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n\n        <p>\n          <span>Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and selecting the exported file.</span>\n        </p>\n      </div>\n\n      <ng-container *ngIf=\"!isUpload && includedNodes.length > 1\">\n        <p class=\"mb-2\">\n          <b>{{includedNodes.length}}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes = !showIncludeNodes\">\n            <ng-container *ngIf=\"!showIncludeNodes\">Show list</ng-container>\n            <ng-container *ngIf=\"showIncludeNodes\">Hide list</ng-container>\n          </a>\n        </p>\n\n        <div class=\"table-container\" *ngIf=\"showIncludeNodes\">\n          <table class=\"table is-fullwidth is-hoverable mb-0\">\n            <thead class=\"has-background-black\">\n              <tr>\n                <th>\n                  <span class=\"has-text-white\">@type</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\">@id</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\">Name</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let node of includedNodes\">\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@type']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@id']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node.name}}</span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </ng-container>\n\n      <he-node-csv-select-headers [class.is-hidden]=\"isUpload\"\n        [csv]=\"csvData\" [keys]=\"headerKeys\" [includeDefaultCSV]=\"isUpload\"\n        (headersChanged)=\"headersUpdated($event)\"\n      ></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a class=\"button is-success\" target=\"_blank\"\n        [attr.disabled]=\"csvContent ? null : true\"\n        [href]=\"csvContent\"\n        [attr.download]=\"csvContent ? downloadFilename : null\"\n        (click)=\"closed.next(true)\"\n      >\n        <fa-icon class=\"mr-2\" icon=\"download\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button\" (click)=\"closed.next(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], components: [{ type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { type: i1__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6532,7 +6449,7 @@
         return FilesFormComponent;
     }());
     FilesFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FilesFormComponent, deps: [{ token: i0__namespace.ElementRef }, { token: HeSearchService }, { token: HeUsersService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FilesFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilesFormComponent, selector: "he-files-form", inputs: { schemas: "schemas", errors: "errors", node: "node", nodeMap: "nodeMap", editable: "editable", errorMode: "errorMode", deepEditable: "deepEditable", errorsEditable: "errorsEditable" }, outputs: { nodeChange: "nodeChange", nodeErorrResolved: "nodeErorrResolved", nodeErrorAdded: "nodeErrorAdded" }, ngImport: i0__namespace, template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen = !isOpen\" pointer>\n    <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!isOpen\"></fa-icon>\n    <fa-icon icon=\"angle-right\" [class.is-hidden]=\"isOpen\"></fa-icon>\n    <span *ngIf=\"nodeProperty\" class=\"is-px-2\"\n      [class.has-text-danger]=\"nodeProperty.hasError\"\n      [class.has-text-warning]=\"nodeProperty.hasWarning\"\n    >\n      <he-node-icon [type]=\"nodeProperty.schemaType\"></he-node-icon>\n    </span>\n  </div>\n\n  <ng-container *ngIf=\"editable && isOpen && nodeProperty\">\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: nodeProperty}\"></ng-container>\n  </ng-container>\n\n  <div class=\"card-content\">\n    <ng-container *ngIf=\"isOpen\">\n      <div class=\"pb-3 mb-2\" *ngIf=\"errorsEditable\">\n        <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: nodeProperty}\"></ng-container>\n      </div>\n\n      <div class=\"mb-4\" *ngIf=\"nodeProperty?.error\">\n        <ng-container *ngTemplateOutlet=\"propertyError; context: {property: nodeProperty, edit: true}\"></ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"columns is-multiline\">\n      <ng-container *ngFor=\"let property of properties; trackBy: trackByProperty\">\n        <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"isOpen\">\n      <ng-container *ngTemplateOutlet=\"propertyMap; context: {$implicit: nodeProperty}\"></ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<he-maps-drawing-confirm *ngIf=\"!!mapDrawingProperty\"\n  [value]=\"mapDrawingProperty.value\" [modes]=\"mapDrawingModes(mapDrawingProperty)\"\n  (closed)=\"onMapDrawingClosed($event)\"\n></he-maps-drawing-confirm>\n\n<he-bibliographies-search-confirm *ngIf=\"!!bibliographiesSearchProperty\"\n  [search]=\"bibliographiesSearchProperty.value\"\n  [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty)\"\n  [searchSources]=\"bibliographiesSearchSources\"\n  (closed)=\"onBibliographiesSearchClosed($event)\"\n></he-bibliographies-search-confirm>\n\n<ng-template #labelDescription let-property>\n  <span\n    class=\"trigger-popover\"\n    [ngbPopover]=\"property.schema?.description\" [autoClose]=\"'outside'\"\n    triggers=\"hover\" placement=\"right\" container=\"body\"\n  >\n    <span>{{property.key}}</span>\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{property.key}}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  <ng-container *ngIf=\"(isOpen || property.closedVisible) && !property.isHidden\">\n    <div class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\"\n      [ngSwitch]=\"!!property.properties.length\"\n    >\n      <div class=\"columns is-multiline is-variable is-1\" *ngSwitchCase=\"false\">\n        <div class=\"column is-3 py-1\" *ngIf=\"property.key\">\n          <label class=\"label has-text-right-tablet has-text-ellipsis\"\n            *bindOnce=\"property\"\n            [for]=\"property.id\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"property.schema?.description && editable && property.editable ? labelDescription : labelDefault; context: {$implicit: property}\">\n            </ng-container>\n          </label>\n        </div>\n\n        <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n          <div class=\"field\">\n            <ng-container *ngTemplateOutlet=\"inputForm; context: {$implicit: property}\"></ng-container>\n\n            <ng-container *ngIf=\"(editable || errorsEditable) && (property.hasError || property.hasWarning)\">\n              <ng-container *ngTemplateOutlet=\"propertyError; context: {property: property, edit: false}\"></ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"panel\" *ngSwitchCase=\"true\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\"\n      >\n        <div class=\"open-group panel-heading py-0\"\n          (click)=\"property.isOpen = !property.isOpen\" pointer\n          [class.is-open]=\"property.isOpen\"\n          [class.has-text-white]=\"(errorMode && property.changed) || property.hasError || property.hasWarning\"\n        >\n          <div class=\"columns is-mobile is-vcentered\">\n            <span class=\"column is-narrow py-1 my-0\">\n              <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!property.isOpen\"></fa-icon>\n              <fa-icon icon=\"angle-right\" [class.is-hidden]=\"property.isOpen\"></fa-icon>\n            </span>\n            <span class=\"column py-1 my-0\">\n              <span class=\"is-size-6\">{{property.key}}</span>\n            </span>\n            <span *ngIf=\"property.schemaType\" class=\"column is-narrow py-1 my-0\">\n              <span class=\"tags mb-0 has-addons\">\n                <span class=\"tag mb-0 is-light\">Type</span>\n                <span class=\"tag mb-0 is-white\">\n                  <he-schema-version-link linkClass=\"is-small\" [node]=\"{'@type': property.schemaType}\">\n                    <span>{{property.schemaType}}</span>\n                  </he-schema-version-link>\n                </span>\n              </span>\n            </span>\n            <he-popover-confirm class=\"column is-narrow py-1 my-0 px-0\"\n              *ngIf=\"editable && !errorsEditable\"\n              ngbTooltip=\"Remove group\" placement=\"top\"\n              [message]=\"'<p>This will remove the group completely.</p>' + (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') + '<p>Do you confirm?</p>'\"\n              popoverClass=\"px-3\"\n              (confirmed)=\"propertyChanged(null, property)\"\n            >\n              <fa-icon icon=\"times\" size=\"sm\"></fa-icon>\n            </he-popover-confirm>\n          </div>\n        </div>\n        <div class=\"panel-block is-block p-0\" *ngIf=\"property.isOpen\">\n          <ng-container [ngSwitch]=\"property.isArray\">\n            <div class=\"px-3 pt-4\" *ngIf=\"property.error\">\n              <ng-container *ngTemplateOutlet=\"propertyError; context: {property: property, edit: true}\"></ng-container>\n            </div>\n\n            <div class=\"mt-3\" *ngSwitchCase=\"false\">\n              <p class=\"help py-1 px-2\" *ngIf=\"editable && !property.editable\">\n                To change the {{property.key}}, please delete it first, then add the field again\n              </p>\n              <ng-container *ngIf=\"editable && property.editable\">\n                <ng-container [ngSwitch]=\"property.schema?.title\">\n                  <p class=\"help py-1 px-2\" *ngSwitchCase=\"'Bibliography'\">\n                    Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                  </p>\n                </ng-container>\n              </ng-container>\n\n              <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: property}\"></ng-container>\n\n              <div class=\"px-3 mt-1\" *ngIf=\"errorsEditable\">\n                <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: property}\"></ng-container>\n              </div>\n\n              <div class=\"property-group py-2 px-3 mt-2\">\n                <div class=\"columns is-multiline mb-0\">\n                  <ng-container *ngFor=\"let prop2 of property.properties; trackBy: trackByProperty\">\n                    <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: prop2}\"></ng-container>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"py-2 px-3 mt-2\" *ngSwitchCase=\"true\">\n              <div class=\"mt-1\" *ngIf=\"errorsEditable\">\n                <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: property}\"></ng-container>\n              </div>\n\n              <ng-container *ngFor=\"let prop2 of property.properties; trackBy: trackByProperty\">\n                <div class=\"card p-0 my-4\" *ngIf=\"prop2.key\"\n                  [id]=\"prop2.fullKey + '_' + prop2.id\"\n                >\n                  <div class=\"property-array-number\">\n                    <div class=\"tags has-addons\">\n                      <span class=\"tag is-dark\">{{prop2.key}}</span>\n                      <ng-container *ngIf=\"editable && !errorsEditable && property.editable\">\n                        <span class=\"tag is-info\" pointer\n                          (click)=\"duplicateArrayGroup(property, prop2)\"\n                          [ngbTooltip]=\"'Duplicate ' + pluralize(property.key, 1)\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"clone\" size=\"sm\"></fa-icon>\n                        </span>\n                        <span class=\"tag is-light\" pointer\n                          *ngIf=\"prop2.key !== '0'\"\n                          (click)=\"moveArrayGroupUp(property, prop2)\"\n                          ngbTooltip=\"Move Up\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"long-arrow-alt-up\" size=\"sm\"></fa-icon>\n                        </span>\n                        <span class=\"tag is-light\" pointer\n                          *ngIf=\"prop2.key !== property.properties.length - 1\"\n                          (click)=\"moveArrayGroupDown(property, prop2)\"\n                          ngbTooltip=\"Move Down\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"long-arrow-alt-down\" size=\"sm\"></fa-icon>\n                        </span>\n                        <he-popover-confirm class=\"tag is-delete\"\n                          [ngbTooltip]=\"'Remove ' + pluralize(property.key, 1)\" placement=\"top\"\n                          message=\"This will remove the group completely. Do you confirm?\" position=\"right\"\n                          (confirmed)=\"removeArrayGroup(property, prop2)\"\n                        ></he-popover-confirm>\n                      </ng-container>\n                    </div>\n                  </div>\n\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: prop2}\"></ng-container>\n\n                  <div class=\"px-4 mt-2\" *ngIf=\"errorsEditable\">\n                    <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: prop2}\"></ng-container>\n                  </div>\n\n                  <div class=\"px-4 mt-2\" *ngIf=\"prop2.error\">\n                    <ng-container *ngTemplateOutlet=\"propertyError; context: {property: prop2, edit: true}\"></ng-container>\n                  </div>\n\n                  <div class=\"property-group card-content p-3\">\n                    <div class=\"columns is-multiline my-0\">\n                      <ng-container *ngFor=\"let prop3 of prop2.properties; trackBy: trackByProperty\">\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: prop3}\"></ng-container>\n                      </ng-container>\n                    </div>\n                  </div>\n                </div>\n              </ng-container>\n\n              <button class=\"button is-dark is-outlined is-small\" type=\"button\"\n                *ngIf=\"editable && !errorsEditable\"\n                (click)=\"addArrayGroup(property)\"\n              >\n                <fa-icon icon=\"plus-circle\"></fa-icon>\n                <span class=\"pl-2\" i18n=\"@@add\">Add</span>\n                <span class=\"pl-1\">{{property.key | pluralize:1}}</span>\n              </button>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #inputForm let-property>\n  <ng-container *ngIf=\"property.key\">\n    <ng-container [ngSwitch]=\"property.suggestions?.type\">\n      <ng-container *ngSwitchCase=\"'select'\">\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <ng-container *ngTemplateOutlet=\"inputInput; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\"\n      [class.has-icons-right]=\"property.loading\"\n    >\n      <input class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n\n        [(ngModel)]=\"property.value\" #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!editable || !property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{enabled: editable && property.editable && property.schema?.type === 'array', items: property.schema?.items, delimiter: ';', allowDuplicates: true, placeholder: property.placeholder}\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n\n        [ngbTypeahead]=\"propertySuggest(property.fullKey, property.suggestions?.type)\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"editable && property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\"\n      >\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: {$implicit: property}\"></ng-container>\n  </div>\n  <p class=\"help is-danger-light\"\n    *ngIf=\"!property.hasError && propertyModel.invalid\"\n  >\n    <span *bindOnce=\"propertyModel.errors\" [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n  </p>\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n      >\n        <select\n          [(ngModel)]=\"property.value\" #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!editable || !property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\"\n        >\n          <option value=\"\">Select</option>\n          <ng-container *bindOnce=\"property.suggestions\">\n            <option *ngFor=\"let value of property.suggestions.values; trackBy: trackByIndex\" [value]=\"value\">{{value}}</option>\n          </ng-container>\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: {$implicit: property}\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  <div class=\"control\" *ngIf=\"!errorsEditable && !property.isRequired\">\n    <a class=\"button is-small\" title=\"Remove field\"\n      [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n      [class.is-danger]=\"!property.changed && property.hasError\"\n      [class.is-warning]=\"!property.changed && property.hasWarning\"\n      (click)=\"$event.stopPropagation(); propertyChanged(null, property)\"\n    >\n      <fa-icon icon=\"times\"></fa-icon>\n    </a>\n  </div>\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  <he-popover-confirm class=\"control\"\n    *ngIf=\"enableAddError(property)\"\n    position=\"left\"\n    [content]=\"popupErrorForm\"\n    (confirmed)=\"addError(property, $event)\"\n  >\n    <span class=\"button is-small\">\n      <fa-icon icon=\"comments\"></fa-icon>\n    </span>\n  </he-popover-confirm>\n\n  <ng-container *ngIf=\"editable && property.editable\">\n    <ng-container [ngSwitch]=\"property.schemaType\">\n      <ng-container *ngSwitchCase=\"SchemaType.Actor\">\n        <ng-container *ngTemplateOutlet=\"actorAddons; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"SchemaType.Cycle\">\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *bindOnce=\"property\">\n      <div class=\"control\" *ngIf=\"mapDrawingModes(property).length\">\n        <button class=\"button is-small\" title=\"Pick on Map\"\n          (click)=\"mapDrawingProperty = property\"\n        >\n          <fa-icon icon=\"map-marked-alt\"></fa-icon>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"bibliographiesSearchKey(property)\">\n        <button class=\"button is-small\" title=\"Advanced Search\"\n          (click)=\"bibliographiesSearchProperty = property\"\n        >\n          <fa-icon icon=\"search\"></fa-icon>\n        </button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: {$implicit: property}\"></ng-container>\n  </ng-container>\n  <div class=\"control\" *ngIf=\"addPropertyEnabled(property)\">\n    <a class=\"button is-small is-danger\" title=\"Add field\"\n      (click)=\"$event.stopPropagation(); addMissingProperty(property)\"\n    >\n      <fa-icon icon=\"plus-circle\"></fa-icon>\n      <span class=\"pl-2\" i18n=\"@@add\">Add</span>\n    </a>\n  </div>\n  <div class=\"control\" *ngIf=\"isRequired(property)\">\n    <label class=\"button is-small is-danger\" [for]=\"property.id\"\n      ngbTooltip=\"This field is required\" placement=\"top\"\n    >\n      <fa-icon icon=\"exclamation-triangle\"></fa-icon>\n    </label>\n  </div>\n  <ng-container *ngIf=\"property.externalUrl?.url\">\n    <div class=\"control\">\n      <a class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\n        [ngClass]=\"{'is-dark is-outlined': property.key === 'type'}\"\n        [attr.disabled]=\"property.externalUrl.urlParamValue && !property.value ? true : null\"\n      >\n        <fa-icon [icon]=\"property.externalUrl.icon || 'external-link-alt'\"></fa-icon>\n      </a>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"unitConverterEnabled(property)\">\n    <div class=\"control\">\n      <button class=\"button is-small\" title=\"Open calculator\"\n        [ngbPopover]=\"convertUnits\" autoClose=\"outside\"\n        triggers=\"manual\" #p=\"ngbPopover\" placement=\"bottom\" container=\"body\"\n        (click)=\"openUnitConverter(p, property)\"\n      >\n        <fa-icon icon=\"calculator\"></fa-icon>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #actorAddons let-property>\n  <div class=\"control\" *ngIf=\"property.key === '@id'\">\n    <button class=\"button is-small\" title=\"Add myself as Actor\"\n      (click)=\"setUserActorId(property)\"\n    >\n      <fa-icon [icon]=\"['far', 'id-badge']\"></fa-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  <div class=\"control\" *ngIf=\"property.key === 'cycleDuration'\">\n    <button class=\"button is-small\" title=\"Calculate value from startDate and endDate\"\n      (click)=\"calculateCycleDuration(property)\"\n      [disabled]=\"!calculateCycleDurationEnabled(property)\"\n    >\n      <fa-icon icon=\"calculator\"></fa-icon>\n    </button>\n  </div>\n  <div class=\"control\" *ngIf=\"property.key === 'startDate'\">\n    <button class=\"button is-small\" title=\"Calculate value from endDate and cycleDuration\"\n      (click)=\"calculateCycleStartDate(property)\"\n      [disabled]=\"!calculateCycleStartDateEnabled(property)\"\n    >\n      <fa-icon icon=\"calculator\"></fa-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  <header class=\"card-header\" *ngIf=\"editable && property.editable && (property.addPropertyEnabled || deepEditable); else padder\">\n    <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n      <div class=\"field is-horizontal\">\n        <div class=\"field-label is-small\">\n          <label class=\"label\" [for]=\"property.id + '_new'\">\n            <span i18n=\"@@files.form.newProperty\">Add new field</span>\n          </label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field has-addons\">\n            <div class=\"control is-expanded\">\n              <input class=\"input is-small\"\n                [(ngModel)]=\"property.newProperty\"\n                [id]=\"property.id + '_new'\"\n                name=\"randomname\"\n                placeholder=\"Search and select field from results\"\n\n                [ngbTypeahead]=\"suggestNewProperty(property.fullKey)\"\n                [resultTemplate]=\"suggestion\"\n                [inputFormatter]=\"formatter\"\n                [focusFirst]=\"false\"\n                [editable]=\"false\"\n                (focus)=\"typeaheadFocus($event)\"\n              >\n            </div>\n            <div class=\"control\">\n              <button class=\"button is-small\" type=\"submit\"\n                [disabled]=\"!property.newProperty || !property.newProperty.name\"\n              >\n                <fa-icon icon=\"plus\"></fa-icon>\n                <span class=\"pl-2\" i18n=\"@@add\">Add</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </header>\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\" let-edit=\"edit\">\n  <p class=\"help\"\n    [class.is-danger]=\"property.hasError\"\n    [class.is-warning]=\"property.hasWarning\"\n    *ngIf=\"property.error\"\n  >\n    <span class=\"is-pre-wrap\" *bindOnce=\"property.error\" [innerHTML]=\"property.error.message\"></span>\n    <a class=\"pl-2\"\n      *ngIf=\"edit && errorsEditable && property.error.index >= 0\"\n      (click)=\"editError(property)\"\n    >\n      <fa-icon class=\"pr-2\" icon=\"edit\"></fa-icon>\n      <span i18n=\"@@edit\">Edit</span>\n    </a>\n    <a class=\"pl-2\"\n      *ngIf=\"(property.hasWarning || errorsEditable) && property.error.index >= 0\"\n      (click)=\"resolveError(property)\"\n    >\n      <fa-icon class=\"pr-2\" icon=\"check\"></fa-icon>\n      <span i18n=\"@@resolved\">Resolved</span>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #propertyMap let-property>\n  <div class=\"panel is-default\" *ngIf=\"showMap\">\n    <div class=\"open-group panel-heading py-0\"\n      (click)=\"mapVisible = !mapVisible\" pointer\n      [class.is-open]=\"mapVisible\"\n    >\n      <div class=\"columns is-mobile is-vcentered mb-0\">\n        <span class=\"column is-narrow py-1 my-0\">\n          <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!mapVisible\"></fa-icon>\n          <fa-icon icon=\"angle-right\" [class.is-hidden]=\"mapVisible\"></fa-icon>\n        </span>\n        <span class=\"column py-1 my-0\">\n          <span class=\"is-size-6\">View on Map</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"panel-block is-block p-0\" [class.is-hidden]=\"!mapVisible\">\n      <he-sites-maps [sites]=\"[node]\" [showNotice]=\"false\"></he-sites-maps>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #nodeErrorForm let-property>\n  <ng-container *ngIf=\"property.newError && property.editable\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <div class=\"select is-small\">\n          <select [(ngModel)]=\"property.newError.level\">\n            <option [value]=\"undefined\">Select Level</option>\n            <option value=\"error\">Error</option>\n            <option value=\"warning\">Warning</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control is-expanded\">\n        <textarea class=\"textarea is-small\"\n          [(ngModel)]=\"property.newError.message\"\n          placeholder=\"Enter your message here\"\n          rows=\"1\"\n        ></textarea>\n      </div>\n      <div class=\"control\">\n        <button class=\"button is-small\"\n          [disabled]=\"!property.newError.level || !property.newError.message\"\n          (click)=\"addError(property, property.newError)\"\n        >\n          <fa-icon icon=\"plus-circle\"></fa-icon>\n          <span class=\"pl-2\" i18n=\"@@add\">Add</span>\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #popupErrorForm let-data=\"data\">\n  <div class=\"field has-addons\">\n    <div class=\"control\">\n      <div class=\"select\">\n        <select [(ngModel)]=\"data.level\">\n          <option [value]=\"undefined\">Select Level</option>\n          <option value=\"error\">Error</option>\n          <option value=\"warning\">Warning</option>\n        </select>\n      </div>\n    </div>\n    <div class=\"control\">\n      <input class=\"input\"\n        [(ngModel)]=\"data.message\"\n        placeholder=\"Enter your message here\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\"\n  ></ngb-highlight>\n</ng-template>\n\n<ng-template #padder>\n  <div class=\"pt-1\"></div>\n</ng-template>\n\n<ng-template #convertUnits let-value=\"value\" let-term=\"term\" let-units=\"units\">\n  <he-unit-converter [value]=\"value\" [term]=\"term\" [toUnits]=\"units\"></he-unit-converter>\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#ededed;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width: 768px){.card-toggle{position:relative}}.card-toggle>fa-icon{display:inline-block;width:10px}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(54,54,54,.32)}.control>.button{height:100%}.is-danger-light{color:#f5758f}he-sites-maps{height:200px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: ["value", "modes", "center", "zoom"], outputs: ["closed"] }, { type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: ["search", "searchSources", "searchBibliographies", "searchBy"], outputs: ["closed"] }, { type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass", "text"] }, { type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: ["message", "content", "position", "popoverClass"], outputs: ["confirmed"] }, { type: SitesMapsComponent, selector: "he-sites-maps", inputs: ["loadPolygons", "sites", "nodes", "center", "zoom", "showNotice"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }, { type: UnitConverterComponent, selector: "he-unit-converter", inputs: ["term", "value", "fromUnits", "toUnits"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i10__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$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__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: TagsInputDirective, selector: "[appTagsInput]", inputs: ["appTagsInput"] }, { type: i1__namespace$4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i1__namespace$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], pipes: { "pluralize": PluralizePipe } });
+    FilesFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilesFormComponent, selector: "he-files-form", inputs: { schemas: "schemas", errors: "errors", node: "node", nodeMap: "nodeMap", editable: "editable", errorMode: "errorMode", deepEditable: "deepEditable", errorsEditable: "errorsEditable" }, outputs: { nodeChange: "nodeChange", nodeErorrResolved: "nodeErorrResolved", nodeErrorAdded: "nodeErrorAdded" }, ngImport: i0__namespace, template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen = !isOpen\" pointer>\n    <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!isOpen\"></fa-icon>\n    <fa-icon icon=\"angle-right\" [class.is-hidden]=\"isOpen\"></fa-icon>\n    <span *ngIf=\"nodeProperty\" class=\"is-px-2\"\n      [class.has-text-danger]=\"nodeProperty.hasError\"\n      [class.has-text-warning]=\"nodeProperty.hasWarning\"\n    >\n      <he-node-icon [type]=\"nodeProperty.schemaType\"></he-node-icon>\n    </span>\n  </div>\n\n  <ng-container *ngIf=\"editable && isOpen && nodeProperty\">\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: nodeProperty}\"></ng-container>\n  </ng-container>\n\n  <div class=\"card-content\">\n    <ng-container *ngIf=\"isOpen\">\n      <div class=\"pb-3 mb-2\" *ngIf=\"errorsEditable\">\n        <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: nodeProperty}\"></ng-container>\n      </div>\n\n      <div class=\"mb-4\" *ngIf=\"nodeProperty?.error\">\n        <ng-container *ngTemplateOutlet=\"propertyError; context: {property: nodeProperty, edit: true}\"></ng-container>\n      </div>\n    </ng-container>\n\n    <div class=\"columns is-multiline\">\n      <ng-container *ngFor=\"let property of properties; trackBy: trackByProperty\">\n        <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"isOpen\">\n      <ng-container *ngTemplateOutlet=\"propertyMap; context: {$implicit: nodeProperty}\"></ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<he-maps-drawing-confirm *ngIf=\"!!mapDrawingProperty\"\n  [value]=\"mapDrawingProperty.value\" [modes]=\"mapDrawingModes(mapDrawingProperty)\"\n  (closed)=\"onMapDrawingClosed($event)\"\n></he-maps-drawing-confirm>\n\n<he-bibliographies-search-confirm *ngIf=\"!!bibliographiesSearchProperty\"\n  [search]=\"bibliographiesSearchProperty.value\"\n  [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty)\"\n  [searchSources]=\"bibliographiesSearchSources\"\n  (closed)=\"onBibliographiesSearchClosed($event)\"\n></he-bibliographies-search-confirm>\n\n<ng-template #labelDescription let-property>\n  <span\n    class=\"trigger-popover\"\n    [ngbPopover]=\"property.schema?.description\" [autoClose]=\"'outside'\"\n    triggers=\"hover\" placement=\"right\" container=\"body\"\n  >\n    <span>{{property.key}}</span>\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{property.key}}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  <ng-container *ngIf=\"(isOpen || property.closedVisible) && !property.isHidden\">\n    <div class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\"\n      [ngSwitch]=\"!!property.properties.length\"\n    >\n      <div class=\"columns is-multiline is-variable is-1\" *ngSwitchCase=\"false\">\n        <div class=\"column is-3 py-1\" *ngIf=\"property.key\">\n          <label class=\"label has-text-right-tablet has-text-ellipsis\"\n            *bindOnce=\"property\"\n            [for]=\"property.id\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"property.schema?.description && editable && property.editable ? labelDescription : labelDefault; context: {$implicit: property}\">\n            </ng-container>\n          </label>\n        </div>\n\n        <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n          <div class=\"field\">\n            <ng-container *ngTemplateOutlet=\"inputForm; context: {$implicit: property}\"></ng-container>\n\n            <ng-container *ngIf=\"(editable || errorsEditable) && (property.hasError || property.hasWarning)\">\n              <ng-container *ngTemplateOutlet=\"propertyError; context: {property: property, edit: false}\"></ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"panel\" *ngSwitchCase=\"true\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\"\n      >\n        <div class=\"open-group panel-heading py-0\"\n          (click)=\"property.isOpen = !property.isOpen\" pointer\n          [class.is-open]=\"property.isOpen\"\n          [class.has-text-white]=\"(errorMode && property.changed) || property.hasError || property.hasWarning\"\n        >\n          <div class=\"columns is-mobile is-vcentered\">\n            <span class=\"column is-narrow py-1 my-0\">\n              <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!property.isOpen\"></fa-icon>\n              <fa-icon icon=\"angle-right\" [class.is-hidden]=\"property.isOpen\"></fa-icon>\n            </span>\n            <span class=\"column py-1 my-0\">\n              <span class=\"is-size-6\">{{property.key}}</span>\n            </span>\n            <span *ngIf=\"property.schemaType\" class=\"column is-narrow py-1 my-0\">\n              <span class=\"tags mb-0 has-addons\">\n                <span class=\"tag mb-0 is-light\">Type</span>\n                <span class=\"tag mb-0 is-white\">\n                  <he-schema-version-link linkClass=\"is-small\" [node]=\"{'@type': property.schemaType}\">\n                    <span>{{property.schemaType}}</span>\n                  </he-schema-version-link>\n                </span>\n              </span>\n            </span>\n            <he-popover-confirm class=\"column is-narrow py-1 my-0 px-0\"\n              *ngIf=\"editable && !errorsEditable\"\n              ngbTooltip=\"Remove group\" placement=\"top\"\n              [message]=\"'<p>This will remove the group completely.</p>' + (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') + '<p>Do you confirm?</p>'\"\n              popoverClass=\"px-3\"\n              (confirmed)=\"propertyChanged(null, property)\"\n            >\n              <fa-icon icon=\"times\" size=\"sm\"></fa-icon>\n            </he-popover-confirm>\n          </div>\n        </div>\n        <div class=\"panel-block is-block p-0\" *ngIf=\"property.isOpen\">\n          <ng-container [ngSwitch]=\"property.isArray\">\n            <div class=\"px-3 pt-4\" *ngIf=\"property.error\">\n              <ng-container *ngTemplateOutlet=\"propertyError; context: {property: property, edit: true}\"></ng-container>\n            </div>\n\n            <div class=\"mt-3\" *ngSwitchCase=\"false\">\n              <p class=\"help py-1 px-2\" *ngIf=\"editable && !property.editable\">\n                To change the {{property.key}}, please delete it first, then add the field again\n              </p>\n              <ng-container *ngIf=\"editable && property.editable\">\n                <ng-container [ngSwitch]=\"property.schema?.title\">\n                  <p class=\"help py-1 px-2\" *ngSwitchCase=\"'Bibliography'\">\n                    Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                  </p>\n                </ng-container>\n              </ng-container>\n\n              <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: property}\"></ng-container>\n\n              <div class=\"px-3 mt-1\" *ngIf=\"errorsEditable\">\n                <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: property}\"></ng-container>\n              </div>\n\n              <div class=\"property-group py-2 px-3 mt-2\">\n                <div class=\"columns is-multiline mb-0\">\n                  <ng-container *ngFor=\"let prop2 of property.properties; trackBy: trackByProperty\">\n                    <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: prop2}\"></ng-container>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"py-2 px-3 mt-2\" *ngSwitchCase=\"true\">\n              <div class=\"mt-1\" *ngIf=\"errorsEditable\">\n                <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: property}\"></ng-container>\n              </div>\n\n              <ng-container *ngFor=\"let prop2 of property.properties; trackBy: trackByProperty\">\n                <div class=\"card p-0 my-4\" *ngIf=\"prop2.key\"\n                  [id]=\"prop2.fullKey + '_' + prop2.id\"\n                >\n                  <div class=\"property-array-number\">\n                    <div class=\"tags has-addons\">\n                      <span class=\"tag is-dark\">{{prop2.key}}</span>\n                      <ng-container *ngIf=\"editable && !errorsEditable && property.editable\">\n                        <span class=\"tag is-info\" pointer\n                          (click)=\"duplicateArrayGroup(property, prop2)\"\n                          [ngbTooltip]=\"'Duplicate ' + pluralize(property.key, 1)\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"clone\" size=\"sm\"></fa-icon>\n                        </span>\n                        <span class=\"tag is-light\" pointer\n                          *ngIf=\"prop2.key !== '0'\"\n                          (click)=\"moveArrayGroupUp(property, prop2)\"\n                          ngbTooltip=\"Move Up\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"long-arrow-alt-up\" size=\"sm\"></fa-icon>\n                        </span>\n                        <span class=\"tag is-light\" pointer\n                          *ngIf=\"prop2.key !== property.properties.length - 1\"\n                          (click)=\"moveArrayGroupDown(property, prop2)\"\n                          ngbTooltip=\"Move Down\" placement=\"top\"\n                        >\n                          <fa-icon icon=\"long-arrow-alt-down\" size=\"sm\"></fa-icon>\n                        </span>\n                        <he-popover-confirm class=\"tag is-delete\"\n                          [ngbTooltip]=\"'Remove ' + pluralize(property.key, 1)\" placement=\"top\"\n                          message=\"This will remove the group completely. Do you confirm?\" position=\"right\"\n                          (confirmed)=\"removeArrayGroup(property, prop2)\"\n                        ></he-popover-confirm>\n                      </ng-container>\n                    </div>\n                  </div>\n\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: {$implicit: prop2}\"></ng-container>\n\n                  <div class=\"px-4 mt-2\" *ngIf=\"errorsEditable\">\n                    <ng-container *ngTemplateOutlet=\"nodeErrorForm; context: {$implicit: prop2}\"></ng-container>\n                  </div>\n\n                  <div class=\"px-4 mt-2\" *ngIf=\"prop2.error\">\n                    <ng-container *ngTemplateOutlet=\"propertyError; context: {property: prop2, edit: true}\"></ng-container>\n                  </div>\n\n                  <div class=\"property-group card-content p-3\">\n                    <div class=\"columns is-multiline my-0\">\n                      <ng-container *ngFor=\"let prop3 of prop2.properties; trackBy: trackByProperty\">\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: {$implicit: prop3}\"></ng-container>\n                      </ng-container>\n                    </div>\n                  </div>\n                </div>\n              </ng-container>\n\n              <button class=\"button is-dark is-outlined is-small\" type=\"button\"\n                *ngIf=\"editable && !errorsEditable\"\n                (click)=\"addArrayGroup(property)\"\n              >\n                <fa-icon icon=\"plus-circle\"></fa-icon>\n                <span class=\"pl-2\">Add</span>\n                <span class=\"pl-1\">{{property.key | pluralize:1}}</span>\n              </button>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #inputForm let-property>\n  <ng-container *ngIf=\"property.key\">\n    <ng-container [ngSwitch]=\"property.suggestions?.type\">\n      <ng-container *ngSwitchCase=\"'select'\">\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <ng-container *ngTemplateOutlet=\"inputInput; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\"\n      [class.has-icons-right]=\"property.loading\"\n    >\n      <input class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n\n        [(ngModel)]=\"property.value\" #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!editable || !property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{enabled: editable && property.editable && property.schema?.type === 'array', items: property.schema?.items, delimiter: ';', allowDuplicates: true, placeholder: property.placeholder}\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n\n        [ngbTypeahead]=\"propertySuggest(property.fullKey, property.suggestions?.type)\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"editable && property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\"\n      >\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: {$implicit: property}\"></ng-container>\n  </div>\n  <p class=\"help is-danger-light\"\n    *ngIf=\"!property.hasError && propertyModel.invalid\"\n  >\n    <span *bindOnce=\"propertyModel.errors\" [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n  </p>\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\"\n        [class.is-link]=\"errorMode && property.changed\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n      >\n        <select\n          [(ngModel)]=\"property.value\" #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!editable || !property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\"\n        >\n          <option value=\"\">Select</option>\n          <ng-container *bindOnce=\"property.suggestions\">\n            <option *ngFor=\"let value of property.suggestions.values; trackBy: trackByIndex\" [value]=\"value\">{{value}}</option>\n          </ng-container>\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: {$implicit: property}\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  <div class=\"control\" *ngIf=\"!errorsEditable && !property.isRequired\">\n    <a class=\"button is-small\" title=\"Remove field\"\n      [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n      [class.is-danger]=\"!property.changed && property.hasError\"\n      [class.is-warning]=\"!property.changed && property.hasWarning\"\n      (click)=\"$event.stopPropagation(); propertyChanged(null, property)\"\n    >\n      <fa-icon icon=\"times\"></fa-icon>\n    </a>\n  </div>\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  <he-popover-confirm class=\"control\"\n    *ngIf=\"enableAddError(property)\"\n    position=\"left\"\n    [content]=\"popupErrorForm\"\n    (confirmed)=\"addError(property, $event)\"\n  >\n    <span class=\"button is-small\">\n      <fa-icon icon=\"comments\"></fa-icon>\n    </span>\n  </he-popover-confirm>\n\n  <ng-container *ngIf=\"editable && property.editable\">\n    <ng-container [ngSwitch]=\"property.schemaType\">\n      <ng-container *ngSwitchCase=\"SchemaType.Actor\">\n        <ng-container *ngTemplateOutlet=\"actorAddons; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"SchemaType.Cycle\">\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: {$implicit: property}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *bindOnce=\"property\">\n      <div class=\"control\" *ngIf=\"mapDrawingModes(property).length\">\n        <button class=\"button is-small\" title=\"Pick on Map\"\n          (click)=\"mapDrawingProperty = property\"\n        >\n          <fa-icon icon=\"map-marked-alt\"></fa-icon>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"bibliographiesSearchKey(property)\">\n        <button class=\"button is-small\" title=\"Advanced Search\"\n          (click)=\"bibliographiesSearchProperty = property\"\n        >\n          <fa-icon icon=\"search\"></fa-icon>\n        </button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: {$implicit: property}\"></ng-container>\n  </ng-container>\n  <div class=\"control\" *ngIf=\"addPropertyEnabled(property)\">\n    <a class=\"button is-small is-danger\" title=\"Add field\"\n      (click)=\"$event.stopPropagation(); addMissingProperty(property)\"\n    >\n      <fa-icon icon=\"plus-circle\"></fa-icon>\n      <span class=\"pl-2\">Add</span>\n    </a>\n  </div>\n  <div class=\"control\" *ngIf=\"isRequired(property)\">\n    <label class=\"button is-small is-danger\" [for]=\"property.id\"\n      ngbTooltip=\"This field is required\" placement=\"top\"\n    >\n      <fa-icon icon=\"exclamation-triangle\"></fa-icon>\n    </label>\n  </div>\n  <ng-container *ngIf=\"property.externalUrl?.url\">\n    <div class=\"control\">\n      <a class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\n        [ngClass]=\"{'is-dark is-outlined': property.key === 'type'}\"\n        [attr.disabled]=\"property.externalUrl.urlParamValue && !property.value ? true : null\"\n      >\n        <fa-icon [icon]=\"property.externalUrl.icon || 'external-link-alt'\"></fa-icon>\n      </a>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"unitConverterEnabled(property)\">\n    <div class=\"control\">\n      <button class=\"button is-small\" title=\"Open calculator\"\n        [ngbPopover]=\"convertUnits\" autoClose=\"outside\"\n        triggers=\"manual\" #p=\"ngbPopover\" placement=\"bottom\" container=\"body\"\n        (click)=\"openUnitConverter(p, property)\"\n      >\n        <fa-icon icon=\"calculator\"></fa-icon>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #actorAddons let-property>\n  <div class=\"control\" *ngIf=\"property.key === '@id'\">\n    <button class=\"button is-small\" title=\"Add myself as Actor\"\n      (click)=\"setUserActorId(property)\"\n    >\n      <fa-icon [icon]=\"['far', 'id-badge']\"></fa-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  <div class=\"control\" *ngIf=\"property.key === 'cycleDuration'\">\n    <button class=\"button is-small\" title=\"Calculate value from startDate and endDate\"\n      (click)=\"calculateCycleDuration(property)\"\n      [disabled]=\"!calculateCycleDurationEnabled(property)\"\n    >\n      <fa-icon icon=\"calculator\"></fa-icon>\n    </button>\n  </div>\n  <div class=\"control\" *ngIf=\"property.key === 'startDate'\">\n    <button class=\"button is-small\" title=\"Calculate value from endDate and cycleDuration\"\n      (click)=\"calculateCycleStartDate(property)\"\n      [disabled]=\"!calculateCycleStartDateEnabled(property)\"\n    >\n      <fa-icon icon=\"calculator\"></fa-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  <header class=\"card-header\" *ngIf=\"editable && property.editable && (property.addPropertyEnabled || deepEditable); else padder\">\n    <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n      <div class=\"field is-horizontal\">\n        <div class=\"field-label is-small\">\n          <label class=\"label\" [for]=\"property.id + '_new'\">\n            <span>Add new field</span>\n          </label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field has-addons\">\n            <div class=\"control is-expanded\">\n              <input class=\"input is-small\"\n                [(ngModel)]=\"property.newProperty\"\n                [id]=\"property.id + '_new'\"\n                name=\"randomname\"\n                placeholder=\"Search and select field from results\"\n\n                [ngbTypeahead]=\"suggestNewProperty(property.fullKey)\"\n                [resultTemplate]=\"suggestion\"\n                [inputFormatter]=\"formatter\"\n                [focusFirst]=\"false\"\n                [editable]=\"false\"\n                (focus)=\"typeaheadFocus($event)\"\n              >\n            </div>\n            <div class=\"control\">\n              <button class=\"button is-small\" type=\"submit\"\n                [disabled]=\"!property.newProperty || !property.newProperty.name\"\n              >\n                <fa-icon icon=\"plus\"></fa-icon>\n                <span class=\"pl-2\">Add</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </header>\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\" let-edit=\"edit\">\n  <p class=\"help\"\n    [class.is-danger]=\"property.hasError\"\n    [class.is-warning]=\"property.hasWarning\"\n    *ngIf=\"property.error\"\n  >\n    <span class=\"is-pre-wrap\" *bindOnce=\"property.error\" [innerHTML]=\"property.error.message\"></span>\n    <a class=\"pl-2\"\n      *ngIf=\"edit && errorsEditable && property.error.index >= 0\"\n      (click)=\"editError(property)\"\n    >\n      <fa-icon class=\"pr-2\" icon=\"edit\"></fa-icon>\n      <span>Edit</span>\n    </a>\n    <a class=\"pl-2\"\n      *ngIf=\"(property.hasWarning || errorsEditable) && property.error.index >= 0\"\n      (click)=\"resolveError(property)\"\n    >\n      <fa-icon class=\"pr-2\" icon=\"check\"></fa-icon>\n      <span>Resolved</span>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #propertyMap let-property>\n  <div class=\"panel is-default\" *ngIf=\"showMap\">\n    <div class=\"open-group panel-heading py-0\"\n      (click)=\"mapVisible = !mapVisible\" pointer\n      [class.is-open]=\"mapVisible\"\n    >\n      <div class=\"columns is-mobile is-vcentered mb-0\">\n        <span class=\"column is-narrow py-1 my-0\">\n          <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!mapVisible\"></fa-icon>\n          <fa-icon icon=\"angle-right\" [class.is-hidden]=\"mapVisible\"></fa-icon>\n        </span>\n        <span class=\"column py-1 my-0\">\n          <span class=\"is-size-6\">View on Map</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"panel-block is-block p-0\" [class.is-hidden]=\"!mapVisible\">\n      <he-sites-maps [sites]=\"[node]\" [showNotice]=\"false\"></he-sites-maps>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #nodeErrorForm let-property>\n  <ng-container *ngIf=\"property.newError && property.editable\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <div class=\"select is-small\">\n          <select [(ngModel)]=\"property.newError.level\">\n            <option [value]=\"undefined\">Select Level</option>\n            <option value=\"error\">Error</option>\n            <option value=\"warning\">Warning</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control is-expanded\">\n        <textarea class=\"textarea is-small\"\n          [(ngModel)]=\"property.newError.message\"\n          placeholder=\"Enter your message here\"\n          rows=\"1\"\n        ></textarea>\n      </div>\n      <div class=\"control\">\n        <button class=\"button is-small\"\n          [disabled]=\"!property.newError.level || !property.newError.message\"\n          (click)=\"addError(property, property.newError)\"\n        >\n          <fa-icon icon=\"plus-circle\"></fa-icon>\n          <span class=\"pl-2\">Add</span>\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #popupErrorForm let-data=\"data\">\n  <div class=\"field has-addons\">\n    <div class=\"control\">\n      <div class=\"select\">\n        <select [(ngModel)]=\"data.level\">\n          <option [value]=\"undefined\">Select Level</option>\n          <option value=\"error\">Error</option>\n          <option value=\"warning\">Warning</option>\n        </select>\n      </div>\n    </div>\n    <div class=\"control\">\n      <input class=\"input\"\n        [(ngModel)]=\"data.message\"\n        placeholder=\"Enter your message here\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\"\n  ></ngb-highlight>\n</ng-template>\n\n<ng-template #padder>\n  <div class=\"pt-1\"></div>\n</ng-template>\n\n<ng-template #convertUnits let-value=\"value\" let-term=\"term\" let-units=\"units\">\n  <he-unit-converter [value]=\"value\" [term]=\"term\" [toUnits]=\"units\"></he-unit-converter>\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#ededed;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width: 768px){.card-toggle{position:relative}}.card-toggle>fa-icon{display:inline-block;width:10px}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(54,54,54,.32)}.control>.button{height:100%}.is-danger-light{color:#f5758f}he-sites-maps{height:200px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: ["value", "modes", "center", "zoom"], outputs: ["closed"] }, { type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: ["search", "searchSources", "searchBibliographies", "searchBy"], outputs: ["closed"] }, { type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass", "text"] }, { type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: ["message", "content", "position", "popoverClass"], outputs: ["confirmed"] }, { type: SitesMapsComponent, selector: "he-sites-maps", inputs: ["loadPolygons", "sites", "nodes", "center", "zoom", "showNotice"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }, { type: UnitConverterComponent, selector: "he-unit-converter", inputs: ["term", "value", "fromUnits", "toUnits"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i10__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$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__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: TagsInputDirective, selector: "[appTagsInput]", inputs: ["appTagsInput"] }, { type: i1__namespace$4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i1__namespace$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], pipes: { "pluralize": PluralizePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FilesFormComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -7283,7 +7200,7 @@
         };
         return ImpactAssessmentsProductsComponent;
     }());
-    ImpactAssessmentsProductsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsProductsComponent, deps: [{ token: i1__namespace$4.FormBuilder }, { token: HeNodeService }, { token: HeSearchService }, { token: ToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ImpactAssessmentsProductsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsProductsComponent, deps: [{ token: i1__namespace$4.FormBuilder }, { token: HeNodeService }, { token: HeSearchService }, { token: HeToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     ImpactAssessmentsProductsComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.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__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$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__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsProductsComponent, decorators: [{
                 type: i0.Component,
@@ -7292,7 +7209,7 @@
                         templateUrl: './impact-assessments-products.component.html',
                         styleUrls: ['./impact-assessments-products.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$4.FormBuilder }, { type: HeNodeService }, { type: HeSearchService }, { type: ToastService }]; }, propDecorators: { cycles: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$4.FormBuilder }, { type: HeNodeService }, { type: HeSearchService }, { type: HeToastService }]; }, propDecorators: { cycles: [{
                     type: i0.Input
                 }], impactAssessments: [{
                     type: i0.Input
@@ -7433,6 +7350,7 @@
     exports.HeSearchModule = HeSearchModule;
     exports.HeSearchService = HeSearchService;
     exports.HeSitesModule = HeSitesModule;
+    exports.HeToastService = HeToastService;
     exports.HeUsersService = HeUsersService;
     exports.ImpactAssessmentsIndicatorBreakdownChartComponent = ImpactAssessmentsIndicatorBreakdownChartComponent;
     exports.ImpactAssessmentsIndicatorsChartComponent = ImpactAssessmentsIndicatorsChartComponent;
@@ -7466,33 +7384,39 @@
     exports.TagsInputDirective = TagsInputDirective;
     exports.TimesPipe = TimesPipe;
     exports.ToastComponent = ToastComponent;
-    exports.ToastService = ToastService;
     exports.UnitConverterComponent = UnitConverterComponent;
+    exports.addPolygonToFeature = addPolygonToFeature;
     exports.allCountriesQuery = allCountriesQuery;
-    exports.animateCounter = animateCounter;
     exports.arrayValue = arrayValue;
     exports.availableProperties = availableProperties;
     exports.baseUrl = baseUrl;
     exports.bottom = bottom;
+    exports.clustererImage = clustererImage;
+    exports.coordinatesToPoint = coordinatesToPoint;
     exports.countriesQuery = countriesQuery;
+    exports.createMarker = createMarker;
     exports.cropsQuery = cropsQuery;
     exports.dataValue = dataValue;
+    exports.defaultFeature = defaultFeature;
     exports.defaultLabel = defaultLabel;
     exports.definitionToSchemaType = definitionToSchemaType;
     exports.delta = delta;
     exports.deserializeSearchFilters = deserializeSearchFilters;
     exports.ellipsis = ellipsis;
+    exports.emptyValue = emptyValue;
     exports.errorText = errorText;
     exports.filenameWithoutExt = filenameWithoutExt;
+    exports.fillColor = fillColor;
+    exports.fillStyle = fillStyle;
     exports.filterParams = filterParams;
     exports.findPropertyById = findPropertyById;
+    exports.gitBranch = gitBranch;
     exports.gitHome = gitHome;
     exports.gitRawBaseUrl = gitRawBaseUrl;
     exports.groupNodesByTerm = groupNodesByTerm;
     exports.grouppedKeys = grouppedKeys;
     exports.grouppedValueKeys = grouppedValueKeys;
     exports.handleAPIError = handleAPIError;
-    exports.hoursBefore = hoursBefore;
     exports.isChrome = isChrome;
     exports.isExternal = isExternal;
     exports.isSchemaIri = isSchemaIri;
@@ -7502,8 +7426,11 @@
     exports.levels = levels;
     exports.linkTypeEnabled = linkTypeEnabled;
     exports.listColor = listColor;
-    exports.loadScript = loadScript;
+    exports.locationQuery = locationQuery;
+    exports.lookupUrl = lookupUrl;
     exports.mapsUrl = mapsUrl;
+    exports.markerIcon = markerIcon;
+    exports.markerPie = markerPie;
     exports.matchAggregatedQuery = matchAggregatedQuery;
     exports.matchBoolPrefixQuery = matchBoolPrefixQuery;
     exports.matchCountry = matchCountry;
@@ -7520,20 +7447,25 @@
     exports.matchType = matchType;
     exports.maxAreaSize = maxAreaSize;
     exports.measurementValue = measurementValue;
-    exports.minutesBefore = minutesBefore;
     exports.multiMatchQuery = multiMatchQuery;
     exports.nestingEnabled = nestingEnabled;
     exports.nestingTypeEnabled = nestingTypeEnabled;
-    exports.nodeTypeToString = nodeTypeToString;
+    exports.nodeLogsUrl = nodeLogsUrl;
+    exports.nodeUrl = nodeUrl;
     exports.numberGte = numberGte;
     exports.parseData = parseData;
     exports.parseLines = parseLines;
     exports.parseMessage = parseMessage;
-    exports.parseNodeType = parseNodeType;
+    exports.pointToCoordinates = pointToCoordinates;
+    exports.polygonBounds = polygonBounds;
+    exports.polygonToCoordinates = polygonToCoordinates;
+    exports.polygonsFromFeature = polygonsFromFeature;
+    exports.primaryProduct = primaryProduct;
     exports.propertyValue = propertyValue$1;
     exports.refToSchemaType = refToSchemaType;
     exports.regionsQuery = regionsQuery;
     exports.repeat = repeat;
+    exports.roundValue = roundValue;
     exports.safeJSONParse = safeJSONParse;
     exports.safeJSONStringify = safeJSONStringify;
     exports.schemaRequiredProperties = schemaRequiredProperties;
@@ -7545,8 +7477,9 @@
     exports.searchableTypes = searchableTypes;
     exports.serializeSearchFilters = serializeSearchFilters;
     exports.siteTooBig = siteTooBig;
-    exports.sortByFn = sortByFn;
     exports.sortOrder = sortOrder;
+    exports.strokeColor = strokeColor;
+    exports.strokeStyle = strokeStyle;
     exports.suggestMatchQuery = suggestMatchQuery;
     exports.suggestQuery = suggestQuery;
     exports.termChildToParent = termChildToParent;
@@ -7555,10 +7488,9 @@
     exports.termProperties = termProperties;
     exports.termTypeGroups = termTypeGroups;
     exports.termTypeLabel = termTypeLabel;
+    exports.termTypeLookupUrl = termTypeLookupUrl;
     exports.toCsv = toCsv$1;
     exports.toDashCase = toDashCase;
-    exports.toFormData = toFormData;
-    exports.toSearchParams = toSearchParams;
     exports.valueTypeToDefault = valueTypeToDefault;
     exports.waitFor = waitFor;
     exports.wildcardQuery = wildcardQuery;