@hestia-earth/ui-components 0.0.8 → 0.0.9

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('rxjs'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('@angular/platform-browser'), require('pluralize'), require('@hestia-earth/bulma-tagsinput'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
-    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'rxjs', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@angular/platform-browser', 'pluralize', '@hestia-earth/bulma-tagsinput', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.randomMaterialColor, global.schema, global.api, global.utils, global.rxjs, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.ng.platformBrowser, global.pluralize, global.BulmaTagsInput, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid, global.MarkerClusterer, global.ChartDataLabels));
-})(this, (function (exports, i0, i3, i1$4, i4, i10, i1$2, i1, freeRegularSvgIcons, freeSolidSvgIcons, randomMaterialColor, schema, api, utils, rxjs, operators, csvtojson, i1$1, i1$3, pluralize, BulmaTagsInput, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid, MarkerClusterer, ChartDataLabels) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('@angular/platform-browser'), require('rxjs'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('pluralize'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('@hestia-earth/bulma-tagsinput'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
+    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', '@angular/platform-browser', 'rxjs', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'pluralize', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@hestia-earth/bulma-tagsinput', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.ng.platformBrowser, global.rxjs, global.randomMaterialColor, global.schema, global.api, global.utils, global.pluralize, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.BulmaTagsInput, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid, global.MarkerClusterer, global.ChartDataLabels));
+})(this, (function (exports, i0, i3, i1$2, i4, i10, i1$4, i1, freeRegularSvgIcons, freeSolidSvgIcons, i1$1, rxjs, randomMaterialColor, schema, api, utils, pluralize, operators, csvtojson, i1$3, BulmaTagsInput, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid, MarkerClusterer, ChartDataLabels) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,15 +26,15 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$2);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var csvtojson__namespace = /*#__PURE__*/_interopNamespace(csvtojson);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var pluralize__namespace = /*#__PURE__*/_interopNamespace(pluralize);
+    var csvtojson__namespace = /*#__PURE__*/_interopNamespace(csvtojson);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
     var BulmaTagsInput__default = /*#__PURE__*/_interopDefaultLegacy(BulmaTagsInput);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
@@ -417,6 +417,161 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.FaIconLibrary }]; } });
 
+    var SocialTagsComponent = /** @class */ (function () {
+        function SocialTagsComponent(meta) {
+            this.meta = meta;
+            this.config = {};
+            this.classes = 'is-hidden';
+        }
+        SocialTagsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.meta.addTag({ charset: 'UTF-8' });
+            var config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
+            Object.keys(config).map(function (name) {
+                var content = config[name];
+                _this.meta.updateTag({ name: name, content: content });
+                if (name === 'og:description') {
+                    _this.meta.updateTag({ name: 'description', content: content });
+                }
+            });
+        };
+        return SocialTagsComponent;
+    }());
+    SocialTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, deps: [{ token: i1__namespace$1.Meta }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SocialTagsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SocialTagsComponent, selector: "he-social-tags", inputs: { config: "config" }, host: { properties: { "class": "this.classes" } }, ngImport: i0__namespace, template: "<span></span>\n", styles: [""] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-social-tags',
+                        templateUrl: './social-tags.component.html',
+                        styleUrls: ['./social-tags.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.Meta }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }], classes: [{
+                    type: i0.HostBinding,
+                    args: ['class']
+                }] } });
+
+    var toastId = 0;
+    var HeToastService = /** @class */ (function () {
+        function HeToastService() {
+            this.toasts = new rxjs.ReplaySubject(1);
+        }
+        HeToastService.prototype.success = function (message, duration) {
+            if (duration === void 0) { duration = 3000; }
+            this.toasts.next({
+                id: ++toastId,
+                message: message,
+                duration: duration,
+                color: 'success',
+                showRawMessage: true
+            });
+        };
+        HeToastService.prototype.error = function (message, showRawMessage, duration) {
+            if (showRawMessage === void 0) { showRawMessage = true; }
+            if (duration === void 0) { duration = 3000; }
+            this.toasts.next({
+                id: ++toastId,
+                message: ("" + message || '').trim(),
+                duration: duration,
+                color: 'danger',
+                showRawMessage: showRawMessage
+            });
+        };
+        return HeToastService;
+    }());
+    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'
+                    }]
+            }] });
+
+    var ToastComponent = /** @class */ (function () {
+        function ToastComponent(toastService) {
+            this.toastService = toastService;
+            this.subscriptions = [];
+            this.toasts = [];
+        }
+        ToastComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.subscriptions.push(this.toastService.toasts.subscribe(function (toast) { return _this.add(toast); }));
+        };
+        ToastComponent.prototype.ngOnDestroy = function () {
+            this.subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        };
+        ToastComponent.prototype.add = function (toast) {
+            var _this = this;
+            this.toasts.push(toast);
+            if (toast.duration) {
+                toast.timeout = setTimeout(function () { return _this.dismiss(toast); }, toast.duration);
+            }
+        };
+        ToastComponent.prototype.dismiss = function (toast) {
+            this.toasts.splice(this.toasts.findIndex(function (val) { return val.id === toast.id; }), 1);
+        };
+        return ToastComponent;
+    }());
+    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,
+                args: [{
+                        selector: 'he-toast',
+                        templateUrl: './toast.component.html',
+                        styleUrls: ['./toast.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: HeToastService }]; } });
+
+    /* eslint-disable @angular-eslint/directive-selector */
+    var BindOnceDirective = /** @class */ (function () {
+        function BindOnceDirective(templateRef, viewContainerRef) {
+            this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
+            this.embeddedViewRef.detach();
+        }
+        BindOnceDirective.prototype.ngOnChanges = function () {
+            this.embeddedViewRef.detectChanges();
+        };
+        return BindOnceDirective;
+    }());
+    BindOnceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BindOnceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[bindOnce]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
+                    type: i0.Input
+                }] } });
+
+    var shouldDefault = {
+        string: function (value) { return !value; },
+        number: function (value) { return !value && value !== 0; },
+        boolean: function (value) { return !value; },
+        object: function (value) { return !value || !Object.keys(value).length; },
+        undefined: function () { return true; }
+    };
+    var DefaultPipe = /** @class */ (function () {
+        function DefaultPipe() {
+        }
+        DefaultPipe.prototype.transform = function (value, defaultValue) {
+            return shouldDefault[typeof value](value) ? defaultValue : value;
+        };
+        return DefaultPipe;
+    }());
+    DefaultPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    DefaultPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, name: "default" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'default'
+                    }]
+            }] });
+
     var _a$6;
     var get$4 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
