@hestia-earth/ui-components 0.0.8 → 0.0.9

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, Directive, Input, Pipe, Component, InjectionToken, Inject, ViewChild, EventEmitter, Output, HostListener, HostBinding } from '@angular/core';
+import { Injectable, NgModule, Component, Input, HostBinding, Directive, Pipe, InjectionToken, Inject, ViewChild, EventEmitter, Output, HostListener } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$4 from '@angular/forms';
@@ -8,23 +8,23 @@ import * as i4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i10 from '@ng-bootstrap/ng-bootstrap';
 import { NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i1$2 from '@angular/google-maps';
+import * as i1$3 from '@angular/google-maps';
 import { GoogleMap, GoogleMapsModule } from '@angular/google-maps';
 import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faClone, faCircle, faIdBadge } from '@fortawesome/free-regular-svg-icons';
 import { faAngleDoubleLeft, faAngleDoubleRight, faAngleDown, faAngleLeft, faAngleRight, faBookOpen, faBuilding, faCalculator, faChartBar, faCheck, faClipboard, faClipboardList, faClone as faClone$1, faComments, faDownload, faDrawPolygon, faEdit, faExclamationTriangle, faExternalLinkAlt, faFilter, faList, faLongArrowAltDown, faLongArrowAltUp, faLongArrowAltLeft, faLongArrowAltRight, faMap, faMapMarked, faMapMarkedAlt, faPlus, faPlusCircle, faSearch, faSeedling, faSpellCheck, faSpinner, faTimes, faUser } from '@fortawesome/free-solid-svg-icons';
+import * as i1$1 from '@angular/platform-browser';
+import { ReplaySubject, of, forkJoin, from, zip } from 'rxjs';
 import { getColor } from 'random-material-color';
 import { EmissionMethodTier, NodeType, isExpandable, TermTermType, nestedSearchableKeys, SchemaType, SCHEMA_VERSION, sortKeysByType, CycleFunctionalUnit, SiteSiteType, isTypeValid, isTypeNode, typeToSchemaType } from '@hestia-earth/schema';
 import { fileToExt, nodeTypeToParam, DataState, SupportedExtensions } from '@hestia-earth/api';
 import { unique, isEmpty, isUndefined, isNumber, toPrecision, isBoolean, ConvertUnits, converters, convertValue, isEqual, diffInDays } from '@hestia-earth/utils';
-import { of, ReplaySubject, forkJoin, from, zip } from 'rxjs';
+import * as pluralize from 'pluralize';
 import { catchError, map, take, mergeMap, debounceTime, distinctUntilChanged, tap, switchMap, reduce, filter, distinct, toArray, mergeAll, groupBy } from 'rxjs/operators';
 import { __rest, __awaiter } from 'tslib';
 import * as csvtojson from 'csvtojson';
-import * as i1$1 from '@angular/common/http';
-import * as i1$3 from '@angular/platform-browser';
-import * as pluralize from 'pluralize';
+import * as i1$2 from '@angular/common/http';
 import BulmaTagsInput from '@hestia-earth/bulma-tagsinput';
 import { json2csvAsync } from 'json-2-csv';
 import * as i6 from '@angular/cdk/drag-drop';
@@ -85,6 +85,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.FaIconLibrary }]; } });
 