@@ -429,7 +584,6 @@
             window.location.origin :
             'https://www.hestia.earth'; };
     var isExternal = function () { return baseUrl() !== window.location.origin; };
-    ;
     var parseErrorStatus = function (error) { return ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-'); };
     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) {
@@ -623,176 +777,24 @@
         return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
     };
 
-    var _a$5, _b$2, _c$2, _d$2;
-    var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
-    var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
-    exports.DeltaColour = void 0;
-    (function (DeltaColour) {
-        DeltaColour["Success"] = "success";
-        DeltaColour["Warning"] = "warning";
-        DeltaColour["Danger"] = "danger";
-    })(exports.DeltaColour || (exports.DeltaColour = {}));
-    exports.DeltaDisplayType = void 0;
-    (function (DeltaDisplayType) {
-        DeltaDisplayType["absolute"] = "absolute";
-        DeltaDisplayType["percent"] = "percent";
-    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
-    var deltaPerType = (_a$5 = {},
-        _a$5[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
-        _a$5[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
-        _a$5);
-    var roundValue = function (value) { return +("" + value).substring(0, 10); };
-    var delta = function (value, originalValue, displayType, mapping) {
-        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
-        var vvalue = roundValue(propertyValue$1(value));
-        var voriginalValue = roundValue(propertyValue$1(originalValue));
-        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
-        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
-        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
-    };
-    var PercentDeltaConditions;
-    (function (PercentDeltaConditions) {
-        PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
-        PercentDeltaConditions["original0"] = "original is 0";
-    })(PercentDeltaConditions || (PercentDeltaConditions = {}));
-    var calculatePercentDeltaConditions = (_b$2 = {},
-        _b$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
-        _b$2[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
-        _b$2);
-    var calculatePercentDeltaResult = (_c$2 = {},
-        _c$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
-        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
-        _c$2[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
-        _c$2.default = function (original, recalculated) { return (recalculated - original) / original; },
-        _c$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 = (_d$2 = {},
-        _d$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
-        _d$2);
-    var evaluateSuccess = function (deltaValue) { return Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
-        ? exports.DeltaColour.Success
-        : Math.abs(deltaValue) < 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) {
-            this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
-            this.embeddedViewRef.detach();
-        }
-        BindOnceDirective.prototype.ngOnChanges = function () {
-            this.embeddedViewRef.detectChanges();
-        };
-        return BindOnceDirective;
-    }());
-    BindOnceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BindOnceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[bindOnce]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
-                    type: i0.Input
-                }] } });
-
-    var PrecisionPipe = /** @class */ (function () {
-        function PrecisionPipe() {
+    var EllipsisPipe = /** @class */ (function () {
+        function EllipsisPipe() {
         }
-        PrecisionPipe.prototype.transform = function (value, precision) {
-            return utils.isUndefined(value) ?
-                null : (utils.isNumber(value) ?
-                ("" + utils.toPrecision(parseFloat("" + value), parseInt("" + precision, 10))).replace(/\.00$/, '') :
-                value);
+        EllipsisPipe.prototype.transform = function (value, maxLength) {
+            return ellipsis("" + value, maxLength);
         };
-        return PrecisionPipe;
+        return EllipsisPipe;
     }());
-    PrecisionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PrecisionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, name: "precision" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, decorators: [{
+    EllipsisPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    EllipsisPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, name: "ellipsis" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{
-                        name: 'precision'
+                        name: 'ellipsis'
                     }]
             }] });
 
-    var BlankNodeValueDeltaComponent = /** @class */ (function () {
-        function BlankNodeValueDeltaComponent() {
-            this.displayType = exports.DeltaDisplayType.percent;
-            this.DeltaDisplayType = exports.DeltaDisplayType;
-        }
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "hide", {
-            get: function () {
-                return emptyValue(this.value) || emptyValue(this.originalValue);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "delta", {
-            get: function () {
-                return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "color", {
-            get: function () {
-                return this.displayType === exports.DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return BlankNodeValueDeltaComponent;
-    }());
-    BlankNodeValueDeltaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BlankNodeValueDeltaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: { value: "value", originalValue: "originalValue", displayType: "displayType" }, ngImport: i0__namespace, template: "<small [class.is-hidden]=\"hide\">\n  <span class=\"has-text-{{color}}\">\n    <span *ngIf=\"delta > 0\">+</span>\n    <ng-container [ngSwitch]=\"displayType\">\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.absolute\">\n        <span *bindOnce=\"delta\">{{delta | precision:3}}</span>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.percent\">\n        <span *bindOnce=\"delta\">{{delta | number:'1.0-2'}}</span>\n        <span>%</span>\n      </ng-container>\n    </ng-container>\n  </span>\n</small>\n", styles: [""], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3__namespace.DecimalPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-blank-node-value-delta',
-                        templateUrl: './blank-node-value-delta.component.html',
-                        styleUrls: ['./blank-node-value-delta.component.scss']
-                    }]
-            }], propDecorators: { value: [{
-                    type: i0.Input
-                }], originalValue: [{
-                    type: i0.Input
-                }], displayType: [{
-                    type: i0.Input
-                }] } });
-
-    var BlankNodeDiffsComponent = /** @class */ (function () {
-        function BlankNodeDiffsComponent() {
-            this.originalValues = [];
-            this.recalculatedValues = [];
-            this.propertyValue = propertyValue$1;
-            this.values = [];
-        }
-        BlankNodeDiffsComponent.prototype.ngOnInit = function () {
-            this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
-        };
-        return BlankNodeDiffsComponent;
-    }());
-    BlankNodeDiffsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BlankNodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0__namespace, template: "<div class=\"table-container data-table-container mb-1\">\n  <table class=\"table is-narrow data-table has-children-3\" *bindOnce=\"values\">\n    <thead>\n      <tr>\n        <th class=\"width-auto\"></th>\n        <th>Original</th>\n        <th>Recalculated</th>\n        <th>Difference</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let value of values\"\n        [class.has-background-light]=\"!!value.original && value.original !== value.recalculated\"\n      >\n        <td class=\"width-auto\" [attr.title]=\"value.term.name\">\n          <ng-container *ngTemplateOutlet=\"termLink; context: {$implicit: value.term}\"></ng-container>\n        </td>\n        <td>\n          <span>{{value.original === undefined ? '-' : value.original}}</span>\n        </td>\n        <td>\n          <span>{{value.recalculated === undefined ? '-' : value.recalculated}}</span>\n        </td>\n        <td class=\"is-nowrap\">\n          <he-blank-node-value-delta\n            [value]=\"value.recalculated\"\n            [originalValue]=\"value.original\"\n          ></he-blank-node-value-delta>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #termLink let-term>\n  <a [routerLink]=\"['/', 'term', term['@id']]\" target=\"_blank\">\n    <span class=\"is-nowrap has-text-ellipsis\">{{term.name}}</span>\n  </a>\n</ng-template>\n", styles: ["table.data-table th:first-child,table.data-table td:first-child{width:auto}\n"], components: [{ type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-blank-node-diffs',
-                        templateUrl: './blank-node-diffs.component.html',
-                        styleUrls: ['./blank-node-diffs.component.scss']
-                    }]
-            }], propDecorators: { originalValues: [{
-                    type: i0.Input
-                }], recalculatedValues: [{
-                    type: i0.Input
-                }] } });
-
-    var _a$4, _b$1, _c$1;
+    var _a$5, _b$2, _c$2;
     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',
@@ -818,20 +820,20 @@
             lng: longitude
         });
     };
-    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 termTypeToLabel = (_a$5 = {},
+        _a$5[schema.TermTermType.methodEmissionResourceUse] = 'Method (Emissions)',
+        _a$5[schema.TermTermType.methodMeasurement] = 'Method (Measurement)',
+        _a$5[schema.TermTermType.pesticideAI] = 'Pesticide Active Ingredient',
+        _a$5[schema.TermTermType.standardsLabels] = 'Standards & Labels',
+        _a$5[schema.TermTermType.usdaSoilType] = 'USDA Soil Type',
+        _a$5);
     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$1 = {},
-        _b$1[schema.TermTermType.emission] = {
+    var groups = Object.freeze((_b$2 = {},
+        _b$2[schema.TermTermType.emission] = {
             label: 'Emissions & Resource Use',
             termType: 'Emissions & Resource Use',
             children: termTypesToChildren([
@@ -843,12 +845,12 @@
                 schema.TermTermType.methodEmissionResourceUse
             ])
         },
-        _b$1[schema.TermTermType.region] = {
+        _b$2[schema.TermTermType.region] = {
             label: termTypeLabel(schema.TermTermType.region),
             termType: schema.TermTermType.region,
             children: []
         },
-        _b$1.infrastructure = {
+        _b$2.infrastructure = {
             label: 'Infrastructure & Equipment',
             termType: 'Infrastructure & Equipment',
             children: termTypesToChildren([
@@ -859,7 +861,7 @@
                 schema.TermTermType.machinery
             ])
         },
-        _b$1.input = {
+        _b$2.input = {
             label: 'Inputs',
             termType: 'Inputs',
             children: termTypesToChildren([
@@ -877,7 +879,7 @@
                 schema.TermTermType.water
             ])
         },
-        _b$1[schema.TermTermType.measurement] = {
+        _b$2[schema.TermTermType.measurement] = {
             label: 'Measurements',
             termType: 'Measurements',
             children: termTypesToChildren([
@@ -888,7 +890,7 @@
                 schema.TermTermType.methodMeasurement
             ])
         },
-        _b$1.practice = {
+        _b$2.practice = {
             label: 'Practices',
             termType: 'Production Practices',
             children: termTypesToChildren([
@@ -906,7 +908,7 @@
                 schema.TermTermType.waterRegime,
             ])
         },
-        _b$1.product = {
+        _b$2.product = {
             label: 'Products',
             termType: 'Products',
             children: termTypesToChildren([
@@ -919,12 +921,12 @@
                 schema.TermTermType.processedFood
             ])
         },
-        _b$1[schema.TermTermType.property] = {
+        _b$2[schema.TermTermType.property] = {
             label: termTypeLabel(schema.TermTermType.property),
             termType: schema.TermTermType.property,
             children: []
         },
-        _b$1));
+        _b$2));
     var termTypeGroups = [
         groups.property,
         groups.region,
@@ -935,10 +937,10 @@
         groups.measurement,
         groups.infrastructure
     ];
-    var termToParent = (_c$1 = {},
-        _c$1[schema.TermTermType.property] = 'Properties',
-        _c$1[schema.TermTermType.region] = 'Geographies',
-        _c$1);
+    var termToParent = (_c$2 = {},
+        _c$2[schema.TermTermType.property] = 'Properties',
+        _c$2[schema.TermTermType.region] = 'Geographies',
+        _c$2);
     var termChildToParent = function (termType) { return termTypeGroups.find(function (_a) {
         var children = _a.children;
         return (children || []).some(function (child) { return child.termType === termType; });
@@ -993,6 +995,264 @@
         schema.TermTermType.standardsLabels
     ];
 
+    var KeyToLabelPipe = /** @class */ (function () {
+        function KeyToLabelPipe() {
+        }
+        KeyToLabelPipe.prototype.transform = function (value) {
+            // using termTypeLabel here which defaults to `keyToLabel` function
+            return termTypeLabel(value);
+        };
+        return KeyToLabelPipe;
+    }());
+    KeyToLabelPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    KeyToLabelPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, name: "keyToLabel" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'keyToLabel'
+                    }]
+            }] });
+
+    var KeysPipe = /** @class */ (function () {
+        function KeysPipe() {
+        }
+        KeysPipe.prototype.transform = function (value, sort) {
+            if (sort === void 0) { sort = false; }
+            var keys = Object.keys(value).map(function (key) { return ({ key: key, value: value[key] }); });
+            if (sort) {
+                keys.sort(function (a, b) { return a.key.localeCompare(b.key); });
+            }
+            return keys;
+        };
+        return KeysPipe;
+    }());
+    KeysPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    KeysPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, name: "keys" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'keys'
+                    }]
+            }] });
+
+    var PluralizePipe = /** @class */ (function () {
+        function PluralizePipe() {
+        }
+        PluralizePipe.prototype.transform = function (value, times) {
+            if (times === void 0) { times = 0; }
+            return pluralize__namespace(value, times);
+        };
+        return PluralizePipe;
+    }());
+    PluralizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    PluralizePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, name: "pluralize" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'pluralize'
+                    }]
+            }] });
+
+    var PrecisionPipe = /** @class */ (function () {
+        function PrecisionPipe() {
+        }
+        PrecisionPipe.prototype.transform = function (value, precision) {
+            return utils.isUndefined(value) ?
+                null : (utils.isNumber(value) ?
+                ("" + utils.toPrecision(parseFloat("" + value), parseInt("" + precision, 10))).replace(/\.00$/, '') :
+                value);
+        };
+        return PrecisionPipe;
+    }());
+    PrecisionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    PrecisionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, name: "precision" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'precision'
+                    }]
+            }] });
+
+    var components$7 = [
+        SocialTagsComponent,
+        ToastComponent,
+        BindOnceDirective,
+        DefaultPipe,
+        EllipsisPipe,
+        KeysPipe,
+        PluralizePipe,
+        KeyToLabelPipe,
+        PrecisionPipe
+    ];
+    var HeCommonLightModule = /** @class */ (function () {
+        function HeCommonLightModule() {
+        }
+        return HeCommonLightModule;
+    }());
+    HeCommonLightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    HeCommonLightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, declarations: [SocialTagsComponent,
+            ToastComponent,
+            BindOnceDirective,
+            DefaultPipe,
+            EllipsisPipe,
+            KeysPipe,
+            PluralizePipe,
+            KeyToLabelPipe,
+            PrecisionPipe], imports: [i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+            HeFontawesomeModule], exports: [HeFontawesomeModule, SocialTagsComponent,
+            ToastComponent,
+            BindOnceDirective,
+            DefaultPipe,
+            EllipsisPipe,
+            KeysPipe,
+            PluralizePipe,
+            KeyToLabelPipe,
+            PrecisionPipe] });
+    HeCommonLightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, imports: [[
+                i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+                HeFontawesomeModule
+            ], HeFontawesomeModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: components$7,
+                        exports: __spreadArray([
+                            HeFontawesomeModule
+                        ], __read(components$7)),
+                        imports: [
+                            i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+                            HeFontawesomeModule
+                        ]
+                    }]
+            }] });
+
+    var _a$4, _b$1, _c$1, _d$2;
+    var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
+    var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+    exports.DeltaColour = void 0;
+    (function (DeltaColour) {
+        DeltaColour["Success"] = "success";
+        DeltaColour["Warning"] = "warning";
+        DeltaColour["Danger"] = "danger";
+    })(exports.DeltaColour || (exports.DeltaColour = {}));
+    exports.DeltaDisplayType = void 0;
+    (function (DeltaDisplayType) {
+        DeltaDisplayType["absolute"] = "absolute";
+        DeltaDisplayType["percent"] = "percent";
+    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
+    var deltaPerType = (_a$4 = {},
+        _a$4[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
+        _a$4[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
+        _a$4);
+    var roundValue = function (value) { return +("" + value).substring(0, 10); };
+    var delta = function (value, originalValue, displayType, mapping) {
+        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
+        var vvalue = roundValue(propertyValue$1(value));
+        var voriginalValue = roundValue(propertyValue$1(originalValue));
+        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
+        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
+        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
+    };
+    var PercentDeltaConditions;
+    (function (PercentDeltaConditions) {
+        PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
+        PercentDeltaConditions["original0"] = "original is 0";
+    })(PercentDeltaConditions || (PercentDeltaConditions = {}));
+    var calculatePercentDeltaConditions = (_b$1 = {},
+        _b$1[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
+        _b$1[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
+        _b$1);
+    var calculatePercentDeltaResult = (_c$1 = {},
+        _c$1[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
+        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        _c$1[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
+        _c$1.default = function (original, recalculated) { return (recalculated - original) / original; },
+        _c$1);
+    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 = (_d$2 = {},
+        _d$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
+        _d$2);
+    var evaluateSuccess = function (deltaValue) { return Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        ? exports.DeltaColour.Success
+        : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
+            ? exports.DeltaColour.Warning
+            : exports.DeltaColour.Danger; };
+
+    var BlankNodeValueDeltaComponent = /** @class */ (function () {
+        function BlankNodeValueDeltaComponent() {
+            this.displayType = exports.DeltaDisplayType.percent;
+            this.DeltaDisplayType = exports.DeltaDisplayType;
+        }
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "hide", {
+            get: function () {
+                return emptyValue(this.value) || emptyValue(this.originalValue);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "delta", {
+            get: function () {
+                return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "color", {
+            get: function () {
+                return this.displayType === exports.DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return BlankNodeValueDeltaComponent;
+    }());
+    BlankNodeValueDeltaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BlankNodeValueDeltaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: { value: "value", originalValue: "originalValue", displayType: "displayType" }, ngImport: i0__namespace, template: "<small [class.is-hidden]=\"hide\">\n  <span class=\"has-text-{{color}}\">\n    <span *ngIf=\"delta > 0\">+</span>\n    <ng-container [ngSwitch]=\"displayType\">\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.absolute\">\n        <span *bindOnce=\"delta\">{{delta | precision:3}}</span>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.percent\">\n        <span *bindOnce=\"delta\">{{delta | number:'1.0-2'}}</span>\n        <span>%</span>\n      </ng-container>\n    </ng-container>\n  </span>\n</small>\n", styles: [""], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3__namespace.DecimalPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-blank-node-value-delta',
+                        templateUrl: './blank-node-value-delta.component.html',
+                        styleUrls: ['./blank-node-value-delta.component.scss']
+                    }]
+            }], propDecorators: { value: [{
+                    type: i0.Input
+                }], originalValue: [{
+                    type: i0.Input
+                }], displayType: [{
+                    type: i0.Input
+                }] } });
+
+    var BlankNodeDiffsComponent = /** @class */ (function () {
+        function BlankNodeDiffsComponent() {
+            this.originalValues = [];
+            this.recalculatedValues = [];
+            this.propertyValue = propertyValue$1;
+            this.values = [];
+        }
+        BlankNodeDiffsComponent.prototype.ngOnInit = function () {
+            this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
+        };
+        return BlankNodeDiffsComponent;
+    }());
+    BlankNodeDiffsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BlankNodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0__namespace, template: "<div class=\"table-container data-table-container mb-1\">\n  <table class=\"table is-narrow data-table has-children-3\" *bindOnce=\"values\">\n    <thead>\n      <tr>\n        <th class=\"width-auto\"></th>\n        <th>Original</th>\n        <th>Recalculated</th>\n        <th>Difference</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let value of values\"\n        [class.has-background-light]=\"!!value.original && value.original !== value.recalculated\"\n      >\n        <td class=\"width-auto\" [attr.title]=\"value.term.name\">\n          <ng-container *ngTemplateOutlet=\"termLink; context: {$implicit: value.term}\"></ng-container>\n        </td>\n        <td>\n          <span>{{value.original === undefined ? '-' : value.original}}</span>\n        </td>\n        <td>\n          <span>{{value.recalculated === undefined ? '-' : value.recalculated}}</span>\n        </td>\n        <td class=\"is-nowrap\">\n          <he-blank-node-value-delta\n            [value]=\"value.recalculated\"\n            [originalValue]=\"value.original\"\n          ></he-blank-node-value-delta>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #termLink let-term>\n  <a [routerLink]=\"['/', 'term', term['@id']]\" target=\"_blank\">\n    <span class=\"is-nowrap has-text-ellipsis\">{{term.name}}</span>\n  </a>\n</ng-template>\n", styles: ["table.data-table th:first-child,table.data-table td:first-child{width:auto}\n"], components: [{ type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-blank-node-diffs',
+                        templateUrl: './blank-node-diffs.component.html',
+                        styleUrls: ['./blank-node-diffs.component.scss']
+                    }]
+            }], propDecorators: { originalValues: [{
+                    type: i0.Input
+                }], recalculatedValues: [{
+                    type: i0.Input
+                }] } });
+
     var HE_API_BASE_URL = new i0.InjectionToken('HE_API_BASE_URL');
     var HeCommonService = /** @class */ (function () {
         function HeCommonService(_apiBaseUrl) {
@@ -1137,14 +1397,14 @@
         };
         return HeNodeService;
     }());
-    HeNodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeNodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeNodeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
 
     var gitUrl$1 = function () { return gitHome + "/hestia-aggregation-engine/-/blob/" + gitBranch(); };
     var rawUrl$1 = function () { return gitRawBaseUrl + "/hestia-aggregation-engine/-/raw/" + gitBranch(); };
@@ -1243,14 +1503,14 @@
         };
         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: 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$2.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: HeNodeService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.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(); };
@@ -1329,7 +1589,7 @@
         };
         return HeEngineService;
     }());