+class SocialTagsComponent {
+    constructor(meta) {
+        this.meta = meta;
+        this.config = {};
+        this.classes = 'is-hidden';
+    }
+    ngOnInit() {
+        this.meta.addTag({ charset: 'UTF-8' });
+        const config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
+        Object.keys(config).map(name => {
+            const content = config[name];
+            this.meta.updateTag({ name, content });
+            if (name === 'og:description') {
+                this.meta.updateTag({ name: 'description', content });
+            }
+        });
+    }
+}
+SocialTagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SocialTagsComponent, deps: [{ token: i1$1.Meta }], target: i0.ɵɵFactoryTarget.Component });
+SocialTagsComponent.ɵcmp = i0.ɵɵ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, template: "<span></span>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SocialTagsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-social-tags',
+                    templateUrl: './social-tags.component.html',
+                    styleUrls: ['./social-tags.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Meta }]; }, propDecorators: { config: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let toastId = 0;
+class HeToastService {
+    constructor() {
+        this.toasts = new ReplaySubject(1);
+    }
+    success(message, duration = 3000) {
+        this.toasts.next({
+            id: ++toastId,
+            message,
+            duration,
+            color: 'success',
+            showRawMessage: true
+        });
+    }
+    error(message, showRawMessage = true, duration = 3000) {
+        this.toasts.next({
+            id: ++toastId,
+            message: (`${message}` || '').trim(),
+            duration,
+            color: 'danger',
+            showRawMessage
+        });
+    }
+}
+HeToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+HeToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ToastComponent {
+    constructor(toastService) {
+        this.toastService = toastService;
+        this.subscriptions = [];
+        this.toasts = [];
+    }
+    ngOnInit() {
+        this.subscriptions.push(this.toastService.toasts.subscribe(toast => this.add(toast)));
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+    add(toast) {
+        this.toasts.push(toast);
+        if (toast.duration) {
+            toast.timeout = setTimeout(() => this.dismiss(toast), toast.duration);
+        }
+    }
+    dismiss(toast) {
+        this.toasts.splice(this.toasts.findIndex(val => val.id === toast.id), 1);
+    }
+}
+ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, deps: [{ token: HeToastService }], target: i0.ɵɵFactoryTarget.Component });
+ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0, template: "<div class=\"mb-3 columns is-centered is-vcentered\">\n  <div class=\"notification is-{{toast.color}}\" role=\"alert\" *ngFor=\"let toast of toasts\">\n    <button class=\"delete\" aria-label=\"delete\" (click)=\"dismiss(toast)\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <strong [ngSwitch]=\"toast.color\">\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container [ngSwitch]=\"toast.message\">\n          <span *ngSwitchCase=\"'Unauthorized'\">You are not allowed to perform this action.</span>\n          <span *ngSwitchCase=\"'form-invalid'\">Please fix all the errors on this page.</span>\n          <span *ngSwitchCase=\"'users-email-already-taken'\">Email already taken.</span>\n          <span *ngSwitchCase=\"'users-auth-already-taken'\">Account already connected.</span>\n          <span *ngSwitchDefault>\n            <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n            <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n          </span>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n        <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n      </ng-container>\n    </strong>\n  </div>\n</div>\n", styles: [":host{bottom:0;position:fixed;width:100%}\n"], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-toast',
+                    templateUrl: './toast.component.html',
+                    styleUrls: ['./toast.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: HeToastService }]; } });
+
+/* eslint-disable @angular-eslint/directive-selector */
+class BindOnceDirective {
+    constructor(templateRef, viewContainerRef) {
+        this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
+        this.embeddedViewRef.detach();
+    }
+    ngOnChanges() {
+        this.embeddedViewRef.detectChanges();
+    }
+}
+BindOnceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindOnceDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BindOnceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindOnceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bindOnce]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
+                type: Input
+            }] } });
+
+const shouldDefault = {
+    string: (value) => !value,
+    number: (value) => !value && value !== 0,
+    boolean: (value) => !value,
+    object: (value) => !value || !Object.keys(value).length,
+    undefined: () => true
+};
+class DefaultPipe {
+    transform(value, defaultValue) {
+        return shouldDefault[typeof value](value) ? defaultValue : value;
+    }
+}
+DefaultPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DefaultPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, name: "default" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'default'
+                }]
+        }] });
+
 const get$4 = require('lodash.get');
 const gitHome = 'https://gitlab.com/hestia-earth';
 const gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
@@ -96,7 +238,6 @@ const baseUrl = () => window.location.origin.includes('localhost') ?
         window.location.origin :
         'https://www.hestia.earth';
 const isExternal = () => baseUrl() !== window.location.origin;
-;
 const parseErrorStatus = (error) => ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-');
 const parseErrorMessage = (error) => get$4(error, 'error.error', get$4(error, 'error.message', get$4(error, 'error', get$4(error, 'message', error))));
 const handleAPIError = (error) => {
@@ -271,155 +412,20 @@ const filenameWithoutExt = (filename = '') => {
     return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
 };
 
-const SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
-const WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
-var DeltaColour;
-(function (DeltaColour) {
-    DeltaColour["Success"] = "success";
-    DeltaColour["Warning"] = "warning";
-    DeltaColour["Danger"] = "danger";
-})(DeltaColour || (DeltaColour = {}));
-var DeltaDisplayType;
-(function (DeltaDisplayType) {
-    DeltaDisplayType["absolute"] = "absolute";
-    DeltaDisplayType["percent"] = "percent";
-})(DeltaDisplayType || (DeltaDisplayType = {}));
-const deltaPerType = {
-    [DeltaDisplayType.absolute]: (value, original) => value - original,
-    [DeltaDisplayType.percent]: (value, original) => ((value - original) / original) * 100
-};
-const roundValue = (value) => +`${value}`.substring(0, 10);
-const delta = (value, originalValue, displayType = DeltaDisplayType.percent, mapping) => {
-    const vvalue = roundValue(propertyValue$1(value));
-    const voriginalValue = roundValue(propertyValue$1(originalValue));
-    const deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
-    const diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
-    return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
-};
-var PercentDeltaConditions;
-(function (PercentDeltaConditions) {
-    PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
-    PercentDeltaConditions["original0"] = "original is 0";
-})(PercentDeltaConditions || (PercentDeltaConditions = {}));
-const calculatePercentDeltaConditions = {
-    [PercentDeltaConditions.recalculated0]: (original, recalculated) => original > 0 && recalculated === 0,
-    [PercentDeltaConditions.original0]: (original, recalculated) => original === 0 && recalculated > 0
-};
-const calculatePercentDeltaResult = {
-    [PercentDeltaConditions.recalculated0]: (original, recalculated) => (recalculated - original) / (original + 1),
-    // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
-    [PercentDeltaConditions.original0]: (original, recalculated) => Math.sign(recalculated - original),
-    default: (original, recalculated) => (recalculated - original) / original
-};
-const calculatePercentDelta = (recalculated, original) => {
-    const matchingCondition = Object.values(PercentDeltaConditions).find((value) => calculatePercentDeltaConditions[value](original, recalculated)) || 'default';
-    return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
-};
-const customDeltaFuncs = {
-    [DeltaDisplayType.percent]: calculatePercentDelta
-};
-const evaluateSuccess = (deltaValue) => Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
-    ? DeltaColour.Success
-    : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
-        ? DeltaColour.Warning
-        : DeltaColour.Danger;
-
-/* eslint-disable @angular-eslint/directive-selector */
-class BindOnceDirective {
-    constructor(templateRef, viewContainerRef) {
-        this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
-        this.embeddedViewRef.detach();
-    }
-    ngOnChanges() {
-        this.embeddedViewRef.detectChanges();
-    }
-}
-BindOnceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindOnceDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-BindOnceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindOnceDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bindOnce]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
-                type: Input
-            }] } });
-
-class PrecisionPipe {
-    transform(value, precision) {
-        return isUndefined(value) ?
-            null : (isNumber(value) ?
-            `${toPrecision(parseFloat(`${value}`), parseInt(`${precision}`, 10))}`.replace(/\.00$/, '') :
-            value);
+class EllipsisPipe {
+    transform(value, maxLength) {
+        return ellipsis(`${value}`, maxLength);
     }
 }
-PrecisionPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PrecisionPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, name: "precision" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, decorators: [{
+EllipsisPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+EllipsisPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, name: "ellipsis" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'precision'
+                    name: 'ellipsis'
                 }]
         }] });
 
-class BlankNodeValueDeltaComponent {
-    constructor() {
-        this.displayType = DeltaDisplayType.percent;
-        this.DeltaDisplayType = DeltaDisplayType;
-    }
-    get hide() {
-        return emptyValue(this.value) || emptyValue(this.originalValue);
-    }
-    get delta() {
-        return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
-    }
-    get color() {
-        return this.displayType === DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
-    }
-}
-BlankNodeValueDeltaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeValueDeltaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlankNodeValueDeltaComponent.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3.DecimalPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeValueDeltaComponent, decorators: [{
-            type: 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: Input
-            }], originalValue: [{
-                type: Input
-            }], displayType: [{
-                type: Input
-            }] } });
-
-class BlankNodeDiffsComponent {
-    constructor() {
-        this.originalValues = [];
-        this.recalculatedValues = [];
-        this.propertyValue = propertyValue$1;
-        this.values = [];
-    }
-    ngOnInit() {
-        this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
-    }
-}
-BlankNodeDiffsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeDiffsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlankNodeDiffsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0, 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeDiffsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-blank-node-diffs',
-                    templateUrl: './blank-node-diffs.component.html',
-                    styleUrls: ['./blank-node-diffs.component.scss']
-                }]
-        }], propDecorators: { originalValues: [{
-                type: Input
-            }], recalculatedValues: [{
-                type: Input
-            }] } });
-
 const termProperties = (term) => Object.keys(term).filter(key => !isExpandable(term[key]) && ![
     'pinned', 'expanded', 'extended', 'selected', 'loading',
     '_score', '@type', '@id', '@context', 'createdAt',
@@ -602,6 +608,232 @@ const sortOrder = [
     TermTermType.standardsLabels
 ];
 
+class KeyToLabelPipe {
+    transform(value) {
+        // using termTypeLabel here which defaults to `keyToLabel` function
+        return termTypeLabel(value);
+    }
+}
+KeyToLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeyToLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, name: "keyToLabel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'keyToLabel'
+                }]
+        }] });
+
+class KeysPipe {
+    transform(value, sort = false) {
+        const keys = Object.keys(value).map(key => ({ key, value: value[key] }));
+        if (sort) {
+            keys.sort((a, b) => a.key.localeCompare(b.key));
+        }
+        return keys;
+    }
+}
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'keys'
+                }]
+        }] });
+
+class PluralizePipe {
+    transform(value, times = 0) {
+        return pluralize(value, times);
+    }
+}
+PluralizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PluralizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, name: "pluralize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pluralize'
+                }]
+        }] });
+
+class PrecisionPipe {
+    transform(value, precision) {
+        return isUndefined(value) ?
+            null : (isNumber(value) ?
+            `${toPrecision(parseFloat(`${value}`), parseInt(`${precision}`, 10))}`.replace(/\.00$/, '') :
+            value);
+    }
+}
+PrecisionPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PrecisionPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, name: "precision" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PrecisionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'precision'
+                }]
+        }] });
+
+const components$7 = [
+    SocialTagsComponent,
+    ToastComponent,
+    BindOnceDirective,
+    DefaultPipe,
+    EllipsisPipe,
+    KeysPipe,
+    PluralizePipe,
+    KeyToLabelPipe,
+    PrecisionPipe
+];
+class HeCommonLightModule {
+}
+HeCommonLightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonLightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeCommonLightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonLightModule, declarations: [SocialTagsComponent,
+        ToastComponent,
+        BindOnceDirective,
+        DefaultPipe,
+        EllipsisPipe,
+        KeysPipe,
+        PluralizePipe,
+        KeyToLabelPipe,
+        PrecisionPipe], imports: [CommonModule, FormsModule, RouterModule,
+        HeFontawesomeModule], exports: [HeFontawesomeModule, SocialTagsComponent,
+        ToastComponent,
+        BindOnceDirective,
+        DefaultPipe,
+        EllipsisPipe,
+        KeysPipe,
+        PluralizePipe,
+        KeyToLabelPipe,
+        PrecisionPipe] });
+HeCommonLightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonLightModule, imports: [[
+            CommonModule, FormsModule, RouterModule,
+            HeFontawesomeModule
+        ], HeFontawesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonLightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: components$7,
+                    exports: [
+                        HeFontawesomeModule,
+                        ...components$7
+                    ],
+                    imports: [
+                        CommonModule, FormsModule, RouterModule,
+                        HeFontawesomeModule
+                    ]
+                }]
+        }] });
+
+const SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
+const WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+var DeltaColour;
+(function (DeltaColour) {
+    DeltaColour["Success"] = "success";
+    DeltaColour["Warning"] = "warning";
+    DeltaColour["Danger"] = "danger";
+})(DeltaColour || (DeltaColour = {}));
+var DeltaDisplayType;
+(function (DeltaDisplayType) {
+    DeltaDisplayType["absolute"] = "absolute";
+    DeltaDisplayType["percent"] = "percent";
+})(DeltaDisplayType || (DeltaDisplayType = {}));
+const deltaPerType = {
+    [DeltaDisplayType.absolute]: (value, original) => value - original,
+    [DeltaDisplayType.percent]: (value, original) => ((value - original) / original) * 100
+};
+const roundValue = (value) => +`${value}`.substring(0, 10);
+const delta = (value, originalValue, displayType = DeltaDisplayType.percent, mapping) => {
+    const vvalue = roundValue(propertyValue$1(value));
+    const voriginalValue = roundValue(propertyValue$1(originalValue));
+    const deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
+    const diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
+    return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
+};
+var PercentDeltaConditions;
+(function (PercentDeltaConditions) {
+    PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
+    PercentDeltaConditions["original0"] = "original is 0";
+})(PercentDeltaConditions || (PercentDeltaConditions = {}));
+const calculatePercentDeltaConditions = {
+    [PercentDeltaConditions.recalculated0]: (original, recalculated) => original > 0 && recalculated === 0,
+    [PercentDeltaConditions.original0]: (original, recalculated) => original === 0 && recalculated > 0
+};
+const calculatePercentDeltaResult = {
+    [PercentDeltaConditions.recalculated0]: (original, recalculated) => (recalculated - original) / (original + 1),
+    // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
+    [PercentDeltaConditions.original0]: (original, recalculated) => Math.sign(recalculated - original),
+    default: (original, recalculated) => (recalculated - original) / original
+};
+const calculatePercentDelta = (recalculated, original) => {
+    const matchingCondition = Object.values(PercentDeltaConditions).find((value) => calculatePercentDeltaConditions[value](original, recalculated)) || 'default';
+    return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
+};
+const customDeltaFuncs = {
+    [DeltaDisplayType.percent]: calculatePercentDelta
+};
+const evaluateSuccess = (deltaValue) => Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+    ? DeltaColour.Success
+    : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
+        ? DeltaColour.Warning
+        : DeltaColour.Danger;
+
+class BlankNodeValueDeltaComponent {
+    constructor() {
+        this.displayType = DeltaDisplayType.percent;
+        this.DeltaDisplayType = DeltaDisplayType;
+    }
+    get hide() {
+        return emptyValue(this.value) || emptyValue(this.originalValue);
+    }
+    get delta() {
+        return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
+    }
+    get color() {
+        return this.displayType === DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
+    }
+}
+BlankNodeValueDeltaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeValueDeltaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BlankNodeValueDeltaComponent.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3.DecimalPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeValueDeltaComponent, decorators: [{
+            type: 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: Input
+            }], originalValue: [{
+                type: Input
+            }], displayType: [{
+                type: Input
+            }] } });
+
+class BlankNodeDiffsComponent {
+    constructor() {
+        this.originalValues = [];
+        this.recalculatedValues = [];
+        this.propertyValue = propertyValue$1;
+        this.values = [];
+    }
+    ngOnInit() {
+        this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
+    }
+}
+BlankNodeDiffsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeDiffsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BlankNodeDiffsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0, 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BlankNodeDiffsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'he-blank-node-diffs',
+                    templateUrl: './blank-node-diffs.component.html',
+                    styleUrls: ['./blank-node-diffs.component.scss']
+                }]
+        }], propDecorators: { originalValues: [{
+                type: Input
+            }], recalculatedValues: [{
+                type: Input
+            }] } });
+
 const HE_API_BASE_URL = new InjectionToken('HE_API_BASE_URL');
 class HeCommonService {
     constructor(_apiBaseUrl) {
@@ -724,14 +956,14 @@ class HeNodeService {
         });
     }
 }
-HeNodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeNodeService, deps: [{ token: i1$1.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeNodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeNodeService, deps: [{ token: i1$2.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
 HeNodeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeNodeService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeNodeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
 
 const gitUrl$1 = () => `${gitHome}/hestia-aggregation-engine/-/blob/${gitBranch()}`;
 const rawUrl$1 = () => `${gitRawBaseUrl}/hestia-aggregation-engine/-/raw/${gitBranch()}`;
@@ -804,14 +1036,14 @@ class HeAggregationEngineService {
         return this.lookups$.pipe(take(1)).toPromise();
     }
 }
-HeAggregationEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, deps: [{ token: i1$1.HttpClient }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeAggregationEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, deps: [{ token: i1$2.HttpClient }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable });
 HeAggregationEngineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeAggregationEngineService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeNodeService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: HeNodeService }]; } });
 
 const HE_ORCHESTRATOR_BASE_URL = new InjectionToken('HE_ORCHESTRATOR_BASE_URL');
 const gitUrl = () => `${gitHome}/hestia-engine-models/-/blob/${gitBranch()}`;
@@ -870,7 +1102,7 @@ class HeEngineService {
         }).toPromise();
     }
 }
-HeEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, deps: [{ token: HE_ORCHESTRATOR_BASE_URL }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HeEngineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, deps: [{ token: HE_ORCHESTRATOR_BASE_URL }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 HeEngineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeEngineService, decorators: [{
             type: Injectable,
@@ -880,7 +1112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [HE_ORCHESTRATOR_BASE_URL]
-                }] }, { type: i1$1.HttpClient }]; } });
+                }] }, { type: i1$2.HttpClient }]; } });
 
 var NodeKeyState;
 (function (NodeKeyState) {
@@ -1255,7 +1487,7 @@ class MapsDrawingConfirmComponent {
     }
 }
 MapsDrawingConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapsDrawingConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapsDrawingConfirmComponent.ɵcmp = i0.ɵɵ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: GoogleMap, descendants: true }], ngImport: i0, 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$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.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.ɵɵ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: GoogleMap, descendants: true }], ngImport: i0, 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$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.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapsDrawingConfirmComponent, decorators: [{
             type: Component,
             args: [{
@@ -1421,124 +1653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['style.height']
             }] } });
 