-    HeEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, deps: [{ token: HE_ORCHESTRATOR_BASE_URL }, { token: i1__namespace$1.HttpClient }], 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: HE_ORCHESTRATOR_BASE_URL }, { token: i1__namespace$2.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,
@@ -1340,7 +1600,7 @@
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [HE_ORCHESTRATOR_BASE_URL]
-                        }] }, { type: i1__namespace$1.HttpClient }];
+                        }] }, { type: i1__namespace$2.HttpClient }];
         } });
 
     var NodeKeyState;
@@ -1794,7 +2054,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>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"] }] });
+    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$4.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$3.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: [{
@@ -1804,7 +2064,7 @@
                     }]
             }], propDecorators: { map: [{
                     type: i0.ViewChild,
-                    args: [i1$2.GoogleMap]
+                    args: [i1$4.GoogleMap]
                 }], value: [{
                     type: i0.Input
                 }], modes: [{
@@ -1980,137 +2240,6 @@
                     args: ['style.height']
                 }] } });
 
-    var SocialTagsComponent = /** @class */ (function () {
-        function SocialTagsComponent(meta) {
-            this.meta = meta;
-            this.config = {};
-            this.classes = 'is-hidden';
-        }
-        SocialTagsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.meta.addTag({ charset: 'UTF-8' });
-            var config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
-            Object.keys(config).map(function (name) {
-                var content = config[name];
-                _this.meta.updateTag({ name: name, content: content });
-                if (name === 'og:description') {
-                    _this.meta.updateTag({ name: 'description', content: content });
-                }
-            });
-        };
-        return SocialTagsComponent;
-    }());
-    SocialTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, deps: [{ token: i1__namespace$3.Meta }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SocialTagsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SocialTagsComponent, selector: "he-social-tags", inputs: { config: "config" }, host: { properties: { "class": "this.classes" } }, ngImport: i0__namespace, template: "<span></span>\n", styles: [""] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-social-tags',
-                        templateUrl: './social-tags.component.html',
-                        styleUrls: ['./social-tags.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.Meta }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }], classes: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var toastId = 0;
-    var HeToastService = /** @class */ (function () {
-        function HeToastService() {
-            this.toasts = new rxjs.ReplaySubject(1);
-        }
-        HeToastService.prototype.success = function (message, duration) {
-            if (duration === void 0) { duration = 3000; }
-            this.toasts.next({
-                id: ++toastId,
-                message: message,
-                duration: duration,
-                color: 'success',
-                showRawMessage: true
-            });
-        };
-        HeToastService.prototype.error = function (message, showRawMessage, duration) {
-            if (showRawMessage === void 0) { showRawMessage = true; }
-            if (duration === void 0) { duration = 3000; }
-            this.toasts.next({
-                id: ++toastId,
-                message: ("" + message || '').trim(),
-                duration: duration,
-                color: 'danger',
-                showRawMessage: showRawMessage
-            });
-        };
-        return HeToastService;
-    }());
-    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'
-                    }]
-            }] });
-
-    var ToastComponent = /** @class */ (function () {
-        function ToastComponent(toastService) {
-            this.toastService = toastService;
-            this.subscriptions = [];
-            this.toasts = [];
-        }
-        ToastComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.subscriptions.push(this.toastService.toasts.subscribe(function (toast) { return _this.add(toast); }));
-        };
-        ToastComponent.prototype.ngOnDestroy = function () {
-            this.subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
-        };
-        ToastComponent.prototype.add = function (toast) {
-            var _this = this;
-            this.toasts.push(toast);
-            if (toast.duration) {
-                toast.timeout = setTimeout(function () { return _this.dismiss(toast); }, toast.duration);
-            }
-        };
-        ToastComponent.prototype.dismiss = function (toast) {
-            this.toasts.splice(this.toasts.findIndex(function (val) { return val.id === toast.id; }), 1);
-        };
-        return ToastComponent;
-    }());
-    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,
-                args: [{
-                        selector: 'he-toast',
-                        templateUrl: './toast.component.html',
-                        styleUrls: ['./toast.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: HeToastService }]; } });
-
-    var KeysPipe = /** @class */ (function () {
-        function KeysPipe() {
-        }
-        KeysPipe.prototype.transform = function (value, sort) {
-            if (sort === void 0) { sort = false; }
-            var keys = Object.keys(value).map(function (key) { return ({ key: key, value: value[key] }); });
-            if (sort) {
-                keys.sort(function (a, b) { return a.key.localeCompare(b.key); });
-            }
-            return keys;
-        };
-        return KeysPipe;
-    }());
-    KeysPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    KeysPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, name: "keys" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'keys'
-                    }]
-            }] });
-
     var parsePropertyValue = function (value) { return utils.isNumber(value) ? +value : (utils.isBoolean(value) ? value.toString() === 'true' : value); };
     var parseResult = function (value) { return isNaN(value) ? '' : ("" + value).replace(',', '.'); };
     var UnitConverterComponent = /** @class */ (function () {
@@ -2219,47 +2348,6 @@
                     args: ['document:click', ['$event']]
                 }] } });
 