-class SocialTagsComponent {
-    constructor(meta) {
-        this.meta = meta;
-        this.config = {};
-        this.classes = 'is-hidden';
-    }
-    ngOnInit() {
-        this.meta.addTag({ charset: 'UTF-8' });
-        const config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
-        Object.keys(config).map(name => {
-            const content = config[name];
-            this.meta.updateTag({ name, content });
-            if (name === 'og:description') {
-                this.meta.updateTag({ name: 'description', content });
-            }
-        });
-    }
-}
-SocialTagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SocialTagsComponent, deps: [{ token: i1$3.Meta }], target: i0.ɵɵFactoryTarget.Component });
-SocialTagsComponent.ɵcmp = i0.ɵɵ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, template: "<span></span>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SocialTagsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-social-tags',
-                    templateUrl: './social-tags.component.html',
-                    styleUrls: ['./social-tags.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.Meta }]; }, propDecorators: { config: [{
-                type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-let toastId = 0;
-class HeToastService {
-    constructor() {
-        this.toasts = new ReplaySubject(1);
-    }
-    success(message, duration = 3000) {
-        this.toasts.next({
-            id: ++toastId,
-            message,
-            duration,
-            color: 'success',
-            showRawMessage: true
-        });
-    }
-    error(message, showRawMessage = true, duration = 3000) {
-        this.toasts.next({
-            id: ++toastId,
-            message: (`${message}` || '').trim(),
-            duration,
-            color: 'danger',
-            showRawMessage
-        });
-    }
-}
-HeToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-HeToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeToastService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class ToastComponent {
-    constructor(toastService) {
-        this.toastService = toastService;
-        this.subscriptions = [];
-        this.toasts = [];
-    }
-    ngOnInit() {
-        this.subscriptions.push(this.toastService.toasts.subscribe(toast => this.add(toast)));
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-    add(toast) {
-        this.toasts.push(toast);
-        if (toast.duration) {
-            toast.timeout = setTimeout(() => this.dismiss(toast), toast.duration);
-        }
-    }
-    dismiss(toast) {
-        this.toasts.splice(this.toasts.findIndex(val => val.id === toast.id), 1);
-    }
-}
-ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, deps: [{ token: HeToastService }], target: i0.ɵɵFactoryTarget.Component });
-ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0, template: "<div class=\"mb-3 columns is-centered is-vcentered\">\n  <div class=\"notification is-{{toast.color}}\" role=\"alert\" *ngFor=\"let toast of toasts\">\n    <button class=\"delete\" aria-label=\"delete\" (click)=\"dismiss(toast)\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <strong [ngSwitch]=\"toast.color\">\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container [ngSwitch]=\"toast.message\">\n          <span *ngSwitchCase=\"'Unauthorized'\">You are not allowed to perform this action.</span>\n          <span *ngSwitchCase=\"'form-invalid'\">Please fix all the errors on this page.</span>\n          <span *ngSwitchCase=\"'users-email-already-taken'\">Email already taken.</span>\n          <span *ngSwitchCase=\"'users-auth-already-taken'\">Account already connected.</span>\n          <span *ngSwitchDefault>\n            <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n            <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n          </span>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n        <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n      </ng-container>\n    </strong>\n  </div>\n</div>\n", styles: [":host{bottom:0;position:fixed;width:100%}\n"], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToastComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'he-toast',
-                    templateUrl: './toast.component.html',
-                    styleUrls: ['./toast.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: HeToastService }]; } });
-
-class KeysPipe {
-    transform(value, sort = false) {
-        const keys = Object.keys(value).map(key => ({ key, value: value[key] }));
-        if (sort) {
-            keys.sort((a, b) => a.key.localeCompare(b.key));
-        }
-        return keys;
-    }
-}
-KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, name: "keys" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeysPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'keys'
-                }]
-        }] });
-
 const parsePropertyValue = (value) => isNumber(value) ? +value : (isBoolean(value) ? value.toString() === 'true' : value);
 const parseResult = (value) => isNaN(value) ? '' : `${value}`.replace(',', '.');
 class UnitConverterComponent {
@@ -1631,41 +1745,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['document:click', ['$event']]
             }] } });
 
-const shouldDefault = {
-    string: (value) => !value,
-    number: (value) => !value && value !== 0,
-    boolean: (value) => !value,
-    object: (value) => !value || !Object.keys(value).length,
-    undefined: () => true
-};
-class DefaultPipe {
-    transform(value, defaultValue) {
-        return shouldDefault[typeof value](value) ? defaultValue : value;
-    }
-}
-DefaultPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DefaultPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, name: "default" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DefaultPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'default'
-                }]
-        }] });
-
-class EllipsisPipe {
-    transform(value, maxLength) {
-        return ellipsis(`${value}`, maxLength);
-    }
-}
-EllipsisPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-EllipsisPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, name: "ellipsis" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EllipsisPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'ellipsis'
-                }]
-        }] });
-
 const get$3 = require('lodash.get');
 class GetPipe {
     transform(value, key, defaultValue = '') {
@@ -1681,35 +1760,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
-class KeyToLabelPipe {
-    transform(value) {
-        // using termTypeLabel here which defaults to `keyToLabel` function
-        return termTypeLabel(value);
-    }
-}
-KeyToLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-KeyToLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, name: "keyToLabel" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KeyToLabelPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'keyToLabel'
-                }]
-        }] });
-
-class PluralizePipe {
-    transform(value, times = 0) {
-        return pluralize(value, times);
-    }
-}
-PluralizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PluralizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, name: "pluralize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PluralizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'pluralize'
-                }]
-        }] });
-
 const restrictToType = {
     number: val => parseFloat(val) === +val ? val : false
 };
@@ -1808,18 +1858,9 @@ const components$6 = [
     UnitConverterComponent,
     BlankNodeDiffsComponent,
     TimesPipe,
-    ToastComponent,
     ClickOutsideDirective,
-    KeysPipe,
-    PrecisionPipe,
-    SocialTagsComponent,
-    DefaultPipe,
     SkeletonTextComponent,
-    PluralizePipe,
-    KeyToLabelPipe,
-    BindOnceDirective,
-    GetPipe,
-    EllipsisPipe
+    GetPipe
 ];
 class HeCommonModule {
 }
@@ -1837,23 +1878,14 @@ HeCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         UnitConverterComponent,
         BlankNodeDiffsComponent,
         TimesPipe,
-        ToastComponent,
         ClickOutsideDirective,
-        KeysPipe,
-        PrecisionPipe,
-        SocialTagsComponent,
-        DefaultPipe,
         SkeletonTextComponent,
-        PluralizePipe,
-        KeyToLabelPipe,
-        BindOnceDirective,
-        GetPipe,
-        EllipsisPipe], imports: [CommonModule, FormsModule, RouterModule,
+        GetPipe], imports: [CommonModule, FormsModule, RouterModule,
         NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
         GoogleMapsModule,
-        HeFontawesomeModule], exports: [NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
+        HeCommonLightModule], exports: [NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
         GoogleMapsModule,
-        HeFontawesomeModule, ClipboardComponent,
+        HeCommonLightModule, ClipboardComponent,
         PopoverComponent,
         PopoverConfirmComponent,
         TagsInputDirective,
@@ -1866,26 +1898,17 @@ HeCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         UnitConverterComponent,
         BlankNodeDiffsComponent,
         TimesPipe,
-        ToastComponent,
         ClickOutsideDirective,
-        KeysPipe,
-        PrecisionPipe,
-        SocialTagsComponent,
-        DefaultPipe,
         SkeletonTextComponent,
-        PluralizePipe,
-        KeyToLabelPipe,
-        BindOnceDirective,
-        GetPipe,
-        EllipsisPipe] });
+        GetPipe] });
 HeCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonModule, imports: [[
             CommonModule, FormsModule, RouterModule,
             NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
             GoogleMapsModule,
-            HeFontawesomeModule
+            HeCommonLightModule
         ], NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
         GoogleMapsModule,
-        HeFontawesomeModule] });
+        HeCommonLightModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeCommonModule, decorators: [{
             type: NgModule,
             args: [{
@@ -1893,14 +1916,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     exports: [
                         NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
                         GoogleMapsModule,
-                        HeFontawesomeModule,
+                        HeCommonLightModule,
                         ...components$6
                     ],
                     imports: [
                         CommonModule, FormsModule, RouterModule,
                         NgbTypeaheadModule, NgbTooltipModule, NgbPopoverModule,
                         GoogleMapsModule,
-                        HeFontawesomeModule
+                        HeCommonLightModule
                     ]
                 }]
         }] });