-    var shouldDefault = {
-        string: function (value) { return !value; },
-        number: function (value) { return !value && value !== 0; },
-        boolean: function (value) { return !value; },
-        object: function (value) { return !value || !Object.keys(value).length; },
-        undefined: function () { return true; }
-    };
-    var DefaultPipe = /** @class */ (function () {
-        function DefaultPipe() {
-        }
-        DefaultPipe.prototype.transform = function (value, defaultValue) {
-            return shouldDefault[typeof value](value) ? defaultValue : value;
-        };
-        return DefaultPipe;
-    }());
-    DefaultPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    DefaultPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, name: "default" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'default'
-                    }]
-            }] });
-
-    var EllipsisPipe = /** @class */ (function () {
-        function EllipsisPipe() {
-        }
-        EllipsisPipe.prototype.transform = function (value, maxLength) {
-            return ellipsis("" + value, maxLength);
-        };
-        return EllipsisPipe;
-    }());
-    EllipsisPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    EllipsisPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, name: "ellipsis" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ellipsis'
-                    }]
-            }] });
-
     var get$3 = require('lodash.get');
     var GetPipe = /** @class */ (function () {
         function GetPipe() {
@@ -2279,42 +2367,6 @@
                     }]
             }] });
 
-    var KeyToLabelPipe = /** @class */ (function () {
-        function KeyToLabelPipe() {
-        }
-        KeyToLabelPipe.prototype.transform = function (value) {
-            // using termTypeLabel here which defaults to `keyToLabel` function
-            return termTypeLabel(value);
-        };
-        return KeyToLabelPipe;
-    }());
-    KeyToLabelPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    KeyToLabelPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, name: "keyToLabel" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'keyToLabel'
-                    }]
-            }] });
-
-    var PluralizePipe = /** @class */ (function () {
-        function PluralizePipe() {
-        }
-        PluralizePipe.prototype.transform = function (value, times) {
-            if (times === void 0) { times = 0; }
-            return pluralize__namespace(value, times);
-        };
-        return PluralizePipe;
-    }());
-    PluralizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PluralizePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, name: "pluralize" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pluralize'
-                    }]
-            }] });
-
     var restrictToType = {
         number: function (val) { return parseFloat(val) === +val ? val : false; }
     };