@@ -1926,14 +1949,14 @@ class HeMendeleyService {
         return this.http.get(`${this.path}/${id}`).toPromise().catch(handleAPIError);
     }
 }
-HeMendeleyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeMendeleyService, deps: [{ token: i1$1.HttpClient }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeMendeleyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeMendeleyService, deps: [{ token: i1$2.HttpClient }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
 HeMendeleyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeMendeleyService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeMendeleyService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: HeCommonService }]; } });
 
 const searchableTypes = [
     NodeType.Cycle,
@@ -2219,14 +2242,14 @@ class HeSearchService {
                 type: SchemaType.Bibliography }, source.bibliography) })))));
     }
 }
-HeSearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSearchService, deps: [{ token: i1$1.HttpClient }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
+HeSearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSearchService, deps: [{ token: i1$2.HttpClient }, { token: HeCommonService }], target: i0.ɵɵFactoryTarget.Injectable });
 HeSearchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSearchService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: HeCommonService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: HeCommonService }]; } });
 
 class BibliographiesSearchConfirmComponent {
     constructor(formBuilder, mendeleyService, searchService) {
@@ -2538,14 +2561,14 @@ class HeSchemaService {
     }
     ;
 }
-HeSchemaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSchemaService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HeSchemaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSchemaService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 HeSchemaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSchemaService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeSchemaService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
 const headerGroup = (header) => {
     const parts = header.split('.');
@@ -2686,7 +2709,7 @@ class NodeCsvExportConfirmComponent {
         return fileToExt(this.filename, this.extension);
     }
 }
-NodeCsvExportConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeCsvExportConfirmComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+NodeCsvExportConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeCsvExportConfirmComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
 NodeCsvExportConfirmComponent.ɵcmp = i0.ɵɵ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, 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.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeCsvExportConfirmComponent, decorators: [{
             type: Component,
@@ -2695,7 +2718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './node-csv-export-confirm.component.html',
                     styleUrls: ['./node-csv-export-confirm.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; }, propDecorators: { nodes: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { nodes: [{
                 type: Input
             }], filename: [{
                 type: Input
@@ -2866,7 +2889,7 @@ class NodeLogsFileComponent {
             (!this.termFilter || code.toLocaleLowerCase().includes(`term=${this.termFilter.toLowerCase()}`)));
     }
 }
-NodeLogsFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeLogsFileComponent, deps: [{ token: i1$3.DomSanitizer }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
+NodeLogsFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeLogsFileComponent, deps: [{ token: i1$1.DomSanitizer }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
 NodeLogsFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsFileComponent, selector: "he-node-logs-file", inputs: { node: "node", dataState: "dataState" }, ngImport: i0, 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.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i10.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], pipes: { "async": i3.AsyncPipe, "keys": KeysPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NodeLogsFileComponent, decorators: [{
             type: Component,
@@ -2875,7 +2898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './node-logs-file.component.html',
                     styleUrls: ['./node-logs-file.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
                 type: Input
             }], dataState: [{
                 type: Input
@@ -4606,7 +4629,7 @@ class SitesMapsComponent {
     }
 }
 SitesMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
-SitesMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SitesMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1$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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SitesMapsComponent, decorators: [{
             type: Component,
             args: [{
@@ -5367,7 +5390,7 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
         });
     }
 }
-ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1$3.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
+ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1$1.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component });
 ImpactAssessmentsIndicatorBreakdownChartComponent.ɵcmp = i0.ɵɵ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, 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.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$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ImpactAssessmentsIndicatorBreakdownChartComponent, decorators: [{
             type: Component,
@@ -5376,7 +5399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './impact-assessments-indicator-breakdown-chart.component.html',
                     styleUrls: ['./impact-assessments-indicator-breakdown-chart.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
                 type: ViewChild,
                 args: ['chart']
             }], impactAssessment: [{
@@ -5869,5 +5892,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeDiffsComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, ClickOutsideDirective, ClipboardComponent, CyclesActivityComponent, CyclesActivityLogsComponent, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesEmissionsComponent, CyclesEmissionsLogsComponent, CyclesFunctionalUnitMeasureComponent, CyclesResultComponent, CyclesSuggestFormComponent, DefaultPipe, DeltaColour, DeltaDisplayType, DiffsDisplayType, EllipsisPipe, FilesFormComponent, GetPipe, HE_API_BASE_URL, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeSchemaService, HeSearchModule, HeSearchService, HeSitesModule, HeToastService, HeUsersService, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, ImpactAssessmentsProductsLogsComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, MAX_RESULTS, MapsDrawingConfirmComponent, MendeleySearchResult, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeIconComponent, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, SchemaVersionLinkComponent, SitesMapsComponent, SitesMeasurementsComponent, SitesMeasurementsLogsComponent, SkeletonTextComponent, SocialTagsComponent, TagsInputDirective, TimesPipe, ToastComponent, UnitConverterComponent, addPolygonToFeature, allCountriesQuery, arrayValue, availableProperties, baseUrl, bottom, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, calculatePercentDelta, clustererImage, code, coordinatesToPoint, countriesQuery, createMarker, cropsQuery, customDeltaFuncs, dataPathToKey, dataValue, defaultFeature, defaultLabel, defaultSuggestionType, definitionToSchemaType, delta, deserializeSearchFilters, ellipsis, emptyValue, errorHasError, errorHasWarning, errorText, evaluateSuccess, filenameWithoutExt, fillColor, fillStyle, filterError, filterParams, findConfigModels, findProperty, findPropertyById, formatCustomErrorMessage, formatDiffValues, formatError, formatLinkNodesSuggestions, formatPropertyError, formatSuggestion, gitBranch, gitHome, gitRawBaseUrl, groupChanged, groupNodesByTerm, grouppedKeys, grouppedValueKeys, handleAPIError, hasError, hasWarning, isAddPropertyEnabled, isChrome, isExternal, isMissingOneOfError, isMissingPropertyError, isSchemaIri, isScrolledBelow, itemColor, keyToDataPath, keyToLabel, levels, linkTypeEnabled, listColor, locationQuery, lookupUrl, lookups, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, missingNodeErrorMessage, missingNodeErrors, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeLink, nodeLogsUrl, nodeUrl, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage, parseNewValue, pathToApiDocsPath, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonsFromFeature, primaryProduct, propertyError, propertyId, propertyValue$1 as propertyValue, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, roundValue, safeJSONParse, safeJSONStringify, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchQuery, searchResultsFields, searchableTypes, serializeSearchFilters, siblingProperty, singleProperty, siteTooBig, sortOrder, sortProperties, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, termChildToParent, termLocation, termLocationName, termProperties, termTypeGroups, termTypeLabel, termTypeLookupUrl, toCsv$1 as toCsv, toDashCase, typeToNewProperty, updateProperties, valueTypeToDefault, waitFor, wildcardQuery, worldRegion };
+export { ARRAY_DELIMITER, BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeDiffsComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, ClickOutsideDirective, ClipboardComponent, CyclesActivityComponent, CyclesActivityLogsComponent, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesEmissionsComponent, CyclesEmissionsLogsComponent, CyclesFunctionalUnitMeasureComponent, CyclesResultComponent, CyclesSuggestFormComponent, DefaultPipe, DeltaColour, DeltaDisplayType, DiffsDisplayType, EllipsisPipe, FilesFormComponent, GetPipe, HE_API_BASE_URL, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonLightModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeSchemaService, HeSearchModule, HeSearchService, HeSitesModule, HeToastService, HeUsersService, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, ImpactAssessmentsProductsLogsComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, MAX_RESULTS, MapsDrawingConfirmComponent, MendeleySearchResult, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeIconComponent, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, SchemaVersionLinkComponent, SitesMapsComponent, SitesMeasurementsComponent, SitesMeasurementsLogsComponent, SkeletonTextComponent, SocialTagsComponent, TagsInputDirective, TimesPipe, ToastComponent, UnitConverterComponent, addPolygonToFeature, allCountriesQuery, arrayValue, availableProperties, baseUrl, bottom, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, calculatePercentDelta, clustererImage, code, coordinatesToPoint, countriesQuery, createMarker, cropsQuery, customDeltaFuncs, dataPathToKey, dataValue, defaultFeature, defaultLabel, defaultSuggestionType, definitionToSchemaType, delta, deserializeSearchFilters, ellipsis, emptyValue, errorHasError, errorHasWarning, errorText, evaluateSuccess, filenameWithoutExt, fillColor, fillStyle, filterError, filterParams, findConfigModels, findProperty, findPropertyById, formatCustomErrorMessage, formatDiffValues, formatError, formatLinkNodesSuggestions, formatPropertyError, formatSuggestion, gitBranch, gitHome, gitRawBaseUrl, groupChanged, groupNodesByTerm, grouppedKeys, grouppedValueKeys, handleAPIError, hasError, hasWarning, isAddPropertyEnabled, isChrome, isExternal, isMissingOneOfError, isMissingPropertyError, isSchemaIri, isScrolledBelow, itemColor, keyToDataPath, keyToLabel, levels, linkTypeEnabled, listColor, locationQuery, lookupUrl, lookups, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, missingNodeErrorMessage, missingNodeErrors, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeLink, nodeLogsUrl, nodeUrl, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage, parseNewValue, pathToApiDocsPath, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonsFromFeature, primaryProduct, propertyError, propertyId, propertyValue$1 as propertyValue, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, roundValue, safeJSONParse, safeJSONStringify, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchQuery, searchResultsFields, searchableTypes, serializeSearchFilters, siblingProperty, singleProperty, siteTooBig, sortOrder, sortProperties, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, termChildToParent, termLocation, termLocationName, termProperties, termTypeGroups, termTypeLabel, termTypeLookupUrl, toCsv$1 as toCsv, toDashCase, typeToNewProperty, updateProperties, valueTypeToDefault, waitFor, wildcardQuery, worldRegion };
 //# sourceMappingURL=hestia-earth-ui-components.js.map