@@ -2436,18 +2488,9 @@
         UnitConverterComponent,
         BlankNodeDiffsComponent,
         TimesPipe,
-        ToastComponent,
         ClickOutsideDirective,
-        KeysPipe,
-        PrecisionPipe,
-        SocialTagsComponent,
-        DefaultPipe,
         SkeletonTextComponent,
-        PluralizePipe,
-        KeyToLabelPipe,
-        BindOnceDirective,
-        GetPipe,
-        EllipsisPipe
+        GetPipe
     ];
     var HeCommonModule = /** @class */ (function () {
         function HeCommonModule() {
@@ -2468,23 +2511,14 @@
             UnitConverterComponent,
             BlankNodeDiffsComponent,
             TimesPipe,
-            ToastComponent,
             ClickOutsideDirective,
-            KeysPipe,
-            PrecisionPipe,
-            SocialTagsComponent,
-            DefaultPipe,
             SkeletonTextComponent,
-            PluralizePipe,
-            KeyToLabelPipe,
-            BindOnceDirective,
-            GetPipe,
-            EllipsisPipe], imports: [i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+            GetPipe], imports: [i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule], exports: [i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule, ClipboardComponent,
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule], exports: [i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule, ClipboardComponent,
             PopoverComponent,
             PopoverConfirmComponent,
             TagsInputDirective,
@@ -2497,40 +2531,31 @@
             UnitConverterComponent,
             BlankNodeDiffsComponent,
             TimesPipe,
-            ToastComponent,
             ClickOutsideDirective,
-            KeysPipe,
-            PrecisionPipe,
-            SocialTagsComponent,
-            DefaultPipe,
             SkeletonTextComponent,
-            PluralizePipe,
-            KeyToLabelPipe,
-            BindOnceDirective,
-            GetPipe,
-            EllipsisPipe] });
+            GetPipe] });
     HeCommonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+                i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
                 i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                i1$2.GoogleMapsModule,
-                HeFontawesomeModule
+                i1$4.GoogleMapsModule,
+                HeCommonLightModule
             ], i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule] });
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: components$6,
                         exports: __spreadArray([
                             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                            i1$2.GoogleMapsModule,
-                            HeFontawesomeModule
+                            i1$4.GoogleMapsModule,
+                            HeCommonLightModule
                         ], __read(components$6)),
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+                            i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
                             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                            i1$2.GoogleMapsModule,
-                            HeFontawesomeModule
+                            i1$4.GoogleMapsModule,
+                            HeCommonLightModule
                         ]
                     }]
             }] });
@@ -2562,14 +2587,14 @@
         };
         return HeMendeleyService;
     }());
-    HeMendeleyService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeMendeleyService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeMendeleyService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeCommonService }]; } });
 
     var _a$3, _b, _c, _d$1, _e;
     var searchableTypes = [
@@ -2913,14 +2938,14 @@
         };
         return HeSearchService;
     }());
-    HeSearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeSearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeSearchService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeCommonService }]; } });
 
     var BibliographiesSearchConfirmComponent = /** @class */ (function () {
         function BibliographiesSearchConfirmComponent(formBuilder, mendeleyService, searchService) {
@@ -2935,7 +2960,7 @@
             this.loading = true;
             this.hasResults = false;
             this.formGroup = formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.results = this.searchControl.valueChanges.pipe(operators.debounceTime(300), operators.distinctUntilChanged(), operators.tap(function () {
                 _this.loading = true;
@@ -3033,10 +3058,10 @@
         return HeBibliographiesModule;
     }());
     HeBibliographiesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    HeBibliographiesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, declarations: [BibliographiesSearchConfirmComponent], imports: [i3.CommonModule, i1$4.ReactiveFormsModule,
+    HeBibliographiesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, declarations: [BibliographiesSearchConfirmComponent], imports: [i3.CommonModule, i1$2.ReactiveFormsModule,
             HeCommonModule], exports: [BibliographiesSearchConfirmComponent] });
     HeBibliographiesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, imports: [[
-                i3.CommonModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.ReactiveFormsModule,
                 HeCommonModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, decorators: [{
@@ -3045,7 +3070,7 @@
                         declarations: components$5,
                         exports: components$5,
                         imports: [
-                            i3.CommonModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.ReactiveFormsModule,
                             HeCommonModule
                         ]
                     }]
@@ -3299,14 +3324,14 @@
         ;
         return HeSchemaService;
     }());
-    HeSchemaService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeSchemaService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, deps: [{ token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeSchemaService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }]; } });
 
     var headerGroup = function (header) {
         var parts = header.split('.');
@@ -3508,7 +3533,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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, deps: [{ token: i1__namespace$1.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>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,
@@ -3517,7 +3542,7 @@
                         templateUrl: './node-csv-export-confirm.component.html',
                         styleUrls: ['./node-csv-export-confirm.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }]; }, propDecorators: { nodes: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; }, propDecorators: { nodes: [{
                     type: i0.Input
                 }], filename: [{
                     type: i0.Input
@@ -3739,7 +3764,7 @@
         };
         return NodeLogsFileComponent;
     }());
-    NodeLogsFileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, deps: [{ token: i1__namespace$3.DomSanitizer }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NodeLogsFileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, deps: [{ token: i1__namespace$1.DomSanitizer }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     NodeLogsFileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsFileComponent, selector: "he-node-logs-file", inputs: { node: "node", dataState: "dataState" }, ngImport: i0__namespace, template: "<div class=\"is-relative\">\n  <div class=\"copy-clipboard\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-link is-small\"\n          [value]=\"nodeLog | async\" [hideText]=\"true\" [icon]=\"['far', 'clone']\" size=\"lg\" rotate=\"180\"\n        ></he-clipboard>\n      </div>\n      <ng-container *ngIf=\"showFilters\">\n        <div class=\"control\">\n          <input class=\"input is-link is-small\"\n            [(ngModel)]=\"modelFilter\" id=\"modelFilter\"\n            (input)=\"applyFilters()\"\n            placeholder=\"Filter by Method / Model\"\n          >\n        </div>\n        <div class=\"control\">\n          <input class=\"input is-link is-small\"\n            [(ngModel)]=\"termFilter\" id=\"termFilter\"\n            (input)=\"applyFilters()\"\n            placeholder=\"Filter by Term\"\n          >\n        </div>\n        <div class=\"control\">\n          <div class=\"select is-link is-small\">\n            <select (change)=\"applyFilters()\"\n              [(ngModel)]=\"selectedLevel\" id=\"selectedLevel\"\n            >\n              <option *ngFor=\"let level of Level | keys\" [value]=\"level.value\">{{level.value}}</option>\n            </select>\n          </div>\n        </div>\n      </ng-container>\n      <div class=\"control\">\n        <button class=\"button is-small\" (click)=\"showFilters = !showFilters\"\n          [ngbTooltip]=\"showFilters ? 'Hide filters' : 'Show filters'\" placement=\"bottom\" container=\"body\"\n        >\n          <fa-icon icon=\"filter\"></fa-icon>\n        </button>\n      </div>\n      <div class=\"control pl-3\">\n        <a class=\"button is-dark is-outlined is-small\" target=\"_blank\"\n          [href]=\"csvContent\"\n          [download]=\"fileToExt(node!['@id'], 'csv')\"\n        >\n          <fa-icon class=\"mr-2\" icon=\"download\"></fa-icon>\n          <span>Download (CSV)</span>\n        </a>\n      </div>\n    </div>\n  </div>\n\n  <pre class=\"pl-3 pt-3 ml-3\"><code class=\"is-block {{line.class}}\" *ngFor=\"let line of nodeLogLines\">{{line.data.timestamp}} {{('[' + line.data.level + ']:').padEnd(9, ' ')}} {{line.data.message}}</code></pre>\n</div>\n", styles: [":host{display:block}pre{background-color:inherit;color:inherit;min-height:38px;max-height:500px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i10__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], pipes: { "async": i3__namespace.AsyncPipe, "keys": KeysPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, decorators: [{
                 type: i0.Component,
@@ -3748,7 +3773,7 @@
                         templateUrl: './node-logs-file.component.html',
                         styleUrls: ['./node-logs-file.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
                     type: i0.Input
                 }], dataState: [{
                     type: i0.Input
@@ -4059,7 +4084,7 @@
             NodeLogsFileComponent,
             NodeLogsModelsComponent,
             NodeMissingLookupFactorsComponent,
-            NodeValueDetailsComponent], imports: [i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+            NodeValueDetailsComponent], imports: [i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
             i6.DragDropModule,
             HeCommonModule], exports: [NodeIconComponent,
             NodeLinkComponent,
@@ -4071,7 +4096,7 @@
             NodeMissingLookupFactorsComponent,
             NodeValueDetailsComponent] });
     HeNodeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeModule, imports: [[
-                i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+                i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
                 i6.DragDropModule,
                 HeCommonModule
             ]] });
@@ -4081,7 +4106,7 @@
                         declarations: components$4,
                         exports: components$4,
                         imports: [
-                            i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+                            i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
                             i6.DragDropModule,
                             HeCommonModule
                         ]
@@ -4117,7 +4142,7 @@
             this.cycles = [];
             this.cycleAdded = new i0.EventEmitter();
             this.form = this.formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.loading = false;
             this.suggesting = false;
@@ -4758,7 +4783,7 @@
             CyclesEmissionsLogsComponent,
             CyclesFunctionalUnitMeasureComponent,
             CyclesResultComponent,
-            CyclesSuggestFormComponent], imports: [i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+            CyclesSuggestFormComponent], imports: [i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [CyclesActivityComponent,
             CyclesActivityLogsComponent,
@@ -4770,7 +4795,7 @@
             CyclesResultComponent,
             CyclesSuggestFormComponent] });
     HeCyclesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCyclesModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -4780,7 +4805,7 @@
                         declarations: components$3,
                         exports: components$3,
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -5800,7 +5825,7 @@
         return SitesMapsComponent;
     }());
     SitesMapsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMapsComponent, deps: [{ token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SitesMapsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$2.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1__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"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    SitesMapsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$4.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1__namespace$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMapsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5810,7 +5835,7 @@
                     }]
             }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { map: [{
                     type: i0.ViewChild,
-                    args: [i1$2.GoogleMap]
+                    args: [i1$4.GoogleMap]
                 }], loadPolygons: [{
                     type: i0.Input
                 }], sites: [{
@@ -5995,13 +6020,13 @@
     HeSitesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     HeSitesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, declarations: [SitesMapsComponent,
             SitesMeasurementsComponent,
-            SitesMeasurementsLogsComponent], imports: [i3.CommonModule, i1$4.ReactiveFormsModule,
+            SitesMeasurementsLogsComponent], imports: [i3.CommonModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [SitesMapsComponent,
             SitesMeasurementsComponent,
             SitesMeasurementsLogsComponent] });
     HeSitesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, imports: [[
-                i3.CommonModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -6011,7 +6036,7 @@
                         declarations: components$2,
                         exports: components$2,
                         imports: [
-                            i3.CommonModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -6495,13 +6520,13 @@
         return HeFilesModule;
     }());
     HeFilesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    HeFilesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, declarations: [FilesFormComponent], imports: [i3.CommonModule, i1$4.FormsModule,
+    HeFilesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, declarations: [FilesFormComponent], imports: [i3.CommonModule, i1$2.FormsModule,
             HeCommonModule,
             HeNodeModule,
             HeBibliographiesModule,
             HeSitesModule], exports: [FilesFormComponent] });
     HeFilesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule,
+                i3.CommonModule, i1$2.FormsModule,
                 HeCommonModule,
                 HeNodeModule,
                 HeBibliographiesModule,
@@ -6513,7 +6538,7 @@
                         declarations: components$1,
                         exports: components$1,
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule,
+                            i3.CommonModule, i1$2.FormsModule,
                             HeCommonModule,
                             HeNodeModule,
                             HeBibliographiesModule,
@@ -6686,7 +6711,7 @@
         };
         return ImpactAssessmentsIndicatorBreakdownChartComponent;
     }());
-    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1__namespace$3.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1__namespace$1.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     ImpactAssessmentsIndicatorBreakdownChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: "impactAssessment", indicators: "indicators" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"loading || !terms?.length\">\n  <div class=\"columns\">\n    <div class=\"column\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Select an Indicator</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth is-small\">\n            <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n              <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <a class=\"button is-dark is-outlined is-small\" [href]=\"csvContent\" [download]=\"id + '-logs.csv'\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download All (CSV)</span>\n      </a>\n    </div>\n  </div>\n\n  <div class=\"mt-1\">\n    <p *ngIf=\"noData\" class=\"has-text-centered\">No breakdown available for {{selectedTerm?.name}}.</p>\n    <div class=\"chart-container h-100\">\n      <canvas #chart></canvas>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"loading\">\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-container>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\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"] }], directives: [{ 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: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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: ImpactAssessmentsIndicatorBreakdownChartComponent, decorators: [{
                 type: i0.Component,
@@ -6695,7 +6720,7 @@
                         templateUrl: './impact-assessments-indicator-breakdown-chart.component.html',
                         styleUrls: ['./impact-assessments-indicator-breakdown-chart.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
                     type: i0.ViewChild,
                     args: ['chart']
                 }], impactAssessment: [{
@@ -6956,7 +6981,7 @@
             this.indicators = [];
             // Adding impacts to compare
             this.form = this.formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.selectedImpactAssessments = [];
             this.loading = false;
@@ -7245,14 +7270,14 @@
     HeImpactAssessmentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeImpactAssessmentsModule, declarations: [ImpactAssessmentsProductsComponent,
             ImpactAssessmentsIndicatorsChartComponent,
             ImpactAssessmentsProductsLogsComponent,
-            ImpactAssessmentsIndicatorBreakdownChartComponent], imports: [i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+            ImpactAssessmentsIndicatorBreakdownChartComponent], imports: [i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [ImpactAssessmentsProductsComponent,
             ImpactAssessmentsIndicatorsChartComponent,
             ImpactAssessmentsProductsLogsComponent,
             ImpactAssessmentsIndicatorBreakdownChartComponent] });
     HeImpactAssessmentsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeImpactAssessmentsModule, imports: [[
-                i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -7262,7 +7287,7 @@
                         declarations: components,
                         exports: components,
                         imports: [
-                            i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -7341,6 +7366,7 @@
     exports.HeAggregationEngineService = HeAggregationEngineService;
     exports.HeAuthService = HeAuthService;
     exports.HeBibliographiesModule = HeBibliographiesModule;
+    exports.HeCommonLightModule = HeCommonLightModule;
     exports.HeCommonModule = HeCommonModule;
     exports.HeCommonService = HeCommonService;
     exports.HeCyclesModule = HeCyclesModule;