@hestia-earth/ui-components 0.0.7 → 0.0.10

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('rxjs'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('@angular/platform-browser'), require('pluralize'), require('@hestia-earth/bulma-tagsinput'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
-    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'rxjs', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@angular/platform-browser', 'pluralize', '@hestia-earth/bulma-tagsinput', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.randomMaterialColor, global.schema, global.api, global.utils, global.rxjs, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.ng.platformBrowser, global.pluralize, global.BulmaTagsInput, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid, global.MarkerClusterer, global.ChartDataLabels));
-})(this, (function (exports, i0, i3, i1$4, i4, i10, i1$2, i1, freeRegularSvgIcons, freeSolidSvgIcons, randomMaterialColor, schema, api, utils, rxjs, operators, csvtojson, i1$1, i1$3, pluralize, BulmaTagsInput, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid, MarkerClusterer, ChartDataLabels) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('@angular/platform-browser'), require('rxjs'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('pluralize'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
+    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', '@angular/platform-browser', 'rxjs', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'pluralize', 'rxjs/operators', 'csvtojson', '@angular/common/http', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.ng.platformBrowser, global.rxjs, global.randomMaterialColor, global.schema, global.api, global.utils, global.pluralize, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid$1, global.MarkerClusterer, global.ChartDataLabels));
+})(this, (function (exports, i0, i3, i1$2, i4, i10, i1$4, i1, freeRegularSvgIcons, freeSolidSvgIcons, i1$1, rxjs, randomMaterialColor, schema, api, utils, pluralize, operators, csvtojson, i1$3, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid$1, MarkerClusterer, ChartDataLabels) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,16 +26,15 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$2);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var csvtojson__namespace = /*#__PURE__*/_interopNamespace(csvtojson);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var pluralize__namespace = /*#__PURE__*/_interopNamespace(pluralize);
-    var BulmaTagsInput__default = /*#__PURE__*/_interopDefaultLegacy(BulmaTagsInput);
+    var csvtojson__namespace = /*#__PURE__*/_interopNamespace(csvtojson);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var MarkerClusterer__default = /*#__PURE__*/_interopDefaultLegacy(MarkerClusterer);
@@ -417,6 +416,161 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.FaIconLibrary }]; } });
 
+    var SocialTagsComponent = /** @class */ (function () {
+        function SocialTagsComponent(meta) {
+            this.meta = meta;
+            this.config = {};
+            this.classes = 'is-hidden';
+        }
+        SocialTagsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.meta.addTag({ charset: 'UTF-8' });
+            var config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
+            Object.keys(config).map(function (name) {
+                var content = config[name];
+                _this.meta.updateTag({ name: name, content: content });
+                if (name === 'og:description') {
+                    _this.meta.updateTag({ name: 'description', content: content });
+                }
+            });
+        };
+        return SocialTagsComponent;
+    }());
+    SocialTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, deps: [{ token: i1__namespace$1.Meta }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SocialTagsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SocialTagsComponent, selector: "he-social-tags", inputs: { config: "config" }, host: { properties: { "class": "this.classes" } }, ngImport: i0__namespace, template: "<span></span>\n", styles: [""] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-social-tags',
+                        templateUrl: './social-tags.component.html',
+                        styleUrls: ['./social-tags.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.Meta }]; }, propDecorators: { config: [{
+                    type: i0.Input
+                }], classes: [{
+                    type: i0.HostBinding,
+                    args: ['class']
+                }] } });
+
+    var toastId = 0;
+    var HeToastService = /** @class */ (function () {
+        function HeToastService() {
+            this.toasts = new rxjs.ReplaySubject(1);
+        }
+        HeToastService.prototype.success = function (message, duration) {
+            if (duration === void 0) { duration = 3000; }
+            this.toasts.next({
+                id: ++toastId,
+                message: message,
+                duration: duration,
+                color: 'success',
+                showRawMessage: true
+            });
+        };
+        HeToastService.prototype.error = function (message, showRawMessage, duration) {
+            if (showRawMessage === void 0) { showRawMessage = true; }
+            if (duration === void 0) { duration = 3000; }
+            this.toasts.next({
+                id: ++toastId,
+                message: ("" + message || '').trim(),
+                duration: duration,
+                color: 'danger',
+                showRawMessage: showRawMessage
+            });
+        };
+        return HeToastService;
+    }());
+    HeToastService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeToastService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    var ToastComponent = /** @class */ (function () {
+        function ToastComponent(toastService) {
+            this.toastService = toastService;
+            this.subscriptions = [];
+            this.toasts = [];
+        }
+        ToastComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.subscriptions.push(this.toastService.toasts.subscribe(function (toast) { return _this.add(toast); }));
+        };
+        ToastComponent.prototype.ngOnDestroy = function () {
+            this.subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        };
+        ToastComponent.prototype.add = function (toast) {
+            var _this = this;
+            this.toasts.push(toast);
+            if (toast.duration) {
+                toast.timeout = setTimeout(function () { return _this.dismiss(toast); }, toast.duration);
+            }
+        };
+        ToastComponent.prototype.dismiss = function (toast) {
+            this.toasts.splice(this.toasts.findIndex(function (val) { return val.id === toast.id; }), 1);
+        };
+        return ToastComponent;
+    }());
+    ToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, deps: [{ token: HeToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0__namespace, template: "<div class=\"mb-3 columns is-centered is-vcentered\">\n  <div class=\"notification is-{{toast.color}}\" role=\"alert\" *ngFor=\"let toast of toasts\">\n    <button class=\"delete\" aria-label=\"delete\" (click)=\"dismiss(toast)\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <strong [ngSwitch]=\"toast.color\">\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container [ngSwitch]=\"toast.message\">\n          <span *ngSwitchCase=\"'Unauthorized'\">You are not allowed to perform this action.</span>\n          <span *ngSwitchCase=\"'form-invalid'\">Please fix all the errors on this page.</span>\n          <span *ngSwitchCase=\"'users-email-already-taken'\">Email already taken.</span>\n          <span *ngSwitchCase=\"'users-auth-already-taken'\">Account already connected.</span>\n          <span *ngSwitchDefault>\n            <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n            <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n          </span>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n        <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n      </ng-container>\n    </strong>\n  </div>\n</div>\n", styles: [":host{bottom:0;position:fixed;width:100%}\n"], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-toast',
+                        templateUrl: './toast.component.html',
+                        styleUrls: ['./toast.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: HeToastService }]; } });
+
+    /* eslint-disable @angular-eslint/directive-selector */
+    var BindOnceDirective = /** @class */ (function () {
+        function BindOnceDirective(templateRef, viewContainerRef) {
+            this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
+            this.embeddedViewRef.detach();
+        }
+        BindOnceDirective.prototype.ngOnChanges = function () {
+            this.embeddedViewRef.detectChanges();
+        };
+        return BindOnceDirective;
+    }());
+    BindOnceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BindOnceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[bindOnce]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
+                    type: i0.Input
+                }] } });
+
+    var shouldDefault = {
+        string: function (value) { return !value; },
+        number: function (value) { return !value && value !== 0; },
+        boolean: function (value) { return !value; },
+        object: function (value) { return !value || !Object.keys(value).length; },
+        undefined: function () { return true; }
+    };
+    var DefaultPipe = /** @class */ (function () {
+        function DefaultPipe() {
+        }
+        DefaultPipe.prototype.transform = function (value, defaultValue) {
+            return shouldDefault[typeof value](value) ? defaultValue : value;
+        };
+        return DefaultPipe;
+    }());
+    DefaultPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    DefaultPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, name: "default" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'default'
+                    }]
+            }] });
+
     var _a$6;
     var get$4 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
@@ -429,7 +583,6 @@
             window.location.origin :
             'https://www.hestia.earth'; };
     var isExternal = function () { return baseUrl() !== window.location.origin; };
-    ;
     var parseErrorStatus = function (error) { return ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-'); };
     var parseErrorMessage = function (error) { return get$4(error, 'error.error', get$4(error, 'error.message', get$4(error, 'error', get$4(error, 'message', error)))); };
     var handleAPIError = function (error) {
@@ -623,176 +776,24 @@
         return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
     };
 
-    var _a$5, _b$2, _c$2, _d$2;
-    var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
-    var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
-    exports.DeltaColour = void 0;
-    (function (DeltaColour) {
-        DeltaColour["Success"] = "success";
-        DeltaColour["Warning"] = "warning";
-        DeltaColour["Danger"] = "danger";
-    })(exports.DeltaColour || (exports.DeltaColour = {}));
-    exports.DeltaDisplayType = void 0;
-    (function (DeltaDisplayType) {
-        DeltaDisplayType["absolute"] = "absolute";
-        DeltaDisplayType["percent"] = "percent";
-    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
-    var deltaPerType = (_a$5 = {},
-        _a$5[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
-        _a$5[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
-        _a$5);
-    var roundValue = function (value) { return +("" + value).substring(0, 10); };
-    var delta = function (value, originalValue, displayType, mapping) {
-        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
-        var vvalue = roundValue(propertyValue$1(value));
-        var voriginalValue = roundValue(propertyValue$1(originalValue));
-        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
-        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
-        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
-    };
-    var PercentDeltaConditions;
-    (function (PercentDeltaConditions) {
-        PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
-        PercentDeltaConditions["original0"] = "original is 0";
-    })(PercentDeltaConditions || (PercentDeltaConditions = {}));
-    var calculatePercentDeltaConditions = (_b$2 = {},
-        _b$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
-        _b$2[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
-        _b$2);
-    var calculatePercentDeltaResult = (_c$2 = {},
-        _c$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
-        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
-        _c$2[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
-        _c$2.default = function (original, recalculated) { return (recalculated - original) / original; },
-        _c$2);
-    var calculatePercentDelta = function (recalculated, original) {
-        var matchingCondition = Object.values(PercentDeltaConditions).find(function (value) { return calculatePercentDeltaConditions[value](original, recalculated); }) || 'default';
-        return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
-    };
-    var customDeltaFuncs = (_d$2 = {},
-        _d$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
-        _d$2);
-    var evaluateSuccess = function (deltaValue) { return Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
-        ? exports.DeltaColour.Success
-        : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
-            ? exports.DeltaColour.Warning
-            : exports.DeltaColour.Danger; };
-
-    /* eslint-disable @angular-eslint/directive-selector */
-    var BindOnceDirective = /** @class */ (function () {
-        function BindOnceDirective(templateRef, viewContainerRef) {
-            this.embeddedViewRef = viewContainerRef.createEmbeddedView(templateRef);
-            this.embeddedViewRef.detach();
-        }
-        BindOnceDirective.prototype.ngOnChanges = function () {
-            this.embeddedViewRef.detectChanges();
-        };
-        return BindOnceDirective;
-    }());
-    BindOnceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BindOnceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindOnceDirective, selector: "[bindOnce]", inputs: { bindOnce: "bindOnce" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BindOnceDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[bindOnce]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { bindOnce: [{
-                    type: i0.Input
-                }] } });
-
-    var PrecisionPipe = /** @class */ (function () {
-        function PrecisionPipe() {
+    var EllipsisPipe = /** @class */ (function () {
+        function EllipsisPipe() {
         }
-        PrecisionPipe.prototype.transform = function (value, precision) {
-            return utils.isUndefined(value) ?
-                null : (utils.isNumber(value) ?
-                ("" + utils.toPrecision(parseFloat("" + value), parseInt("" + precision, 10))).replace(/\.00$/, '') :
-                value);
+        EllipsisPipe.prototype.transform = function (value, maxLength) {
+            return ellipsis("" + value, maxLength);
         };
-        return PrecisionPipe;
+        return EllipsisPipe;
     }());
-    PrecisionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PrecisionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, name: "precision" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, decorators: [{
+    EllipsisPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    EllipsisPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, name: "ellipsis" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, decorators: [{
                 type: i0.Pipe,
                 args: [{
-                        name: 'precision'
+                        name: 'ellipsis'
                     }]
             }] });
 
-    var BlankNodeValueDeltaComponent = /** @class */ (function () {
-        function BlankNodeValueDeltaComponent() {
-            this.displayType = exports.DeltaDisplayType.percent;
-            this.DeltaDisplayType = exports.DeltaDisplayType;
-        }
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "hide", {
-            get: function () {
-                return emptyValue(this.value) || emptyValue(this.originalValue);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "delta", {
-            get: function () {
-                return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "color", {
-            get: function () {
-                return this.displayType === exports.DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return BlankNodeValueDeltaComponent;
-    }());
-    BlankNodeValueDeltaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BlankNodeValueDeltaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: { value: "value", originalValue: "originalValue", displayType: "displayType" }, ngImport: i0__namespace, template: "<small [class.is-hidden]=\"hide\">\n  <span class=\"has-text-{{color}}\">\n    <span *ngIf=\"delta > 0\">+</span>\n    <ng-container [ngSwitch]=\"displayType\">\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.absolute\">\n        <span *bindOnce=\"delta\">{{delta | precision:3}}</span>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.percent\">\n        <span *bindOnce=\"delta\">{{delta | number:'1.0-2'}}</span>\n        <span>%</span>\n      </ng-container>\n    </ng-container>\n  </span>\n</small>\n", styles: [""], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3__namespace.DecimalPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-blank-node-value-delta',
-                        templateUrl: './blank-node-value-delta.component.html',
-                        styleUrls: ['./blank-node-value-delta.component.scss']
-                    }]
-            }], propDecorators: { value: [{
-                    type: i0.Input
-                }], originalValue: [{
-                    type: i0.Input
-                }], displayType: [{
-                    type: i0.Input
-                }] } });
-
-    var BlankNodeDiffsComponent = /** @class */ (function () {
-        function BlankNodeDiffsComponent() {
-            this.originalValues = [];
-            this.recalculatedValues = [];
-            this.propertyValue = propertyValue$1;
-            this.values = [];
-        }
-        BlankNodeDiffsComponent.prototype.ngOnInit = function () {
-            this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
-        };
-        return BlankNodeDiffsComponent;
-    }());
-    BlankNodeDiffsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BlankNodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0__namespace, template: "<div class=\"table-container data-table-container mb-1\">\n  <table class=\"table is-narrow data-table has-children-3\" *bindOnce=\"values\">\n    <thead>\n      <tr>\n        <th class=\"width-auto\"></th>\n        <th>Original</th>\n        <th>Recalculated</th>\n        <th>Difference</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let value of values\"\n        [class.has-background-light]=\"!!value.original && value.original !== value.recalculated\"\n      >\n        <td class=\"width-auto\" [attr.title]=\"value.term.name\">\n          <ng-container *ngTemplateOutlet=\"termLink; context: {$implicit: value.term}\"></ng-container>\n        </td>\n        <td>\n          <span>{{value.original === undefined ? '-' : value.original}}</span>\n        </td>\n        <td>\n          <span>{{value.recalculated === undefined ? '-' : value.recalculated}}</span>\n        </td>\n        <td class=\"is-nowrap\">\n          <he-blank-node-value-delta\n            [value]=\"value.recalculated\"\n            [originalValue]=\"value.original\"\n          ></he-blank-node-value-delta>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #termLink let-term>\n  <a [routerLink]=\"['/', 'term', term['@id']]\" target=\"_blank\">\n    <span class=\"is-nowrap has-text-ellipsis\">{{term.name}}</span>\n  </a>\n</ng-template>\n", styles: ["table.data-table th:first-child,table.data-table td:first-child{width:auto}\n"], components: [{ type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-blank-node-diffs',
-                        templateUrl: './blank-node-diffs.component.html',
-                        styleUrls: ['./blank-node-diffs.component.scss']
-                    }]
-            }], propDecorators: { originalValues: [{
-                    type: i0.Input
-                }], recalculatedValues: [{
-                    type: i0.Input
-                }] } });
-
-    var _a$4, _b$1, _c$1;
+    var _a$5, _b$2, _c$2;
     var termProperties = function (term) { return Object.keys(term).filter(function (key) { return !schema.isExpandable(term[key]) && ![
         'pinned', 'expanded', 'extended', 'selected', 'loading',
         '_score', '@type', '@id', '@context', 'createdAt',
@@ -818,20 +819,20 @@
             lng: longitude
         });
     };
-    var termTypeToLabel = (_a$4 = {},
-        _a$4[schema.TermTermType.methodEmissionResourceUse] = 'Method (Emissions)',
-        _a$4[schema.TermTermType.methodMeasurement] = 'Method (Measurement)',
-        _a$4[schema.TermTermType.pesticideAI] = 'Pesticide Active Ingredient',
-        _a$4[schema.TermTermType.standardsLabels] = 'Standards & Labels',
-        _a$4[schema.TermTermType.usdaSoilType] = 'USDA Soil Type',
-        _a$4);
+    var termTypeToLabel = (_a$5 = {},
+        _a$5[schema.TermTermType.methodEmissionResourceUse] = 'Method (Emissions)',
+        _a$5[schema.TermTermType.methodMeasurement] = 'Method (Measurement)',
+        _a$5[schema.TermTermType.pesticideAI] = 'Pesticide Active Ingredient',
+        _a$5[schema.TermTermType.standardsLabels] = 'Standards & Labels',
+        _a$5[schema.TermTermType.usdaSoilType] = 'USDA Soil Type',
+        _a$5);
     var termTypeLabel = function (type) {
         if (type === void 0) { type = 'N/A'; }
         return type in termTypeToLabel ? termTypeToLabel[type] : keyToLabel(type);
     };
     var termTypesToChildren = function (termTypes) { return termTypes.map(function (termType) { return ({ label: termTypeLabel(termType), termType: termType }); }); };
-    var groups = Object.freeze((_b$1 = {},
-        _b$1[schema.TermTermType.emission] = {
+    var groups = Object.freeze((_b$2 = {},
+        _b$2[schema.TermTermType.emission] = {
             label: 'Emissions & Resource Use',
             termType: 'Emissions & Resource Use',
             children: termTypesToChildren([
@@ -843,12 +844,12 @@
                 schema.TermTermType.methodEmissionResourceUse
             ])
         },
-        _b$1[schema.TermTermType.region] = {
+        _b$2[schema.TermTermType.region] = {
             label: termTypeLabel(schema.TermTermType.region),
             termType: schema.TermTermType.region,
             children: []
         },
-        _b$1.infrastructure = {
+        _b$2.infrastructure = {
             label: 'Infrastructure & Equipment',
             termType: 'Infrastructure & Equipment',
             children: termTypesToChildren([
@@ -859,7 +860,7 @@
                 schema.TermTermType.machinery
             ])
         },
-        _b$1.input = {
+        _b$2.input = {
             label: 'Inputs',
             termType: 'Inputs',
             children: termTypesToChildren([
@@ -877,7 +878,7 @@
                 schema.TermTermType.water
             ])
         },
-        _b$1[schema.TermTermType.measurement] = {
+        _b$2[schema.TermTermType.measurement] = {
             label: 'Measurements',
             termType: 'Measurements',
             children: termTypesToChildren([
@@ -888,7 +889,7 @@
                 schema.TermTermType.methodMeasurement
             ])
         },
-        _b$1.practice = {
+        _b$2.practice = {
             label: 'Practices',
             termType: 'Production Practices',
             children: termTypesToChildren([
@@ -906,7 +907,7 @@
                 schema.TermTermType.waterRegime,
             ])
         },
-        _b$1.product = {
+        _b$2.product = {
             label: 'Products',
             termType: 'Products',
             children: termTypesToChildren([
@@ -919,12 +920,12 @@
                 schema.TermTermType.processedFood
             ])
         },
-        _b$1[schema.TermTermType.property] = {
+        _b$2[schema.TermTermType.property] = {
             label: termTypeLabel(schema.TermTermType.property),
             termType: schema.TermTermType.property,
             children: []
         },
-        _b$1));
+        _b$2));
     var termTypeGroups = [
         groups.property,
         groups.region,
@@ -935,10 +936,10 @@
         groups.measurement,
         groups.infrastructure
     ];
-    var termToParent = (_c$1 = {},
-        _c$1[schema.TermTermType.property] = 'Properties',
-        _c$1[schema.TermTermType.region] = 'Geographies',
-        _c$1);
+    var termToParent = (_c$2 = {},
+        _c$2[schema.TermTermType.property] = 'Properties',
+        _c$2[schema.TermTermType.region] = 'Geographies',
+        _c$2);
     var termChildToParent = function (termType) { return termTypeGroups.find(function (_a) {
         var children = _a.children;
         return (children || []).some(function (child) { return child.termType === termType; });
@@ -993,268 +994,526 @@
         schema.TermTermType.standardsLabels
     ];
 
-    var HE_API_BASE_URL = new i0.InjectionToken('HE_API_BASE_URL');
-    var HeCommonService = /** @class */ (function () {
-        function HeCommonService(_apiBaseUrl) {
-            this._apiBaseUrl = _apiBaseUrl;
+    var KeyToLabelPipe = /** @class */ (function () {
+        function KeyToLabelPipe() {
         }
-        Object.defineProperty(HeCommonService.prototype, "apiBaseUrl", {
-            get: function () {
-                return this._apiBaseUrl || '/api';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return HeCommonService;
+        KeyToLabelPipe.prototype.transform = function (value) {
+            // using termTypeLabel here which defaults to `keyToLabel` function
+            return termTypeLabel(value);
+        };
+        return KeyToLabelPipe;
     }());
-    HeCommonService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, deps: [{ token: HE_API_BASE_URL }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeCommonService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, decorators: [{
-                type: i0.Injectable,
+    KeyToLabelPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    KeyToLabelPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, name: "keyToLabel" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, decorators: [{
+                type: i0.Pipe,
                 args: [{
-                        providedIn: 'root'
+                        name: 'keyToLabel'
                     }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [HE_API_BASE_URL]
-                        }] }];
-        } });
+            }] });
 
-    var nodeTypeUrl = function (apiBaseUrl, type) { return type ? apiBaseUrl + "/" + api.nodeTypeToParam(type) : ''; };
-    /**
-     * Get the full url to fetch the node data.
-     *
-     * @param apiBaseUrl The url of the API hosting the data.
-     * @param node The node with a type, id and optionally a dataState
-     * @returns The full url.
-     */
-    var nodeUrl = function (apiBaseUrl, _a) {
-        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-        return nodeTypeUrl(apiBaseUrl, node['@type'] || node.type) + "/" + (node['@id'] || node.id) + (dataState ? "?dataState=" + dataState : '');
-    };
-    var nodeLogsUrl = function (apiBaseUrl, _a) {
-        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-        return nodeUrl(apiBaseUrl, node) + "/log" + (dataState ? "?dataState=" + dataState : '');
-    };
-    var lookupUrl = function (filename) { return filename.startsWith('http') ? filename : baseUrl() + "/glossary/lookups/" + filename + ".csv"; };
-    var termTypeLookupUrl = function (termType) { return baseUrl() + "/glossary/" + termChildToParent(termType).termType + "/" + termType + ".csv"; };
-    var HeNodeService = /** @class */ (function () {
-        function HeNodeService(http, authService, commonService) {
-            this.http = http;
-            this.authService = authService;
-            this.commonService = commonService;
+    var KeysPipe = /** @class */ (function () {
+        function KeysPipe() {
         }
-        HeNodeService.prototype.get$ = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.http.get(this.nodeUrl(node), {
-                headers: this.authService.headers,
-                params: filterParams({ dataState: dataState })
-            });
-        };
-        HeNodeService.prototype.get = function (node, defaultForState) {
-            if (defaultForState === void 0) { defaultForState = true; }
-            return this.get$(node)
-                .toPromise()
-                .catch(function () { return node.dataState && defaultForState ? node : ({}); });
-        };
-        HeNodeService.prototype.getLog = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.http.get(this.nodeUrl(node) + "/log", {
-                headers: this.authService.headers,
-                responseType: 'text',
-                params: filterParams({ dataState: dataState })
-            }).pipe(operators.catchError(function () { return rxjs.of(''); }));
-        };
-        HeNodeService.prototype.getMissingLookupsLog = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.http.get(this.nodeUrl(node) + "/log/lookups", {
-                headers: this.authService.headers,
-                params: filterParams({ dataState: dataState })
-            }).toPromise().catch(handleAPIError);
-        };
-        HeNodeService.prototype.getModelsLog = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.http.get(this.nodeUrl(node) + "/log/models", {
-                headers: this.authService.headers,
-                params: filterParams({ dataState: dataState })
-            }).toPromise().catch(handleAPIError);
-        };
-        HeNodeService.prototype.triggerPipeline = function (_a) {
-            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
-            return this.http.post(this.nodeUrl(node) + "/pipeline", dataState ? { dataState: dataState } : {}, {
-                headers: this.authService.headers
-            }).toPromise().catch(handleAPIError);
-        };
-        HeNodeService.prototype.downloadRaw = function (url, responseType) {
-            if (responseType === void 0) { responseType = 'json'; }
-            return this.http.get(url, { responseType: responseType })
-                .toPromise()
-                .catch(function () { return (responseType === 'json' ? ({}) : ''); });
-        };
-        HeNodeService.prototype.nodeTypeUrl = function (type) {
-            return nodeTypeUrl(this.commonService.apiBaseUrl, type);
-        };
-        HeNodeService.prototype.nodeUrl = function (node) {
-            return nodeUrl(this.commonService.apiBaseUrl, node);
-        };
-        HeNodeService.prototype.nodeLogsUrl = function (node) {
-            return nodeLogsUrl(this.commonService.apiBaseUrl, node);
-        };
-        HeNodeService.prototype.downloadLookup = function (filename) {
-            return __awaiter(this, void 0, void 0, function () {
-                var url;
-                return __generator(this, function (_b) {
-                    try {
-                        url = lookupUrl(filename);
-                        return [2 /*return*/, this.downloadRaw(url, 'text')];
-                    }
-                    catch (_err) {
-                        return [2 /*return*/, null];
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        HeNodeService.prototype.lookupLink = function (termType) {
-            return __awaiter(this, void 0, void 0, function () {
-                var data, _err_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, this.downloadLookup(termType)];
-                        case 1:
-                            data = _b.sent();
-                            return [2 /*return*/, (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? lookupUrl(termType) : null];
-                        case 2:
-                            _err_1 = _b.sent();
-                            return [2 /*return*/, null];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
+        KeysPipe.prototype.transform = function (value, sort) {
+            if (sort === void 0) { sort = false; }
+            var keys = Object.keys(value).map(function (key) { return ({ key: key, value: value[key] }); });
+            if (sort) {
+                keys.sort(function (a, b) { return a.key.localeCompare(b.key); });
+            }
+            return keys;
         };
-        return HeNodeService;
+        return KeysPipe;
     }());
-    HeNodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeNodeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, decorators: [{
-                type: i0.Injectable,
+    KeysPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    KeysPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, name: "keys" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, decorators: [{
+                type: i0.Pipe,
                 args: [{
-                        providedIn: 'root'
+                        name: 'keys'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
+            }] });
 
-    var gitUrl$1 = function () { return gitHome + "/hestia-aggregation-engine/-/blob/" + gitBranch(); };
-    var rawUrl$1 = function () { return gitRawBaseUrl + "/hestia-aggregation-engine/-/raw/" + gitBranch(); };
-    var lookups = Object.freeze({
-        cropYield: 'region-crop-cropGroupingFaostatProduction-yield',
-        cropGroupingColumn: 'cropGroupingFaostatProduction'
-    });
-    var HeAggregationEngineService = /** @class */ (function () {
-        function HeAggregationEngineService(http, nodeService) {
-            this.http = http;
-            this.nodeService = nodeService;
-            this.modelsLoading = false;
-            this.modelsLoaded = false;
-            this._models = new rxjs.ReplaySubject(1);
-            this.lookupsLoading = false;
-            this.lookupsLoaded = false;
-            this._lookups = new rxjs.ReplaySubject(1);
-            this.init();
+    var PluralizePipe = /** @class */ (function () {
+        function PluralizePipe() {
         }
-        HeAggregationEngineService.prototype.init = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0: return [4 /*yield*/, this.loadModels().toPromise()];
-                        case 1:
-                            _b.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
+        PluralizePipe.prototype.transform = function (value, times) {
+            if (times === void 0) { times = 0; }
+            return pluralize__namespace(value, times);
         };
-        HeAggregationEngineService.prototype.loadModels = function () {
-            var _this = this;
-            this.modelsLoading = true;
-            return this.http.get(rawUrl$1() + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_b) {
-                var links = _b.links;
-                _this._models.next(links.map(function (_a) {
-                    var modelPath = _a.path, docPath = _a.docPath, link = __rest(_a, ["path", "docPath"]);
-                    return (Object.assign(Object.assign({}, link), { path: gitUrl$1() + "/" + modelPath, docPath: gitUrl$1() + "/" + docPath }));
-                }));
-                _this.modelsLoading = false;
-                _this.modelsLoaded = true;
-                return links;
-            }));
+        return PluralizePipe;
+    }());
+    PluralizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    PluralizePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, name: "pluralize" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'pluralize'
+                    }]
+            }] });
+
+    var PrecisionPipe = /** @class */ (function () {
+        function PrecisionPipe() {
+        }
+        PrecisionPipe.prototype.transform = function (value, precision) {
+            return utils.isUndefined(value) ?
+                null : (utils.isNumber(value) ?
+                ("" + utils.toPrecision(parseFloat("" + value), parseInt("" + precision, 10))).replace(/\.00$/, '') :
+                value);
         };
-        Object.defineProperty(HeAggregationEngineService.prototype, "models$", {
+        return PrecisionPipe;
+    }());
+    PrecisionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    PrecisionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, name: "precision" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PrecisionPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'precision'
+                    }]
+            }] });
+
+    var components$7 = [
+        SocialTagsComponent,
+        ToastComponent,
+        BindOnceDirective,
+        DefaultPipe,
+        EllipsisPipe,
+        KeysPipe,
+        PluralizePipe,
+        KeyToLabelPipe,
+        PrecisionPipe
+    ];
+    var HeCommonLightModule = /** @class */ (function () {
+        function HeCommonLightModule() {
+        }
+        return HeCommonLightModule;
+    }());
+    HeCommonLightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    HeCommonLightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, declarations: [SocialTagsComponent,
+            ToastComponent,
+            BindOnceDirective,
+            DefaultPipe,
+            EllipsisPipe,
+            KeysPipe,
+            PluralizePipe,
+            KeyToLabelPipe,
+            PrecisionPipe], imports: [i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+            HeFontawesomeModule], exports: [HeFontawesomeModule, SocialTagsComponent,
+            ToastComponent,
+            BindOnceDirective,
+            DefaultPipe,
+            EllipsisPipe,
+            KeysPipe,
+            PluralizePipe,
+            KeyToLabelPipe,
+            PrecisionPipe] });
+    HeCommonLightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, imports: [[
+                i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+                HeFontawesomeModule
+            ], HeFontawesomeModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonLightModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: components$7,
+                        exports: __spreadArray([
+                            HeFontawesomeModule
+                        ], __read(components$7)),
+                        imports: [
+                            i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
+                            HeFontawesomeModule
+                        ]
+                    }]
+            }] });
+
+    var _a$4, _b$1, _c$1, _d$2;
+    var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
+    var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+    exports.DeltaColour = void 0;
+    (function (DeltaColour) {
+        DeltaColour["Success"] = "success";
+        DeltaColour["Warning"] = "warning";
+        DeltaColour["Danger"] = "danger";
+    })(exports.DeltaColour || (exports.DeltaColour = {}));
+    exports.DeltaDisplayType = void 0;
+    (function (DeltaDisplayType) {
+        DeltaDisplayType["absolute"] = "absolute";
+        DeltaDisplayType["percent"] = "percent";
+    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
+    var deltaPerType = (_a$4 = {},
+        _a$4[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
+        _a$4[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
+        _a$4);
+    var roundValue = function (value) { return +("" + value).substring(0, 10); };
+    var delta = function (value, originalValue, displayType, mapping) {
+        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
+        var vvalue = roundValue(propertyValue$1(value));
+        var voriginalValue = roundValue(propertyValue$1(originalValue));
+        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
+        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
+        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
+    };
+    var PercentDeltaConditions;
+    (function (PercentDeltaConditions) {
+        PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
+        PercentDeltaConditions["original0"] = "original is 0";
+    })(PercentDeltaConditions || (PercentDeltaConditions = {}));
+    var calculatePercentDeltaConditions = (_b$1 = {},
+        _b$1[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
+        _b$1[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
+        _b$1);
+    var calculatePercentDeltaResult = (_c$1 = {},
+        _c$1[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
+        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        _c$1[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
+        _c$1.default = function (original, recalculated) { return (recalculated - original) / original; },
+        _c$1);
+    var calculatePercentDelta = function (recalculated, original) {
+        var matchingCondition = Object.values(PercentDeltaConditions).find(function (value) { return calculatePercentDeltaConditions[value](original, recalculated); }) || 'default';
+        return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
+    };
+    var customDeltaFuncs = (_d$2 = {},
+        _d$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
+        _d$2);
+    var evaluateSuccess = function (deltaValue) { return Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        ? exports.DeltaColour.Success
+        : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
+            ? exports.DeltaColour.Warning
+            : exports.DeltaColour.Danger; };
+
+    var BlankNodeValueDeltaComponent = /** @class */ (function () {
+        function BlankNodeValueDeltaComponent() {
+            this.displayType = exports.DeltaDisplayType.percent;
+            this.DeltaDisplayType = exports.DeltaDisplayType;
+        }
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "hide", {
             get: function () {
-                return this.modelsLoading || this.modelsLoaded ? this._models.asObservable() : this.loadModels();
+                return emptyValue(this.value) || emptyValue(this.originalValue);
             },
             enumerable: false,
             configurable: true
         });
-        HeAggregationEngineService.prototype.models = function () {
-            return this.models$.pipe(operators.take(1)).toPromise();
-        };
-        HeAggregationEngineService.prototype.model$ = function (model) {
-            return this.models$.pipe(operators.map(function (models) { return models.find(function (m) { return Object.keys(model).every(function (key) { return model[key] === m[key]; }); }); }));
-        };
-        HeAggregationEngineService.prototype.model = function (model) {
-            return this.model$(model).pipe(operators.take(1)).toPromise();
-        };
-        HeAggregationEngineService.prototype.loadLookup = function (filename) {
-            return __awaiter(this, void 0, void 0, function () {
-                var data;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0: return [4 /*yield*/, this.nodeService.downloadLookup(filename)];
-                        case 1:
-                            data = _b.sent();
-                            return [2 /*return*/, csvtojson__namespace({ delimiter: 'auto' }).fromString(data)];
-                    }
-                });
-            });
-        };
-        HeAggregationEngineService.prototype.loadLookups = function () {
-            var _this = this;
-            return rxjs.forkJoin({
-                cropYield: rxjs.from(this.loadLookup(lookups.cropYield)),
-                crop: rxjs.from(this.loadLookup(schema.TermTermType.crop))
-            }).pipe(operators.map(function (values) {
-                _this._lookups.next(values);
-                _this.lookupsLoading = false;
-                _this.lookupsLoaded = true;
-                return values;
-            }));
-        };
-        Object.defineProperty(HeAggregationEngineService.prototype, "lookups$", {
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "delta", {
             get: function () {
-                return this.lookupsLoading || this.lookupsLoaded ? this._lookups.asObservable() : this.loadLookups();
+                return delta(this.value, this.originalValue, this.displayType, customDeltaFuncs);
             },
             enumerable: false,
             configurable: true
         });
-        HeAggregationEngineService.prototype.lookups = function () {
-            return this.lookups$.pipe(operators.take(1)).toPromise();
+        Object.defineProperty(BlankNodeValueDeltaComponent.prototype, "color", {
+            get: function () {
+                return this.displayType === exports.DeltaDisplayType.percent ? evaluateSuccess(this.delta) : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return BlankNodeValueDeltaComponent;
+    }());
+    BlankNodeValueDeltaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BlankNodeValueDeltaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: { value: "value", originalValue: "originalValue", displayType: "displayType" }, ngImport: i0__namespace, template: "<small [class.is-hidden]=\"hide\">\n  <span class=\"has-text-{{color}}\">\n    <span *ngIf=\"delta > 0\">+</span>\n    <ng-container [ngSwitch]=\"displayType\">\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.absolute\">\n        <span *bindOnce=\"delta\">{{delta | precision:3}}</span>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"DeltaDisplayType.percent\">\n        <span *bindOnce=\"delta\">{{delta | number:'1.0-2'}}</span>\n        <span>%</span>\n      </ng-container>\n    </ng-container>\n  </span>\n</small>\n", styles: [""], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }], pipes: { "precision": PrecisionPipe, "number": i3__namespace.DecimalPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeValueDeltaComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-blank-node-value-delta',
+                        templateUrl: './blank-node-value-delta.component.html',
+                        styleUrls: ['./blank-node-value-delta.component.scss']
+                    }]
+            }], propDecorators: { value: [{
+                    type: i0.Input
+                }], originalValue: [{
+                    type: i0.Input
+                }], displayType: [{
+                    type: i0.Input
+                }] } });
+
+    var BlankNodeDiffsComponent = /** @class */ (function () {
+        function BlankNodeDiffsComponent() {
+            this.originalValues = [];
+            this.recalculatedValues = [];
+            this.propertyValue = propertyValue$1;
+            this.values = [];
+        }
+        BlankNodeDiffsComponent.prototype.ngOnInit = function () {
+            this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
         };
-        return HeAggregationEngineService;
+        return BlankNodeDiffsComponent;
     }());
-    HeAggregationEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeAggregationEngineService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, decorators: [{
+    BlankNodeDiffsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BlankNodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeDiffsComponent, selector: "he-blank-node-diffs", inputs: { originalValues: "originalValues", recalculatedValues: "recalculatedValues" }, ngImport: i0__namespace, template: "<div class=\"table-container data-table-container mb-1\">\n  <table class=\"table is-narrow data-table has-children-3\" *bindOnce=\"values\">\n    <thead>\n      <tr>\n        <th class=\"width-auto\"></th>\n        <th>Original</th>\n        <th>Recalculated</th>\n        <th>Difference</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let value of values\"\n        [class.has-background-light]=\"!!value.original && value.original !== value.recalculated\"\n      >\n        <td class=\"width-auto\" [attr.title]=\"value.term.name\">\n          <ng-container *ngTemplateOutlet=\"termLink; context: {$implicit: value.term}\"></ng-container>\n        </td>\n        <td>\n          <span>{{value.original === undefined ? '-' : value.original}}</span>\n        </td>\n        <td>\n          <span>{{value.recalculated === undefined ? '-' : value.recalculated}}</span>\n        </td>\n        <td class=\"is-nowrap\">\n          <he-blank-node-value-delta\n            [value]=\"value.recalculated\"\n            [originalValue]=\"value.original\"\n          ></he-blank-node-value-delta>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #termLink let-term>\n  <a [routerLink]=\"['/', 'term', term['@id']]\" target=\"_blank\">\n    <span class=\"is-nowrap has-text-ellipsis\">{{term.name}}</span>\n  </a>\n</ng-template>\n", styles: ["table.data-table th:first-child,table.data-table td:first-child{width:auto}\n"], components: [{ type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeDiffsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-blank-node-diffs',
+                        templateUrl: './blank-node-diffs.component.html',
+                        styleUrls: ['./blank-node-diffs.component.scss']
+                    }]
+            }], propDecorators: { originalValues: [{
+                    type: i0.Input
+                }], recalculatedValues: [{
+                    type: i0.Input
+                }] } });
+
+    var HE_API_BASE_URL = new i0.InjectionToken('HE_API_BASE_URL');
+    var HeCommonService = /** @class */ (function () {
+        function HeCommonService(_apiBaseUrl) {
+            this._apiBaseUrl = _apiBaseUrl;
+        }
+        Object.defineProperty(HeCommonService.prototype, "apiBaseUrl", {
+            get: function () {
+                return this._apiBaseUrl || '/api';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return HeCommonService;
+    }());
+    HeCommonService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, deps: [{ token: HE_API_BASE_URL }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeCommonService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeNodeService }]; } });
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [HE_API_BASE_URL]
+                        }] }];
+        } });
 
-    var HE_ORCHESTRATOR_BASE_URL = new i0.InjectionToken('HE_ORCHESTRATOR_BASE_URL');
-    var gitUrl = function () { return gitHome + "/hestia-engine-models/-/blob/" + gitBranch(); };
-    var rawUrl = function () { return gitRawBaseUrl + "/hestia-engine-models/-/raw/" + gitBranch(); };
+    var nodeTypeUrl = function (apiBaseUrl, type) { return type ? apiBaseUrl + "/" + api.nodeTypeToParam(type) : ''; };
+    /**
+     * Get the full url to fetch the node data.
+     *
+     * @param apiBaseUrl The url of the API hosting the data.
+     * @param node The node with a type, id and optionally a dataState
+     * @returns The full url.
+     */
+    var nodeUrl = function (apiBaseUrl, _a) {
+        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+        return nodeTypeUrl(apiBaseUrl, node['@type'] || node.type) + "/" + (node['@id'] || node.id) + (dataState ? "?dataState=" + dataState : '');
+    };
+    var nodeLogsUrl = function (apiBaseUrl, _a) {
+        var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+        return nodeUrl(apiBaseUrl, node) + "/log" + (dataState ? "?dataState=" + dataState : '');
+    };
+    var lookupUrl = function (filename) { return filename.startsWith('http') ? filename : baseUrl() + "/glossary/lookups/" + filename + ".csv"; };
+    var termTypeLookupUrl = function (termType) { return baseUrl() + "/glossary/" + termChildToParent(termType).termType + "/" + termType + ".csv"; };
+    var HeNodeService = /** @class */ (function () {
+        function HeNodeService(http, authService, commonService) {
+            this.http = http;
+            this.authService = authService;
+            this.commonService = commonService;
+        }
+        HeNodeService.prototype.get$ = function (_a) {
+            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+            return this.http.get(this.nodeUrl(node), {
+                headers: this.authService.headers,
+                params: filterParams({ dataState: dataState })
+            });
+        };
+        HeNodeService.prototype.get = function (node, defaultForState) {
+            if (defaultForState === void 0) { defaultForState = true; }
+            return this.get$(node)
+                .toPromise()
+                .catch(function () { return node.dataState && defaultForState ? node : ({}); });
+        };
+        HeNodeService.prototype.getLog = function (_a) {
+            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+            return this.http.get(this.nodeUrl(node) + "/log", {
+                headers: this.authService.headers,
+                responseType: 'text',
+                params: filterParams({ dataState: dataState })
+            }).pipe(operators.catchError(function () { return rxjs.of(''); }));
+        };
+        HeNodeService.prototype.getMissingLookupsLog = function (_a) {
+            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+            return this.http.get(this.nodeUrl(node) + "/log/lookups", {
+                headers: this.authService.headers,
+                params: filterParams({ dataState: dataState })
+            }).toPromise().catch(handleAPIError);
+        };
+        HeNodeService.prototype.getModelsLog = function (_a) {
+            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+            return this.http.get(this.nodeUrl(node) + "/log/models", {
+                headers: this.authService.headers,
+                params: filterParams({ dataState: dataState })
+            }).toPromise().catch(handleAPIError);
+        };
+        HeNodeService.prototype.triggerPipeline = function (_a) {
+            var dataState = _a.dataState, node = __rest(_a, ["dataState"]);
+            return this.http.post(this.nodeUrl(node) + "/pipeline", dataState ? { dataState: dataState } : {}, {
+                headers: this.authService.headers
+            }).toPromise().catch(handleAPIError);
+        };
+        HeNodeService.prototype.downloadRaw = function (url, responseType) {
+            if (responseType === void 0) { responseType = 'json'; }
+            return this.http.get(url, { responseType: responseType })
+                .toPromise()
+                .catch(function () { return (responseType === 'json' ? ({}) : ''); });
+        };
+        HeNodeService.prototype.nodeTypeUrl = function (type) {
+            return nodeTypeUrl(this.commonService.apiBaseUrl, type);
+        };
+        HeNodeService.prototype.nodeUrl = function (node) {
+            return nodeUrl(this.commonService.apiBaseUrl, node);
+        };
+        HeNodeService.prototype.nodeLogsUrl = function (node) {
+            return nodeLogsUrl(this.commonService.apiBaseUrl, node);
+        };
+        HeNodeService.prototype.downloadLookup = function (filename) {
+            return __awaiter(this, void 0, void 0, function () {
+                var url;
+                return __generator(this, function (_b) {
+                    try {
+                        url = lookupUrl(filename);
+                        return [2 /*return*/, this.downloadRaw(url, 'text')];
+                    }
+                    catch (_err) {
+                        return [2 /*return*/, null];
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        HeNodeService.prototype.lookupLink = function (termType) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data, _err_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _b.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, this.downloadLookup(termType)];
+                        case 1:
+                            data = _b.sent();
+                            return [2 /*return*/, (data === null || data === void 0 ? void 0 : data.startsWith('term.id')) ? lookupUrl(termType) : null];
+                        case 2:
+                            _err_1 = _b.sent();
+                            return [2 /*return*/, null];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return HeNodeService;
+    }());
+    HeNodeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeAuthService }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeNodeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeAuthService }, { type: HeCommonService }]; } });
+
+    var gitUrl$1 = function () { return gitHome + "/hestia-aggregation-engine/-/blob/" + gitBranch(); };
+    var rawUrl$1 = function () { return gitRawBaseUrl + "/hestia-aggregation-engine/-/raw/" + gitBranch(); };
+    var lookups = Object.freeze({
+        cropYield: 'region-crop-cropGroupingFaostatProduction-yield',
+        cropGroupingColumn: 'cropGroupingFaostatProduction'
+    });
+    var HeAggregationEngineService = /** @class */ (function () {
+        function HeAggregationEngineService(http, nodeService) {
+            this.http = http;
+            this.nodeService = nodeService;
+            this.modelsLoading = false;
+            this.modelsLoaded = false;
+            this._models = new rxjs.ReplaySubject(1);
+            this.lookupsLoading = false;
+            this.lookupsLoaded = false;
+            this._lookups = new rxjs.ReplaySubject(1);
+            this.init();
+        }
+        HeAggregationEngineService.prototype.init = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.loadModels().toPromise()];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        HeAggregationEngineService.prototype.loadModels = function () {
+            var _this = this;
+            this.modelsLoading = true;
+            return this.http.get(rawUrl$1() + "/model-links.json").pipe(operators.catchError(function () { return rxjs.of({ links: [] }); }), operators.map(function (_b) {
+                var links = _b.links;
+                _this._models.next(links.map(function (_a) {
+                    var modelPath = _a.path, docPath = _a.docPath, link = __rest(_a, ["path", "docPath"]);
+                    return (Object.assign(Object.assign({}, link), { path: gitUrl$1() + "/" + modelPath, docPath: gitUrl$1() + "/" + docPath }));
+                }));
+                _this.modelsLoading = false;
+                _this.modelsLoaded = true;
+                return links;
+            }));
+        };
+        Object.defineProperty(HeAggregationEngineService.prototype, "models$", {
+            get: function () {
+                return this.modelsLoading || this.modelsLoaded ? this._models.asObservable() : this.loadModels();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        HeAggregationEngineService.prototype.models = function () {
+            return this.models$.pipe(operators.take(1)).toPromise();
+        };
+        HeAggregationEngineService.prototype.model$ = function (model) {
+            return this.models$.pipe(operators.map(function (models) { return models.find(function (m) { return Object.keys(model).every(function (key) { return model[key] === m[key]; }); }); }));
+        };
+        HeAggregationEngineService.prototype.model = function (model) {
+            return this.model$(model).pipe(operators.take(1)).toPromise();
+        };
+        HeAggregationEngineService.prototype.loadLookup = function (filename) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.nodeService.downloadLookup(filename)];
+                        case 1:
+                            data = _b.sent();
+                            return [2 /*return*/, csvtojson__namespace({ delimiter: 'auto' }).fromString(data)];
+                    }
+                });
+            });
+        };
+        HeAggregationEngineService.prototype.loadLookups = function () {
+            var _this = this;
+            return rxjs.forkJoin({
+                cropYield: rxjs.from(this.loadLookup(lookups.cropYield)),
+                crop: rxjs.from(this.loadLookup(schema.TermTermType.crop))
+            }).pipe(operators.map(function (values) {
+                _this._lookups.next(values);
+                _this.lookupsLoading = false;
+                _this.lookupsLoaded = true;
+                return values;
+            }));
+        };
+        Object.defineProperty(HeAggregationEngineService.prototype, "lookups$", {
+            get: function () {
+                return this.lookupsLoading || this.lookupsLoaded ? this._lookups.asObservable() : this.loadLookups();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        HeAggregationEngineService.prototype.lookups = function () {
+            return this.lookups$.pipe(operators.take(1)).toPromise();
+        };
+        return HeAggregationEngineService;
+    }());
+    HeAggregationEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeAggregationEngineService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeAggregationEngineService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeNodeService }]; } });
+
+    var HE_ORCHESTRATOR_BASE_URL = new i0.InjectionToken('HE_ORCHESTRATOR_BASE_URL');
+    var gitUrl = function () { return gitHome + "/hestia-engine-models/-/blob/" + gitBranch(); };
+    var rawUrl = function () { return gitRawBaseUrl + "/hestia-engine-models/-/raw/" + gitBranch(); };
     var findConfigModels = function (_b, modelId, modelKey) {
         var models = _b.models;
         return models.flat().filter(function (_b) {
@@ -1272,7 +1531,8 @@
         ].filter(Boolean).join('-')
     ].join('/'); };
     var HeEngineService = /** @class */ (function () {
-        function HeEngineService(http) {
+        function HeEngineService(_orchestratorBaseUrl, http) {
+            this._orchestratorBaseUrl = _orchestratorBaseUrl;
             this.http = http;
             this.modelsLoading = false;
             this.modelsLoaded = false;
@@ -1322,20 +1582,25 @@
             return this.model$(model).pipe(operators.take(1)).toPromise();
         };
         HeEngineService.prototype.ochestratorConfig = function (type) {
-            return this.http.get(HE_ORCHESTRATOR_BASE_URL + "/" + type + ".json", {
+            return this.http.get(this._orchestratorBaseUrl + "/" + type + ".json", {
                 params: { inline: false }
             }).toPromise();
         };
         return HeEngineService;
     }());
-    HeEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeEngineService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, deps: [{ token: HE_ORCHESTRATOR_BASE_URL }, { token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeEngineService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeEngineService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [HE_ORCHESTRATOR_BASE_URL]
+                        }] }, { type: i1__namespace$2.HttpClient }];
+        } });
 
     var NodeKeyState;
     (function (NodeKeyState) {
@@ -1788,7 +2053,7 @@
         return MapsDrawingConfirmComponent;
     }());
     MapsDrawingConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapsDrawingConfirmComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapsDrawingConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: { value: "value", modes: "modes", center: "center", zoom: "zoom" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$2.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Draw on Map</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(value)\"></button>\n    </header>\n    <section class=\"modal-card-body p-0\">\n      <google-map\n        height=\"100%\"\n        width=\"100%\"\n        [zoom]=\"zoom\"\n        [center]=\"center\"\n        [options]=\"options\"\n      ></google-map>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\">\n        <span>Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"closed.next(value)\">\n        <span>Close</span>\n      </button>\n      <button class=\"button is-danger is-outlined\" (click)=\"clear()\">\n        <fa-icon class=\"mr-2\" icon=\"times\"></fa-icon>\n        <span>Clear</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: ["google-map{display:block;height:100%;max-height:calc(100vh - 146px);min-height:500px}\n"], components: [{ type: i1__namespace$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
+    MapsDrawingConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MapsDrawingConfirmComponent, selector: "he-maps-drawing-confirm", inputs: { value: "value", modes: "modes", center: "center", zoom: "zoom" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$4.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Draw on Map</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(value)\"></button>\n    </header>\n    <section class=\"modal-card-body p-0\">\n      <google-map\n        height=\"100%\"\n        width=\"100%\"\n        [zoom]=\"zoom\"\n        [center]=\"center\"\n        [options]=\"options\"\n      ></google-map>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\">\n        <span>Confirm</span>\n      </button>\n      <button class=\"button\" (click)=\"closed.next(value)\">\n        <span>Close</span>\n      </button>\n      <button class=\"button is-danger is-outlined\" (click)=\"clear()\">\n        <fa-icon class=\"mr-2\" icon=\"times\"></fa-icon>\n        <span>Clear</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: ["google-map{display:block;height:100%;max-height:calc(100vh - 146px);min-height:500px}\n"], components: [{ type: i1__namespace$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapsDrawingConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1798,7 +2063,7 @@
                     }]
             }], propDecorators: { map: [{
                     type: i0.ViewChild,
-                    args: [i1$2.GoogleMap]
+                    args: [i1$4.GoogleMap]
                 }], value: [{
                     type: i0.Input
                 }], modes: [{
@@ -1974,340 +2239,1634 @@
                     args: ['style.height']
                 }] } });
 
-    var SocialTagsComponent = /** @class */ (function () {
-        function SocialTagsComponent(meta) {
-            this.meta = meta;
-            this.config = {};
-            this.classes = 'is-hidden';
+    var parsePropertyValue = function (value) { return utils.isNumber(value) ? +value : (utils.isBoolean(value) ? value.toString() === 'true' : value); };
+    var parseResult = function (value) { return isNaN(value) ? '' : ("" + value).replace(',', '.'); };
+    var UnitConverterComponent = /** @class */ (function () {
+        function UnitConverterComponent() {
+            this.value = 1;
+            this.ConvertUnits = utils.ConvertUnits;
+            this.result = '';
+            this.arguments = [];
         }
-        SocialTagsComponent.prototype.ngOnInit = function () {
+        UnitConverterComponent.prototype.ngOnInit = function () {
+            return this.updateValue();
+        };
+        Object.defineProperty(UnitConverterComponent.prototype, "args", {
+            get: function () {
+                var _a;
+                return (((_a = this.term) === null || _a === void 0 ? void 0 : _a.defaultProperties) || []).reduce(function (prev, prop) {
+                    var _c;
+                    var _a, _b;
+                    return (Object.assign(Object.assign({}, prev), (_c = {}, _c[(_b = (_a = prop.term) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase()] = parsePropertyValue(prop.value), _c)));
+                }, {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UnitConverterComponent.prototype, "units", {
+            get: function () {
+                var _this = this;
+                return this.fromUnits ?
+                    Object.values(utils.ConvertUnits).filter(function (v) { return v in utils.converters[_this.fromUnits]; }) :
+                    [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        UnitConverterComponent.prototype.requireArgs = function (keys) {
+            var args = this.args;
+            this.arguments = keys.map(function (key) { return ({ key: key, value: args[key] || '' }); });
+        };
+        UnitConverterComponent.prototype.updateUnits = function () {
+            var requiredKeys = [];
+            if (this.fromUnits === utils.ConvertUnits.kg || this.toUnits === utils.ConvertUnits.kg) {
+                requiredKeys = ['density'];
+            }
+            this.requireArgs(requiredKeys);
+            return this.updateValue();
+        };
+        UnitConverterComponent.prototype.updateValue = function () {
+            if (!this.fromUnits || !this.toUnits) {
+                return;
+            }
+            var args = Object.assign(Object.assign({}, this.args), this.arguments.reduce(function (prev, _c) {
+                var _d;
+                var key = _c.key, value = _c.value;
+                return (Object.assign(Object.assign({}, prev), (_d = {}, _d[key] = value, _d)));
+            }, {}));
+            try {
+                this.result = parseResult(utils.convertValue(this.value, this.fromUnits, this.toUnits, args));
+            }
+            catch (_) { }
+        };
+        return UnitConverterComponent;
+    }());
+    UnitConverterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    UnitConverterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UnitConverterComponent, selector: "he-unit-converter", inputs: { term: "term", value: "value", fromUnits: "fromUnits", toUnits: "toUnits" }, ngImport: i0__namespace, template: "<div class=\"columns mb-0\">\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"value\">Value</label>\n  </div>\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"result\">Convert To</label>\n  </div>\n</div>\n\n<div class=\"columns\">\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"number\" class=\"input\" [(ngModel)]=\"value\" name=\"value\" id=\"value\"\n          (input)=\"updateValue()\"\n        >\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"fromUnits\" name=\"fromUnits\" id=\"fromUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of ConvertUnits | keys\" [value]=\"unit.value\">{{unit.key}}</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input\" [value]=\"result\" name=\"result\" id=\"result\" readonly>\n      </div>\n      <div class=\"control\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"toUnits\" name=\"toUnits\" id=\"toUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of units\" [value]=\"unit\">{{unit}}</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-white px-2\"\n          [value]=\"result\" [disabled]=\"!result\" [hideText]=\"true\"\n        ></he-clipboard>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"field is-horizontal\" *ngFor=\"let arg of arguments\">\n  <div class=\"field-label is-normal\">\n    <label class=\"label has-text-white\" [for]=\"arg.key\">\n      <span class=\"is-capitalized\">{{arg.key}}</span>\n      <span class=\"has-text-danger pl-1\">*</span>\n    </label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input is-small\"\n          [(ngModel)]=\"arg.value\" [id]=\"arg.key\"\n          (input)=\"updateValue()\"\n          placeholder=\"Required for conversion\"\n        >\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".select{min-width:85px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }], directives: [{ type: i1__namespace$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keys": KeysPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-unit-converter',
+                        templateUrl: './unit-converter.component.html',
+                        styleUrls: ['./unit-converter.component.scss']
+                    }]
+            }], propDecorators: { term: [{
+                    type: i0.Input
+                }], value: [{
+                    type: i0.Input
+                }], fromUnits: [{
+                    type: i0.Input
+                }], toUnits: [{
+                    type: i0.Input
+                }] } });
+
+    /* eslint-disable @angular-eslint/directive-selector */
+    var ClickOutsideDirective = /** @class */ (function () {
+        function ClickOutsideDirective(elementRef) {
+            this.elementRef = elementRef;
+            this.clickOutside = new i0.EventEmitter();
+        }
+        ClickOutsideDirective.prototype.onClick = function (event) {
+            if (!this.elementRef.nativeElement.contains(event.target)) {
+                this.clickOutside.emit();
+            }
+        };
+        return ClickOutsideDirective;
+    }());
+    ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[clickOutside]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
+                    type: i0.Output
+                }], onClick: [{
+                    type: i0.HostListener,
+                    args: ['document:click', ['$event']]
+                }] } });
+
+    var get$3 = require('lodash.get');
+    var GetPipe = /** @class */ (function () {
+        function GetPipe() {
+        }
+        GetPipe.prototype.transform = function (value, key, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = ''; }
+            return get$3(value, key, defaultValue);
+        };
+        return GetPipe;
+    }());
+    GetPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    GetPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, name: "get" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'get'
+                    }]
+            }] });
+
+    /* eslint-disable */
+    /**
+     * @class EventEmitter
+     *
+     * @property {Array} _listeners
+     */
+    var EventEmitter = /** @class */ (function () {
+        /**
+         * Construct EventEmitter
+         *
+         * @param listeners
+         */
+        function EventEmitter(listeners) {
+            if (listeners === void 0) { listeners = []; }
+            this._listeners = new Map(listeners);
+        }
+        /**
+         * Destroys EventEmitter
+         */
+        EventEmitter.prototype.destroy = function () {
+            this._listeners = {};
+        };
+        /**
+         * Count listeners registered for the provided eventName
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype.listenerCount = function (eventName) {
+            if (!this._listeners.has(eventName)) {
+                return 0;
+            }
+            return this._listeners.get(eventName).length;
+        };
+        /**
+         * Subscribes on event eventName specified function
+         *
+         * @param eventName
+         * @param listener
+         */
+        EventEmitter.prototype.on = function (eventName, listener) {
+            this._addListener(eventName, listener, false);
+        };
+        /**
+         * Subscribes on event name specified function to fire only once
+         *
+         * @param eventName
+         * @param listener
+         */
+        EventEmitter.prototype.once = function (eventName, listener) {
+            this._addListener(eventName, listener, true);
+        };
+        /**
+         * Removes event with specified eventName.
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype.off = function (eventName) {
+            this._removeListeners(eventName);
+        };
+        /**
+         * Emits event with specified name and params.
+         *
+         * @param eventName
+         * @param eventArgs
+         */
+        EventEmitter.prototype.emit = function (eventName) {
+            var eventArgs = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                eventArgs[_i - 1] = arguments[_i];
+            }
+            return this._applyEvents(eventName, eventArgs);
+        };
+        /**
+         * Register a new listener
+         *
+         * @param eventName
+         * @param listener
+         * @param once
+         */
+        EventEmitter.prototype._addListener = function (eventName, listener, once) {
+            var _this = this;
+            if (once === void 0) { once = false; }
+            if (Array.isArray(eventName)) {
+                eventName.forEach(function (e) { return _this._addListener(e, listener, once); });
+            }
+            else {
+                eventName = eventName.toString();
+                var split = eventName.split(/,|, | /);
+                if (split.length > 1) {
+                    split.forEach(function (e) { return _this._addListener(e, listener, once); });
+                }
+                else {
+                    if (!Array.isArray(this._listeners.get(eventName))) {
+                        this._listeners.set(eventName, []);
+                    }
+                    (this._listeners.get(eventName)).push({
+                        once: once,
+                        fn: listener
+                    });
+                }
+            }
+        };
+        /**
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype._removeListeners = function (eventName) {
+            var _this = this;
+            if (eventName === void 0) { eventName = null; }
+            if (eventName !== null) {
+                if (Array.isArray(eventName)) {
+                    eventName.forEach(function (e) { return _this._removeListeners(e); });
+                }
+                else {
+                    eventName = eventName.toString();
+                    var split = eventName.split(/,|, | /);
+                    if (split.length > 1) {
+                        split.forEach(function (e) { return _this._removeListeners(e); });
+                    }
+                    else {
+                        this._listeners.delete(eventName);
+                    }
+                }
+            }
+            else {
+                this._listeners = new Map();
+            }
+        };
+        /**
+         * Applies arguments to specified event
+         *
+         * @param eventName
+         * @param eventArguments
+         * @protected
+         */
+        EventEmitter.prototype._applyEvents = function (eventName, eventArguments) {
+            var result = eventArguments;
+            if (this._listeners.has(eventName)) {
+                var listeners_1 = this._listeners.get(eventName);
+                var removableListeners_1 = [];
+                listeners_1.forEach(function (listener, index) {
+                    if (result = listener.fn.apply(null, eventArguments)) {
+                        if (listener.once) {
+                            removableListeners_1.unshift(index);
+                        }
+                    }
+                });
+                removableListeners_1.forEach(function (index) {
+                    listeners_1.splice(index, 1);
+                });
+                return result;
+            }
+            return result[0];
+        };
+        return EventEmitter;
+    }());
+
+    var isFunction = function (unknown) { return typeof unknown === 'function'; };
+    var isString = function (unknown) { return (typeof unknown === 'string' ||
+        ((!!unknown && typeof unknown === 'object') && Object.prototype.toString.call(unknown) === '[object String]')); };
+    var isObject = function (unknown) { return ((typeof unknown === 'function' || (typeof unknown === 'object' && !!unknown)) && !Array.isArray(unknown)); };
+    // Returns true if the value has a "then" function. Adapted from
+    // https://github.com/graphql/graphql-js/blob/499a75939f70c4863d44149371d6a99d57ff7c35/src/jsutils/isPromise.js
+    var isPromise = function (value) { return Boolean(value && typeof value.then === 'function'); };
+    var isNode = function (unknown) {
+        try {
+            Node.prototype.cloneNode.call(unknown, false);
+            return true;
+        }
+        catch (err) {
+            return false;
+        }
+    };
+    /**
+     * Convert String (false,False,True,true,no,yes,0,1) to real Boolean
+     *
+     * @param val
+     */
+    var BooleanParse = function (val) {
+        var falsy = /^(?:f(?:alse)?|no?|0+)$/i;
+        return !falsy.test(val) && !!val;
+    };
+    /**
+     * Check if given query selector is valid
+     *
+     * @param selector
+     */
+    var isSelectorValid = function (selector) {
+        var queryCheck = function (s) { return document.createDocumentFragment().querySelector(s); };
+        try {
+            queryCheck(selector);
+        }
+        catch (_a) {
+            return false;
+        }
+        return true;
+    };
+
+    /**
+     * querySelector under steroid
+     * Can use as selector:
+     *  - function
+     *  - DOM Node
+     *  - String
+     *
+     * @param selector
+     * @param node
+     */
+    var querySelector = function (selector, node) {
+        if (isFunction(selector)) {
+            return selector(node);
+        }
+        if (isNode(selector)) {
+            return selector;
+        }
+        if (isString(selector)) {
+            if (!node || !isNode(node) || node.nodeType !== 1) {
+                node = document;
+            }
+            return node.querySelector(selector);
+        }
+        if (Array.isArray(selector) || (typeof NodeList !== 'undefined' && NodeList.prototype.isPrototypeOf(selector))) {
+            return selector[0];
+        }
+    };
+    /**
+     * querySelectorAll under steroid
+     * Can use as selector:
+     *  - function
+     *  - DOM Node
+     *  - String
+     *
+     * @param selector
+     * @param node
+     */
+    var querySelectorAll = function (selector, node) {
+        if (isFunction(selector)) {
+            return selector(node);
+        }
+        if (isNode(selector)) {
+            return [selector];
+        }
+        if (isString(selector)) {
+            if (!node || !isNode(node) || node.nodeType !== 1) {
+                node = document;
+            }
+            return node.querySelectorAll(selector);
+        }
+        if (typeof NodeList !== 'undefined' && NodeList.prototype.isPrototypeOf(selector)) {
+            return selector;
+        }
+        return [];
+    };
+    // Convert dataset into Object
+    var optionsFromDataset = function (node, defaultOptions) {
+        if (defaultOptions === void 0) { defaultOptions = {}; }
+        if (isNode(node)) {
+            return node.dataset ? Object.keys(node.dataset)
+                .filter(function (key) { return Object.keys(defaultOptions).includes(key); })
+                .reduce(function (obj, key) {
+                var _a;
+                return (Object.assign(Object.assign({}, obj), (_a = {}, _a[key] = node.dataset[key], _a)));
+            }, {}) : {};
+        }
+        return {};
+    };
+    /**
+     * Copy HTML attributes from a source element to a target element
+     *
+     * @param target
+     * @param source
+     * @param except list of attributes to skip (separated by space)
+     */
+    var cloneAttributes = function (target, source, except) {
+        if (except === void 0) { except = null; }
+        if (except !== null) {
+            except = except.split(' ');
+        }
+        __spreadArray([], __read(source.attributes)).forEach(function (attr) {
+            if (!except.includes(attr.nodeName)) {
+                target.setAttribute(attr.nodeName === 'id' ? 'data-id' : attr.nodeName, attr.nodeValue);
+            }
+        });
+    };
+    /**
+     * Escapes string for insertion into HTML, replacing special characters with HTML
+     * entities.
+     *
+     * @param string
+     */
+    var escape = function (string) { return isString(string) ?
+        string.replace(/(['"<>])/g, function (char) { return ({
+            '<': '&lt;',
+            '>': '&gt;',
+            '"': '&quot;',
+            '\'': '&#39;'
+        }[char]); })
+        : string; };
+
+    /* eslint-disable */
+    var uuid = (function (prefix) {
+        if (prefix === void 0) { prefix = ''; }
+        return (prefix + (1e7 + -1e3 + -4e3 + -8e3 + -1e11)).replace(/[018]/g, function (c) { return (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16); });
+    });
+
+    var Component = /** @class */ (function (_super) {
+        __extends(Component, _super);
+        function Component(element, options, defaultOptions) {
+            if (options === void 0) { options = {}; }
+            if (defaultOptions === void 0) { defaultOptions = {}; }
+            var _this = _super.call(this) || this;
+            _this.element = querySelector(element, document);
+            // An invalid selector or non-DOM node has been provided.
+            if (!_this.element) {
+                throw new Error("An invalid selector or non-DOM node has been provided for " + _this.constructor.name + ".");
+            }
+            _this.id = uuid('c-');
+            _this.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), options), optionsFromDataset(_this.element, defaultOptions) // Use Element dataset values to override options
+            );
+            return _this;
+        }
+        /**
+         * Initiate all DOM element corresponding to selector
+         *
+         * @method
+         * @return Array of all Plugin instances
+         */
+        Component.attach = function (selector, options, node) {
+            var _this = this;
+            if (selector === void 0) { selector = null; }
+            if (options === void 0) { options = {}; }
+            if (node === void 0) { node = null; }
+            var instances = new Array();
+            if (selector !== null) {
+                querySelectorAll(selector, node).forEach(function (element) {
+                    // Check if plugin has already been instantiated for element
+                    if (typeof element[_this.name] === 'undefined') { // If no then instantiate it and register it in element
+                        instances.push(new _this(element, Object.assign({ selector: selector }, options)));
+                    }
+                    else { // If Yes then return the existing instance
+                        instances.push(element[_this.name]);
+                    }
+                });
+                if (typeof window[this.name] === 'undefined') {
+                    window[this.name] = {
+                        observers: []
+                    };
+                }
+                if (window[this.name]['observers'] && !window[this.name]['observers'].includes(selector)) {
+                    this.observeDom(selector, options);
+                    window[this.name]['observers'].push(selector);
+                }
+            }
+            return instances;
+        };
+        /**
+         * Observe DOM mutations to automatically initialize plugin on new elements when added to the DOM
+         *
+         * @param selector
+         * @param options
+         */
+        Component.observeDom = function (selector, options) {
+            var _this = this;
+            var observer = new MutationObserver(function (mutations) {
+                mutations.forEach(function (mutation) {
+                    for (var i = 0; i < mutation.addedNodes.length; i++) {
+                        if (typeof window[_this.name] !== 'undefined') {
+                            _this.attach(selector, options, mutation.addedNodes[i]);
+                        }
+                    }
+                });
+            });
+            if (typeof document !== 'undefined') {
+                observer.observe(document, {
+                    childList: true,
+                    subtree: true
+                });
+            }
+        };
+        Component._interface = function (name, options) {
+            if (name === void 0) { name = null; }
+            if (options === void 0) { options = {}; }
+            if (typeof name === 'string') {
+                if (typeof this[name] === 'undefined') {
+                    throw new TypeError("No method named \"" + name + "\"");
+                }
+                return this[name](options);
+            }
+            return this;
+        };
+        return Component;
+    }(EventEmitter));
+
+    var defaultOptions = {
+        allowDuplicates: false,
+        caseSensitive: true,
+        clearSelectionOnTyping: false,
+        closeDropdownOnItemSelect: true,
+        delimiter: ',',
+        freeInput: true,
+        highlightDuplicate: true,
+        highlightMatchesString: true,
+        itemValue: undefined,
+        itemText: undefined,
+        maxTags: undefined,
+        maxChars: undefined,
+        minChars: 1,
+        noResultsLabel: 'No results found',
+        placeholder: '',
+        removable: true,
+        searchMinChars: 1,
+        searchOn: 'text',
+        selectable: true,
+        source: undefined,
+        tagClass: 'is-rounded',
+        trim: true // Should we trim value before processing them ?
+    };
+
+    var tagTemplate = (function (data) { return "<span class=\"tag " + escape(data.style) + "\" data-value=\"" + escape(data.value) + "\">\n    " + escape(data.text) + "\n    " + (data.removable ? '<div class="delete is-small" data-tag="delete"></div>' : '') + "\n  </span>"; });
+
+    var containerTemplate = (function (data) { return "<div class=\"tags-input\">\n    <input class=\"input\" type=\"text\" placeholder=\"" + escape(data.placeholder) + "\">\n    <div id=\"" + escape(data.uuid) + "-list\" class=\"dropdown-menu\" role=\"menu\">\n      <div class=\"dropdown-content\">\n        <span class=\"dropdown-item empty-title\">" + escape(data.emptyTitle) + "</span>\n      </div>\n    </div>\n  </div>"; });
+
+    var dropdownItemTemplate = (function (data) { return "<a href=\"javascript:void(0);\" class=\"dropdown-item\" data-value=\"" + escape(data.value) + "\" data-text=\"" + escape(data.text) + "\">" + escape(data.text) + "</a>"; });
+
+    // TODO: add pattern or function to valdiate value before adding
+    var BulmaTagsInput = /** @class */ (function (_super) {
+        __extends(BulmaTagsInput, _super);
+        function BulmaTagsInput(element, options) {
+            if (options === void 0) { options = {}; }
+            var _this = _super.call(this, element, options, defaultOptions) || this;
+            // Convert Boolean string options to full Boolean
+            _this.options.allowDuplicates = BooleanParse(_this.options.allowDuplicates);
+            _this.options.caseSensitive = BooleanParse(_this.options.caseSensitive);
+            _this.options.clearSelectionOnTyping = BooleanParse(_this.options.clearSelectionOnTyping);
+            _this.options.closeDropdownOnItemSelect = BooleanParse(_this.options.closeDropdownOnItemSelect);
+            _this.options.freeInput = BooleanParse(_this.options.freeInput);
+            _this.options.highlightDuplicate = BooleanParse(_this.options.highlightDuplicate);
+            _this.options.highlightMatchesString = BooleanParse(_this.options.highlightMatchesString);
+            _this.options.removable = BooleanParse(_this.options.removable);
+            _this.options.searchOn = _this.options.searchOn.toLowerCase();
+            _this.options.selectable = BooleanParse(_this.options.selectable);
+            _this.options.trim = BooleanParse(_this.options.trim);
+            //Bind events to current class
+            _this._onDocumentClick = _this._onDocumentClick.bind(_this);
+            _this._onInputChange = _this._onInputChange.bind(_this);
+            _this._onInputClick = _this._onInputClick.bind(_this);
+            _this._onInputFocusOut = _this._onInputFocusOut.bind(_this);
+            _this._onInputFocusIn = _this._onInputFocusIn.bind(_this);
+            _this._onInputKeyDown = _this._onInputKeyDown.bind(_this);
+            _this._onInputKeyPress = _this._onInputKeyPress.bind(_this);
+            _this._onOriginalInputChange = _this._onOriginalInputChange.bind(_this);
+            _this._onTagDeleteClick = _this._onTagDeleteClick.bind(_this);
+            _this._onTagClick = _this._onTagClick.bind(_this);
+            _this._onDropdownItemClick = _this._onDropdownItemClick.bind(_this);
+            // Define internal variables
+            _this._items = [];
+            _this._selected = -1; // index of selected item
+            // Initiate plugin
+            _this._init();
+            return _this;
+        }
+        /**
+         * Initiate all DOM element corresponding to selector
+         *
+         * @method
+         * @return Array of all Plugin instances
+         */
+        BulmaTagsInput.attach = function (selector, options, container) {
+            if (selector === void 0) { selector = 'input[data-type="tags"], input[type="tags"], select[data-type="tags"], select[type="tags"]'; }
+            if (options === void 0) { options = {}; }
+            if (container === void 0) { container = null; }
+            return _super.attach.call(this, selector, options, container);
+        };
+        /**
+         * Initiate plugin
+         *
+         * @method init
+         * @return
+         */
+        BulmaTagsInput.prototype._init = function () {
+            var _this = this;
+            // Detect if original input was a Select element
+            this._isSelect = (this.element.tagName === 'SELECT');
+            this._isMultiple = (this._isSelect && this.element.hasAttribute('multiple'));
+            // Detect if we work with Object items or not
+            // Object Items is forced when working with select element
+            this._objectItems = (typeof this.options.itemValue !== 'undefined') || this._isSelect;
+            this.options.itemValue = this.options.itemValue ? this.options.itemValue : (this._isSelect ? 'value' : undefined);
+            this.options.itemText = this.options.itemText ? this.options.itemText : (this._isSelect ? 'text' : undefined);
+            // If no itemText pass then use itemValue as itemText
+            if (typeof this.options.itemText === 'undefined') {
+                this.options.itemText = this.options.itemValue;
+            }
+            // Force freeInput to False if working with object items
+            this.options.freeInput = this._objectItems ? false : this.options.freeInput;
+            // Init search engine
+            this.source = null;
+            if (typeof this.options.source !== 'undefined') {
+                // Fix searchOn option if wrong
+                if (!['value', 'text'].includes(this.options.searchOn)) {
+                    this.options.searchOn = defaultOptions.searchOn;
+                }
+                if (isPromise(this.options.source)) {
+                    this.source = this.options.source;
+                }
+                else if (isFunction(this.options.source)) {
+                    this.source = function (value) { return Promise.resolve(_this.options.source(value)); };
+                }
+                else if (Array.isArray(this.options.source)) {
+                    this.source = function (value) { return Promise.resolve(_this.options.source.filter(function (i) {
+                        var val = (_this._objectItems ? i[_this.options.itemValue] : i);
+                        return _this.options.caseSensitive ? val.includes(value) : val.toLowerCase().includes(value.toLowerCase());
+                    })); };
+                }
+            }
+            // Determine allowed input modes
+            this._manualInputAllowed = !this._isSelect && this.options.freeInput;
+            this._filterInputAllowed = this._isSelect || this.source;
+            this._build();
+        };
+        /**
+         * Build TagsInput DOM elements
+         */
+        BulmaTagsInput.prototype._build = function () {
+            var _this = this;
+            // Create TagsInput DOM
+            var containerFragment = document.createRange().createContextualFragment(containerTemplate({
+                emptyTitle: typeof this.options.noResultsLabel !== 'undefined' ? this.options.noResultsLabel : 'No results found',
+                placeholder: this.element.placeholder ? this.element.placeholder : this.options.placeholder,
+                uuid: this.id
+            }));
+            this.container = containerFragment.firstElementChild;
+            this._input = this.container.querySelector('input');
+            this.dropdown = this.container.querySelector("#" + this.id + "-list .dropdown-content");
+            this.dropdownEmptyOption = this.dropdown.querySelector('.empty-title');
+            // Clone attributes between original and new input
+            cloneAttributes(this._input, this.element, 'data-type multiple name type value');
+            if (this.element.disabled) {
+                this.container.setAttribute('disabled', 'disabled');
+                this.options.removable = false;
+                this.options.selectable = false;
+            }
+            // Propagate original input disabled attribute to the container
+            if (this._input.getAttribute('disabled') || this._input.classList.contains('is-disabled')) {
+                this.container.setAttribute('disabled', 'disabled');
+            }
+            if (!this._manualInputAllowed) {
+                this.container.classList.add(this._filterInputAllowed ? 'is-filter' : 'no-input');
+            }
+            // Remove dropdown if no source or original input is not a select element
+            if (!this._isSelect && typeof this.options.source === 'undefined') {
+                this.dropdown.remove();
+                this.dropdown = null;
+                this._input.setAttribute('list', null);
+            }
+            // Initialize plugin value from original input value
+            if (this._isSelect) {
+                Array.from(this.element.options).forEach(function (option) {
+                    if (option.selected) {
+                        // HTML Option element contains value and text properties
+                        // Add it silently to not propagate to the original element
+                        _this.add(option.value ? option : {
+                            value: option.text,
+                            text: option.text
+                        }, true);
+                    }
+                    _this._createDropdownItem(option);
+                });
+            }
+            else {
+                // We have on input element
+                if (this.element.value.length) {
+                    this.add(this._objectItems ? JSON.parse(this.element.value) : this.element.value, true);
+                }
+            }
+            this._bindEvents();
+            // Insert container right before original input and make original input hidden
+            this.element.parentNode.insertBefore(this.container, this.element);
+            // Hide original input (type="hidden" only works on select)
+            this.element.style.display = 'none';
+        };
+        /**
+         * Bind all events listener
+         */
+        BulmaTagsInput.prototype._bindEvents = function () {
+            // Bind document click event to close dropdown
+            document.addEventListener('click', this._onDocumentClick);
+            // Bind event handlers to orginal input
+            this.element.addEventListener('change', this._onOriginalInputChange);
+            // Bind event handlers to internal input
+            this._input.addEventListener('input', this._onInputChange);
+            this._input.addEventListener('click', this._onInputClick);
+            this._input.addEventListener('keydown', this._onInputKeyDown);
+            this._input.addEventListener('keypress', this._onInputKeyPress);
+            this._input.addEventListener('focusout', this._onInputFocusOut);
+            this._input.addEventListener('focusin', this._onInputFocusIn);
+        };
+        /**
+         * Check if caret is at the beginning of the input value
+         */
+        BulmaTagsInput.prototype._caretAtStart = function () {
+            try {
+                return this._input.selectionStart === 0 && this._input.selectionEnd === 0;
+            }
+            catch (e) {
+                return this._input.value === '';
+            }
+        };
+        /**
+         * Check value length constraint if option activated
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._checkLength = function (item) {
+            var value = this._objectItems ? item[this.options.itemValue] : item;
+            if (!isString(value)) {
+                return true;
+            }
+            return value.length >= this.options.minChars && (typeof this.options.maxChars === 'undefined' || value.length <= this.options.maxChars);
+        };
+        /**
+         * Close dropdown
+         */
+        BulmaTagsInput.prototype._closeDropdown = function () {
+            if (this.dropdown) {
+                this.emit('before.dropdown.close', this);
+                this.container.classList.remove('is-active');
+                this.emit('after.dropdown.close', this);
+            }
+        };
+        /**
+         * Create a new dropdown item based on given item data
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._createDropdownItem = function (item) {
+            if (this.dropdown) {
+                // TODO: add possibility to provide template through options
+                var dropdownItemFragment = document.createRange().createContextualFragment(dropdownItemTemplate({
+                    text: item.text,
+                    value: item.value
+                }));
+                var dropdownItem = dropdownItemFragment.firstElementChild;
+                // Save item data into dataset
+                dropdownItem.dataset.value = item.value;
+                dropdownItem.dataset.text = item.text;
+                dropdownItem.addEventListener('click', this._onDropdownItemClick);
+                this.dropdown.append(dropdownItem);
+            }
+        };
+        /**
+         * Create a new tag and add it to the DOM
+         *
+         * @param string value
+         */
+        BulmaTagsInput.prototype._createTag = function (item) {
+            var tagFragment = document.createRange().createContextualFragment(tagTemplate({
+                removable: this.options.removable,
+                style: this.options.tagClass,
+                text: item.text,
+                value: item.value
+            }));
+            var tag = tagFragment.firstElementChild;
+            // Attach tag click event to select it
+            tag.addEventListener('click', this._onTagClick);
+            if (this.options.removable) {
+                // Find delete button and attach click event
+                var deleteButton = tag.querySelector('.delete');
+                if (deleteButton) {
+                    deleteButton.addEventListener('click', this._onTagDeleteClick);
+                }
+            }
+            // insert new tag at the end (ie just before input)
+            this.container.insertBefore(tag, this._input);
+        };
+        /**
+         * Remove all dropdown items except the empty title
+         */
+        BulmaTagsInput.prototype._emptyDropdown = function () {
+            if (this.dropdown) {
+                Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).forEach(function (child) {
+                    child.remove();
+                });
+            }
+        };
+        /**
+         * Find needle into a string and wrap it with <mark> HTML tag
+         *
+         * @param string
+         * @param needle
+         */
+        BulmaTagsInput.prototype._highlightMatchesInString = function (string, needle) {
+            var reg = '(' + needle + ')(?![^<]*>|[^<>]*</)'; // explanation: http://stackoverflow.com/a/18622606/1147859
+            var regex = new RegExp(reg, 'i');
+            // If the regex doesn't match the string just return initial string
+            if (!string.match(regex)) {
+                return string;
+            }
+            // Otherwise, get to highlighting
+            var matchStartPosition = string.match(regex).index;
+            var matchEndPosition = matchStartPosition + string.match(regex)[0].toString().length;
+            var originalTextFoundByRegex = string.substring(matchStartPosition, matchEndPosition);
+            string = string.replace(regex, "<mark class=\"is-highlighted\">" + originalTextFoundByRegex + "</mark>");
+            return string;
+        };
+        /**
+         * Open dropdown
+         */
+        BulmaTagsInput.prototype._openDropdown = function () {
+            if (this.dropdown) {
+                this.container.classList.add('is-active');
+            }
+        };
+        /**
+         * Propagate internal input changes to the original input
+         */
+        BulmaTagsInput.prototype._propagateChange = function () {
+            var _this = this;
+            if (!this._isSelect) {
+                // If original element is an input element
+                this.element.value = this.value;
+            }
+            else {
+                // If original element is a select element
+                Array.from(this.element.options).forEach(function (option) {
+                    option.setAttribute('selected', undefined);
+                    option.selected = false;
+                    // If option has been added by TagsInput then we remove it
+                    // Otherwise it is an original option
+                    if (typeof option.dataset.source !== 'undefined') {
+                        option.remove();
+                    }
+                });
+                // Update original element options selected attributes
+                this._items.forEach(function (item) {
+                    _this._updateSelectOptions({
+                        value: _this._objectItems ? item[_this.options.itemValue] : item,
+                        text: _this._objectItems ? item[_this.options.itemText] : item
+                    });
+                });
+            }
+            // Trigger Change event manually (because original input is now hidden)
+            // Trick: Passes current class constructor name to prevent loop with _onOriginalInputChange handler)
+            var changeEvent = new CustomEvent('change', {
+                detail: this.constructor.name
+            });
+            this.element.dispatchEvent(changeEvent);
+        };
+        /**
+         * Trim value if option activated
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._trim = function (item) {
+            if (this.options.trim) {
+                if (this._objectItems) {
+                    if (isString(item[this.options.itemValue])) {
+                        item[this.options.itemValue] = item[this.options.itemValue].trim();
+                    }
+                    if (isString(item[this.options.itemText])) {
+                        item[this.options.itemText] = item[this.options.itemText].trim();
+                    }
+                }
+                else {
+                    item = item.trim();
+                }
+            }
+            return item;
+        };
+        /**
+         * Filter Dropdown items to be compliant with already selected items and current input value
+         * Filtering is made on Text by default (can be changed with option)
+         */
+        BulmaTagsInput.prototype._filterDropdownItems = function (value) {
+            var _this = this;
+            if (value === void 0) { value = null; }
+            if (this.dropdown) {
+                if (this.emit('before.dropdown.filter', this)) {
+                    Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).forEach(function (child) {
+                        var childValue = child.dataset[_this.options.searchOn];
+                        // Remove highlights
+                        if (_this.options.highlightMatchesString) {
+                            child.textContent = child.textContent.replace(/<\/?(mark\s?(class="is\-highlighted")?)?>]*>?/gm, '');
+                        }
+                        // If value is found in dropdown
+                        if ((value && value.length)) {
+                            if (_this.options.caseSensitive) {
+                                child.style.display = childValue.includes(value) ? 'block' : 'none';
+                            }
+                            else {
+                                child.style.display = childValue.toLowerCase().includes(value.toLowerCase()) ? 'block' : 'none';
+                            }
+                            if (_this.options.highlightMatchesString) {
+                                child.innerHTML = _this._highlightMatchesInString(child.innerHTML, value);
+                            }
+                        }
+                        else {
+                            child.style.display = 'block';
+                        }
+                        if (!_this.options.allowDuplicates || (_this._isSelect && !_this._isMultiple)) {
+                            var hasValue = _this.options.searchOn === 'value' ? _this.hasValue(childValue) : _this.hasText(childValue);
+                            child.style.display = hasValue ? 'none' : child.style.display;
+                        }
+                    });
+                    var hasActiveItems = Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).some(function (child) { return child.style.display !== 'none'; });
+                    if (hasActiveItems) {
+                        this.dropdownEmptyOption.style.display = 'none';
+                    }
+                    else {
+                        this.dropdownEmptyOption.style.display = 'block';
+                    }
+                    this.emit('after.dropdown.filter', this);
+                    return hasActiveItems;
+                }
+            }
+            return true;
+        };
+        /**
+         * Update original select option based on given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._updateSelectOptions = function (item) {
+            if (this._isSelect) {
+                // Check to see if the tag exists in its raw or uri-encoded form
+                var option = this.element.querySelector("option[value=\"" + encodeURIComponent(item.value) + "\"]") || this.element.querySelector("option[value=\"" + item.value + "\"]");
+                // add <option /> if item represents a value not present in one of the <select />'s options
+                if (!option) {
+                    var optionFragment = document.createRange().createContextualFragment("<option value=\"" + item.value + "\" data-source=\"" + this.id + "\" selected>" + item.text + "</option>");
+                    option = optionFragment.firstElementChild;
+                    this.element.add(option);
+                }
+                // mark option as selected
+                option.setAttribute('selected', 'selected');
+                option.selected = true;
+            }
+        };
+        /**
+         * Add given item
+         * item = 'john'
+         * item = 'john,jane'
+         * item = ['john', 'jane']
+         * item = [{
+         *  "value": "1",
+         *  "text": "John"
+         * }, {
+         *  "value": "2",
+         *  "text": "Jane"
+         * }]
+         *
+         * @param item
+         * @param silently Should the change be propagated to the original element
+         */
+        BulmaTagsInput.prototype.add = function (items, silently) {
             var _this = this;
-            this.meta.addTag({ charset: 'UTF-8' });
-            var config = Object.assign({ 'og:url': window.location.href.split('?')[0] }, this.config);
-            Object.keys(config).map(function (name) {
-                var content = config[name];
-                _this.meta.updateTag({ name: name, content: content });
-                if (name === 'og:description') {
-                    _this.meta.updateTag({ name: 'description', content: content });
+            if (silently === void 0) { silently = false; }
+            // Check if number of items is limited ans reached
+            if (typeof this.options.maxTags !== 'undefined' && this._items.length >= this.options.maxTags) {
+                return this;
+            }
+            // Make sure to work with an array of items
+            items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+            // If string items are expected then check every item is a string
+            if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                throw ('Item must be a string or an array of strings');
+            }
+            // If object items are expected then check every item is an object
+            if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                throw ('Item must be an object or an array of objects');
+            }
+            items.forEach(function (item) {
+                item = _this._trim(item);
+                // Check if item respects min/max chars
+                if (_this._checkLength(item)) {
+                    // If original input is a non multiple select element
+                    if (_this._isSelect && !_this._isMultiple && _this._items.length > 0) {
+                        _this.removeAtIndex(0);
+                        _this.element.remove(_this.element.selectedIndex);
+                    }
+                    // check if duplicates are allowed or not
+                    if (item = _this.emit('before.add', item)) {
+                        if (_this.options.allowDuplicates || !_this.has(item)) {
+                            var itemData = {
+                                value: _this._objectItems ? item[_this.options.itemValue] : item,
+                                text: _this._objectItems ? item[_this.options.itemText] : item
+                            };
+                            var tag = _this._createTag(itemData);
+                            // save item into the internal array
+                            _this._items.push(item);
+                            if (!silently) {
+                                // Propagate change event to the original input
+                                _this._propagateChange();
+                                _this.emit('after.add', {
+                                    item: item,
+                                    tag: tag
+                                });
+                            }
+                        }
+                        else {
+                            if (_this.options.highlightDuplicate) {
+                                var duplicateTag_1 = Array.from(_this.container.children).filter(function (child) { return child.classList.contains('tag'); })[_this.indexOf(item)];
+                                if (duplicateTag_1) {
+                                    duplicateTag_1.classList.add('is-duplicate');
+                                    setTimeout(function () {
+                                        duplicateTag_1.classList.remove('is-duplicate');
+                                    }, 1250);
+                                }
+                            }
+                            _this.emit('item.duplicate', item);
+                        }
+                    }
                 }
             });
+            return this;
         };
-        return SocialTagsComponent;
-    }());
-    SocialTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, deps: [{ token: i1__namespace$3.Meta }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SocialTagsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SocialTagsComponent, selector: "he-social-tags", inputs: { config: "config" }, host: { properties: { "class": "this.classes" } }, ngImport: i0__namespace, template: "<span></span>\n", styles: [""] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SocialTagsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-social-tags',
-                        templateUrl: './social-tags.component.html',
-                        styleUrls: ['./social-tags.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.Meta }]; }, propDecorators: { config: [{
-                    type: i0.Input
-                }], classes: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var toastId = 0;
-    var HeToastService = /** @class */ (function () {
-        function HeToastService() {
-            this.toasts = new rxjs.ReplaySubject(1);
-        }
-        HeToastService.prototype.success = function (message, duration) {
-            if (duration === void 0) { duration = 3000; }
-            this.toasts.next({
-                id: ++toastId,
-                message: message,
-                duration: duration,
-                color: 'success',
-                showRawMessage: true
-            });
+        /**
+         * Unselect the selected item
+         */
+        BulmaTagsInput.prototype.clearSelection = function () {
+            if (this._selected >= 0) {
+                var item = this._items[this._selected];
+                var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[this._selected];
+                if (this.emit('before.unselect', {
+                    item: item,
+                    tag: tag
+                })) {
+                    if (tag) {
+                        tag.classList.remove('is-selected');
+                    }
+                    this._selected = -1;
+                    this.emit('after.unselect', {
+                        item: item,
+                        tag: tag
+                    });
+                }
+            }
+            return this;
         };
-        HeToastService.prototype.error = function (message, showRawMessage, duration) {
-            if (showRawMessage === void 0) { showRawMessage = true; }
-            if (duration === void 0) { duration = 3000; }
-            this.toasts.next({
-                id: ++toastId,
-                message: ("" + message || '').trim(),
-                duration: duration,
-                color: 'danger',
-                showRawMessage: showRawMessage
+        /**
+         * Shortcut to removeAll method
+         */
+        BulmaTagsInput.prototype.flush = function () {
+            return this.removeAll();
+        };
+        /**
+         * Sets focus on the input
+         */
+        BulmaTagsInput.prototype.focus = function () {
+            this.container.classList.add('is-focused');
+            this._input.focus();
+            return this;
+        };
+        /**
+         * Check if given item is present
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.has = function (item) {
+            var _this = this;
+            item = this._trim(item);
+            if (this._objectItems) {
+                return this._items.some(function (i) { return _this.options.caseSensitive || !isString(i[_this.options.itemValue]) ? i[_this.options.itemValue] === item[_this.options.itemValue] : i[_this.options.itemValue].toLowerCase() === item[_this.options.itemValue].toLowerCase(); });
+            }
+            else {
+                return this.hasValue(item);
+            }
+        };
+        /**
+         * Check if given text is present
+         *
+         * @param value
+         */
+        BulmaTagsInput.prototype.hasText = function (value) {
+            var _this = this;
+            if (this.options.trim) {
+                value = value.trim();
+            }
+            return this._items.some(function (i) {
+                var val = (_this._objectItems ? i[_this.options.itemText] : i);
+                return _this.options.caseSensitive ? val === value : val.toLowerCase() === value.toLowerCase();
             });
         };
-        return HeToastService;
-    }());
-    HeToastService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    HeToastService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeToastService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }] });
-
-    var ToastComponent = /** @class */ (function () {
-        function ToastComponent(toastService) {
-            this.toastService = toastService;
-            this.subscriptions = [];
-            this.toasts = [];
-        }
-        ToastComponent.prototype.ngOnInit = function () {
+        /**
+         * Check if given value is present
+         *
+         * @param value
+         */
+        BulmaTagsInput.prototype.hasValue = function (value) {
             var _this = this;
-            this.subscriptions.push(this.toastService.toasts.subscribe(function (toast) { return _this.add(toast); }));
+            if (this.options.trim) {
+                value = value.trim();
+            }
+            return this._items.some(function (i) {
+                var val = (_this._objectItems ? i[_this.options.itemValue] : i);
+                return _this.options.caseSensitive ? val === value : val.toLowerCase() === value.toLowerCase();
+            });
         };
-        ToastComponent.prototype.ngOnDestroy = function () {
-            this.subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        /**
+         * Get index of given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.indexOf = function (item) {
+            item = this._trim(item);
+            if (this._objectItems) {
+                if (!isObject(item)) {
+                    throw ('Item must be an object');
+                }
+                return this._items.map(function (e) { return e.value; }).indexOf(item.value);
+            }
+            else {
+                return this._items.indexOf(item);
+            }
         };
-        ToastComponent.prototype.add = function (toast) {
+        /**
+         * Returns the internal input element
+         */
+        BulmaTagsInput.prototype.input = function () {
+            return this._input;
+        };
+        /**
+         * Get items
+         */
+        BulmaTagsInput.prototype.items = function () {
+            return this._items;
+        };
+        /**
+         * Remove given item
+         * item = 'john'
+         * item = 'john,jane'
+         *
+         * @param String item
+         */
+        BulmaTagsInput.prototype.remove = function (items) {
             var _this = this;
-            this.toasts.push(toast);
-            if (toast.duration) {
-                toast.timeout = setTimeout(function () { return _this.dismiss(toast); }, toast.duration);
+            if (this.options.removable) {
+                // Make sure to work with an array of items
+                items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+                // If string items are expected then check every item is a string
+                if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                    throw ('Item must be a string or an array of strings');
+                }
+                // If object items are expected then check every item is an object
+                if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                    throw ('Item must be an object or an array of objects');
+                }
+                items.forEach(function (item) {
+                    var index = _this.indexOf(item);
+                    while (index >= 0) {
+                        _this.removeAtIndex(index);
+                        index = _this.indexOf(item);
+                    }
+                });
             }
+            return this;
         };
-        ToastComponent.prototype.dismiss = function (toast) {
-            this.toasts.splice(this.toasts.findIndex(function (val) { return val.id === toast.id; }), 1);
+        /**
+         * Remove all tags at once
+         */
+        BulmaTagsInput.prototype.removeAll = function () {
+            if (this.options.removable) {
+                if (this.emit('before.flush', this._items)) {
+                    this.clearSelection();
+                    Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); }).forEach(function (tag) { return tag.remove(); });
+                    this._items = [];
+                    this._filterDropdownItems();
+                    this._propagateChange();
+                    this.emit('after.flush', this._items);
+                }
+            }
+            return this;
         };
-        return ToastComponent;
-    }());
-    ToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, deps: [{ token: HeToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToastComponent, selector: "he-toast", ngImport: i0__namespace, template: "<div class=\"mb-3 columns is-centered is-vcentered\">\n  <div class=\"notification is-{{toast.color}}\" role=\"alert\" *ngFor=\"let toast of toasts\">\n    <button class=\"delete\" aria-label=\"delete\" (click)=\"dismiss(toast)\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n    <strong [ngSwitch]=\"toast.color\">\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container [ngSwitch]=\"toast.message\">\n          <span *ngSwitchCase=\"'Unauthorized'\">You are not allowed to perform this action.</span>\n          <span *ngSwitchCase=\"'form-invalid'\">Please fix all the errors on this page.</span>\n          <span *ngSwitchCase=\"'users-email-already-taken'\">Email already taken.</span>\n          <span *ngSwitchCase=\"'users-auth-already-taken'\">Account already connected.</span>\n          <span *ngSwitchDefault>\n            <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n            <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n          </span>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <span *ngIf=\"toast.showRawMessage\">{{toast.message}}</span>\n        <span [class.is-hidden]=\"toast.showRawMessage\">An unknown error occurred. Please try again later.</span>\n      </ng-container>\n    </strong>\n  </div>\n</div>\n", styles: [":host{bottom:0;position:fixed;width:100%}\n"], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToastComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-toast',
-                        templateUrl: './toast.component.html',
-                        styleUrls: ['./toast.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: HeToastService }]; } });
-
-    var KeysPipe = /** @class */ (function () {
-        function KeysPipe() {
-        }
-        KeysPipe.prototype.transform = function (value, sort) {
-            if (sort === void 0) { sort = false; }
-            var keys = Object.keys(value).map(function (key) { return ({ key: key, value: value[key] }); });
-            if (sort) {
-                keys.sort(function (a, b) { return a.key.localeCompare(b.key); });
+        /**
+         * Remove item at given index
+         *
+         * @param Integer index
+         */
+        BulmaTagsInput.prototype.removeAtIndex = function (index, clearSelection) {
+            if (clearSelection === void 0) { clearSelection = true; }
+            if (this.options.removable && !isNaN(index) && index >= 0 && index < this._items.length) {
+                var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[index];
+                var item = this._items[index];
+                if (this.emit('before.remove', item)) {
+                    if (clearSelection) {
+                        this.clearSelection();
+                    }
+                    if (tag) {
+                        tag.remove();
+                    }
+                    // If original input is a select element
+                    // then deselect related option
+                    if (this._isSelect) {
+                        this.element.options[index].selected = false;
+                    }
+                    if (this._selected == index) {
+                        this._selected = -1;
+                    }
+                    else if (this._selected >= 0) {
+                        // One item less so selected index is
+                        this._selected -= 1;
+                    }
+                    this._items.splice(index, 1);
+                    this._filterDropdownItems();
+                    this._propagateChange();
+                    this.emit('after.remove', item);
+                }
             }
-            return keys;
+            return this;
         };
-        return KeysPipe;
-    }());
-    KeysPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    KeysPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, name: "keys" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeysPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'keys'
-                    }]
-            }] });
-
-    var parsePropertyValue = function (value) { return utils.isNumber(value) ? +value : (utils.isBoolean(value) ? value.toString() === 'true' : value); };
-    var parseResult = function (value) { return isNaN(value) ? '' : ("" + value).replace(',', '.'); };
-    var UnitConverterComponent = /** @class */ (function () {
-        function UnitConverterComponent() {
-            this.value = 1;
-            this.ConvertUnits = utils.ConvertUnits;
-            this.result = '';
-            this.arguments = [];
-        }
-        UnitConverterComponent.prototype.ngOnInit = function () {
-            return this.updateValue();
+        /**
+         * Select given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.select = function (items) {
+            var _this = this;
+            if (this.options.selectable) {
+                // Make sure to work with an array of items
+                items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+                // If string items are expected then check every item is a string
+                if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                    throw ('Item must be a string or an array of strings');
+                }
+                // If object items are expected then check every item is an object
+                if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                    throw ('Item must be an object or an array of objects');
+                }
+                items.forEach(function (item) {
+                    _this.selectAtIndex(_this.indexOf(item));
+                });
+            }
+            return this;
         };
-        Object.defineProperty(UnitConverterComponent.prototype, "args", {
+        /**
+         * Select tag at given index
+         *
+         * @param Integer index
+         */
+        BulmaTagsInput.prototype.selectAtIndex = function (index) {
+            if (this.options.selectable) {
+                // Clear selection
+                this.clearSelection();
+                if (!isNaN(index) && index >= 0 && index < this._items.length) {
+                    var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[index];
+                    var item = this._items[index];
+                    if (this.emit('before.select', {
+                        item: item,
+                        tag: tag
+                    })) {
+                        if (tag) {
+                            tag.classList.add('is-selected');
+                        }
+                        this._selected = index;
+                        this.emit('after.select', {
+                            item: item,
+                            tag: tag
+                        });
+                    }
+                }
+            }
+            return this;
+        };
+        Object.defineProperty(BulmaTagsInput.prototype, "selected", {
+            /**
+             * Get selected item
+             */
             get: function () {
-                var _a;
-                return (((_a = this.term) === null || _a === void 0 ? void 0 : _a.defaultProperties) || []).reduce(function (prev, prop) {
-                    var _c;
-                    var _a, _b;
-                    return (Object.assign(Object.assign({}, prev), (_c = {}, _c[(_b = (_a = prop.term) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase()] = parsePropertyValue(prop.value), _c)));
-                }, {});
+                if (this._selected >= 0) {
+                    return this._items[this._selected];
+                }
+                else {
+                    return null;
+                }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(UnitConverterComponent.prototype, "units", {
+        Object.defineProperty(BulmaTagsInput.prototype, "selectedIndex", {
+            /**
+             * Get selected item index
+             */
             get: function () {
-                var _this = this;
-                return this.fromUnits ?
-                    Object.values(utils.ConvertUnits).filter(function (v) { return v in utils.converters[_this.fromUnits]; }) :
-                    [];
+                return this._selected;
             },
             enumerable: false,
             configurable: true
         });
-        UnitConverterComponent.prototype.requireArgs = function (keys) {
-            var args = this.args;
-            this.arguments = keys.map(function (key) { return ({ key: key, value: args[key] || '' }); });
-        };
-        UnitConverterComponent.prototype.updateUnits = function () {
-            var requiredKeys = [];
-            if (this.fromUnits === utils.ConvertUnits.kg || this.toUnits === utils.ConvertUnits.kg) {
-                requiredKeys = ['density'];
+        Object.defineProperty(BulmaTagsInput.prototype, "value", {
+            /**
+             * Get value
+             */
+            get: function () {
+                if (!this._isSelect) {
+                    if (this._objectItems) {
+                        return this._items.map(function (item) { return item.value; }).join(this.options.delimiter);
+                    }
+                    else {
+                        return this._items.join(this.options.delimiter);
+                    }
+                }
+                else {
+                    return Array.from(this.element.options).filter(function (option) { return option.selected; }).map(function (option) { return option.value; });
+                }
+            },
+            /**
+             * Set value
+             */
+            set: function (string) {
+                this.removeAll();
+                this.add(string);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * Document click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onDocumentClick = function (e) {
+            if (this.dropdown) {
+                // If we click on element inside container then do nothing
+                if (this.container.contains(e.target)) {
+                    return;
+                }
+                // Tag and delete button already deleted when event triggered
+                // So we check if target is a tag delete button
+                if (e.target.dataset.tag && e.target.dataset.tag === 'delete') {
+                    return;
+                }
+                // Click outside dropdown so close it
+                this._closeDropdown();
             }
-            this.requireArgs(requiredKeys);
-            return this.updateValue();
         };
-        UnitConverterComponent.prototype.updateValue = function () {
-            if (!this.fromUnits || !this.toUnits) {
-                return;
+        /**
+         * Input focus lost event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onDropdownItemClick = function (e) {
+            e.preventDefault();
+            if (this.dropdown) {
+                if (this._objectItems) {
+                    var item = {};
+                    item[this.options.itemText] = e.currentTarget.dataset.text;
+                    item[this.options.itemValue] = e.currentTarget.dataset.value;
+                    this.add(item);
+                }
+                else {
+                    this.add(e.currentTarget.dataset.value);
+                }
+                this._filterDropdownItems();
+                this._input.value = '';
+                this._input.focus();
+                if (this.options.closeDropdownOnItemSelect) {
+                    this._closeDropdown();
+                }
             }
-            var args = Object.assign(Object.assign({}, this.args), this.arguments.reduce(function (prev, _c) {
-                var _d;
-                var key = _c.key, value = _c.value;
-                return (Object.assign(Object.assign({}, prev), (_d = {}, _d[key] = value, _d)));
-            }, {}));
-            try {
-                this.result = parseResult(utils.convertValue(this.value, this.fromUnits, this.toUnits, args));
+        };
+        /**
+         * Input change event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputChange = function (e) {
+            this._filterDropdownItems(this._input.value);
+        };
+        /**
+         * Input click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputClick = function (e) {
+            e.preventDefault();
+            if (!this.source || this._input.value.length >= this.options.searchMinChars) {
+                this._openDropdown();
+                this._filterDropdownItems();
             }
-            catch (_) { }
         };
-        return UnitConverterComponent;
-    }());
-    UnitConverterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    UnitConverterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UnitConverterComponent, selector: "he-unit-converter", inputs: { term: "term", value: "value", fromUnits: "fromUnits", toUnits: "toUnits" }, ngImport: i0__namespace, template: "<div class=\"columns mb-0\">\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"value\">Value</label>\n  </div>\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"result\">Convert To</label>\n  </div>\n</div>\n\n<div class=\"columns\">\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"number\" class=\"input\" [(ngModel)]=\"value\" name=\"value\" id=\"value\"\n          (input)=\"updateValue()\"\n        >\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"fromUnits\" name=\"fromUnits\" id=\"fromUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of ConvertUnits | keys\" [value]=\"unit.value\">{{unit.key}}</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input\" [value]=\"result\" name=\"result\" id=\"result\" readonly>\n      </div>\n      <div class=\"control\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"toUnits\" name=\"toUnits\" id=\"toUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of units\" [value]=\"unit\">{{unit}}</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-white px-2\"\n          [value]=\"result\" [disabled]=\"!result\" [hideText]=\"true\"\n        ></he-clipboard>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"field is-horizontal\" *ngFor=\"let arg of arguments\">\n  <div class=\"field-label is-normal\">\n    <label class=\"label has-text-white\" [for]=\"arg.key\">\n      <span class=\"is-capitalized\">{{arg.key}}</span>\n      <span class=\"has-text-danger pl-1\">*</span>\n    </label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input is-small\"\n          [(ngModel)]=\"arg.value\" [id]=\"arg.key\"\n          (input)=\"updateValue()\"\n          placeholder=\"Required for conversion\"\n        >\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".select{min-width:85px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }], directives: [{ type: i1__namespace$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keys": KeysPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-unit-converter',
-                        templateUrl: './unit-converter.component.html',
-                        styleUrls: ['./unit-converter.component.scss']
-                    }]
-            }], propDecorators: { term: [{
-                    type: i0.Input
-                }], value: [{
-                    type: i0.Input
-                }], fromUnits: [{
-                    type: i0.Input
-                }], toUnits: [{
-                    type: i0.Input
-                }] } });
-
-    /* eslint-disable @angular-eslint/directive-selector */
-    var ClickOutsideDirective = /** @class */ (function () {
-        function ClickOutsideDirective(elementRef) {
-            this.elementRef = elementRef;
-            this.clickOutside = new i0.EventEmitter();
-        }
-        ClickOutsideDirective.prototype.onClick = function (event) {
-            if (!this.elementRef.nativeElement.contains(event.target)) {
-                this.clickOutside.emit();
+        /**
+         * Input focus event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputFocusIn = function (e) {
+            e.preventDefault();
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                this._input.blur();
+                return false;
             }
+            this.container.classList.add('is-focused');
         };
-        return ClickOutsideDirective;
-    }());
-    ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[clickOutside]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
-                    type: i0.Output
-                }], onClick: [{
-                    type: i0.HostListener,
-                    args: ['document:click', ['$event']]
-                }] } });
-
-    var shouldDefault = {
-        string: function (value) { return !value; },
-        number: function (value) { return !value && value !== 0; },
-        boolean: function (value) { return !value; },
-        object: function (value) { return !value || !Object.keys(value).length; },
-        undefined: function () { return true; }
-    };
-    var DefaultPipe = /** @class */ (function () {
-        function DefaultPipe() {
-        }
-        DefaultPipe.prototype.transform = function (value, defaultValue) {
-            return shouldDefault[typeof value](value) ? defaultValue : value;
+        /**
+         * Input focus lost event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputFocusOut = function (e) {
+            e.preventDefault();
+            this.container.classList.remove('is-focused');
         };
-        return DefaultPipe;
-    }());
-    DefaultPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    DefaultPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, name: "default" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefaultPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'default'
-                    }]
-            }] });
-
-    var EllipsisPipe = /** @class */ (function () {
-        function EllipsisPipe() {
-        }
-        EllipsisPipe.prototype.transform = function (value, maxLength) {
-            return ellipsis("" + value, maxLength);
+        /**
+         * Input Keydown event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputKeyDown = function (e) {
+            var key = e.charCode || e.keyCode || e.which;
+            switch (key) {
+                // BACKSPACE
+                case 8:
+                    if (this.options.removable) {
+                        if (this._caretAtStart() && this._selected >= 0) {
+                            var currentItemIndex = this._selected;
+                            // If tag was selected then select next (or previous if next does not exists)
+                            if (currentItemIndex >= 0) {
+                                this.selectAtIndex(currentItemIndex + 1 < this._items.length ? currentItemIndex + 1 : currentItemIndex - 1);
+                            }
+                            this.removeAtIndex(currentItemIndex, false);
+                        }
+                    }
+                    if (this.source && (this._input.value.length) < this.options.searchMinChars) {
+                        this._closeDropdown();
+                    }
+                    break;
+                // ESCAPE
+                case 27:
+                    if (this._selected >= 0) {
+                        this.clearSelection();
+                    }
+                    this._closeDropdown();
+                    break;
+                // DELETE
+                case 46:
+                    if (this.options.removable) {
+                        if (this._caretAtStart() && this._selected >= 0) {
+                            var currentItemIndex = this._selected;
+                            // If tag was selected then select next (or previous if next does not exists)
+                            if (currentItemIndex >= 0) {
+                                this.selectAtIndex(currentItemIndex + 1 < this._items.length ? currentItemIndex + 1 : currentItemIndex - 1);
+                            }
+                            this.removeAtIndex(currentItemIndex, false);
+                        }
+                    }
+                    if (this.source && (this._input.value.length) < this.options.searchMinChars) {
+                        this._closeDropdown();
+                    }
+                    break;
+                // LEFT ARROW
+                case 37:
+                    if (!this._input.value.length) {
+                        if (this._selected < 0) {
+                            this.selectAtIndex(this._items.length - 1);
+                        }
+                        else {
+                            this.selectAtIndex(this._selected - 1 >= 0 ? this._selected - 1 : this._items.length - 1);
+                        }
+                    }
+                    break;
+                // RIGHT ARROW
+                case 39:
+                    if (!this._input.value.length) {
+                        if (this._selected < 0) {
+                            this.selectAtIndex(0);
+                        }
+                        else {
+                            this.selectAtIndex(this._selected + 1 >= this._items.length ? 0 : this._selected + 1);
+                        }
+                    }
+                    break;
+                default:
+                    if (this.options.clearSelectionOnTyping) {
+                        this.clearSelection();
+                    }
+                // ignore
+            }
         };
-        return EllipsisPipe;
-    }());
-    EllipsisPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    EllipsisPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, name: "ellipsis" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EllipsisPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ellipsis'
-                    }]
-            }] });
-
-    var get$3 = require('lodash.get');
-    var GetPipe = /** @class */ (function () {
-        function GetPipe() {
-        }
-        GetPipe.prototype.transform = function (value, key, defaultValue) {
-            if (defaultValue === void 0) { defaultValue = ''; }
-            return get$3(value, key, defaultValue);
+        /**
+         * Input Keypress event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputKeyPress = function (e) {
+            var _this = this;
+            var key = e.charCode || e.keyCode || e.which;
+            var value = this._trim(this._input.value) + String.fromCharCode(key);
+            if (!this._manualInputAllowed && !this._filterInputAllowed) {
+                e.preventDefault();
+                return false;
+            }
+            // ENTER
+            if (!value.length && key !== 13) {
+                return false;
+            }
+            if (this._filterInputAllowed) {
+                this._filterDropdownItems(value);
+            }
+            if (this._filterInputAllowed && this.source && value.length >= this.options.searchMinChars && key !== 13) {
+                this._openDropdown();
+                this.dropdown.classList.add('is-loading');
+                this._emptyDropdown();
+                this.source(value).then(function (results) {
+                    results = _this.emit('on.results.received', results);
+                    if (results.length) {
+                        results.forEach(function (result) {
+                            var item = {
+                                value: null,
+                                text: null
+                            };
+                            if (!isObject(result)) {
+                                item.value = result;
+                                item.text = result;
+                            }
+                            else {
+                                item.value = result[_this.options.itemValue];
+                                item.text = result[_this.options.itemText];
+                            }
+                            _this._createDropdownItem(item);
+                        });
+                    }
+                    _this._filterDropdownItems(value);
+                    _this.dropdown.classList.remove('is-loading');
+                });
+            }
+            if (this._manualInputAllowed && (value.includes(this.options.delimiter) || key == 13)) {
+                // Prevent default behavior (ie: add char into input value)
+                e.preventDefault();
+                // Split value by delimiter in case we copy/paste multiple values
+                var values = value.split(this.options.delimiter);
+                values.forEach(function (value) {
+                    // check if empty text when delimiter is removed
+                    if ((value = value.replace(_this.options.delimiter, '')) != '') {
+                        // push to array and remove delimiter
+                        _this.add(value);
+                    }
+                });
+                value = '';
+                // clear input
+                this._input.value = '';
+                this._closeDropdown();
+                return false;
+            }
         };
-        return GetPipe;
-    }());
-    GetPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    GetPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, name: "get" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'get'
-                    }]
-            }] });
-
-    var KeyToLabelPipe = /** @class */ (function () {
-        function KeyToLabelPipe() {
-        }
-        KeyToLabelPipe.prototype.transform = function (value) {
-            // using termTypeLabel here which defaults to `keyToLabel` function
-            return termTypeLabel(value);
+        /**
+         * Original input change event handler
+         * CAUTION: because original input is now hidden the change event must be triggered manually on change
+         * Example how to trigger change event manually
+         * var changeEvent = new Event('change');
+         * input.dispatchEvent(changeEvent);
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onOriginalInputChange = function (e) {
+            if (!e.detail || isString(e.detail) && e.detail !== this.constructor.name) {
+                this.value = e.currentTarget.value;
+            }
         };
-        return KeyToLabelPipe;
-    }());
-    KeyToLabelPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    KeyToLabelPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, name: "keyToLabel" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyToLabelPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'keyToLabel'
-                    }]
-            }] });
-
-    var PluralizePipe = /** @class */ (function () {
-        function PluralizePipe() {
-        }
-        PluralizePipe.prototype.transform = function (value, times) {
-            if (times === void 0) { times = 0; }
-            return pluralize__namespace(value, times);
+        /**
+         * Tag click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onTagClick = function (e) {
+            e.preventDefault();
+            if (e.currentTarget.classList.contains('delete')) {
+                return false;
+            }
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                return false;
+            }
+            this._input.focus();
+            if (this.options.selectable) {
+                var tag = e.currentTarget.closest('.tag');
+                if (tag) {
+                    var tagIndex = Array.from(this.container.children).indexOf(tag);
+                    if (tagIndex === this._selected) {
+                        this.clearSelection();
+                    }
+                    else {
+                        this.selectAtIndex(tagIndex);
+                    }
+                }
+            }
         };
-        return PluralizePipe;
-    }());
-    PluralizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    PluralizePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, name: "pluralize" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PluralizePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'pluralize'
-                    }]
-            }] });
+        /**
+         * Delete tag button click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onTagDeleteClick = function (e) {
+            e.preventDefault();
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                return false;
+            }
+            var tag = e.currentTarget.closest('.tag');
+            if (tag) {
+                this.removeAtIndex(Array.from(this.container.children).indexOf(tag));
+            }
+        };
+        return BulmaTagsInput;
+    }(Component));
 
     var restrictToType = {
         number: function (val) { return parseFloat(val) === +val ? val : false; }
@@ -2331,7 +3890,7 @@
                 return _this.tagsInputInput.removeEventListener(event, listener);
             });
             this.inputEvents = [];
-            this.tagsInput = null;
+            this.tagsInput = undefined;
         };
         Object.defineProperty(TagsInputDirective.prototype, "input", {
             get: function () {
@@ -2372,7 +3931,7 @@
             var _this = this;
             try {
                 var _a = this.appTagsInput, enabled = _a.enabled, items = _a.items, options = __rest(_a, ["enabled", "items"]);
-                this.tagsInput = new BulmaTagsInput__default["default"](this.input, options);
+                this.tagsInput = new BulmaTagsInput(this.input, options);
                 // TODO: remove when fixed, @see https://github.com/CreativeBulma/bulma-tagsinput/issues/23
                 var classes = ['is-small', 'is-large'].filter(function (v) { return _this.input.classList.contains(v); });
                 classes.map(function (v) { return _this.tagsInputNode.classList.add(v); });
@@ -2430,18 +3989,9 @@
         UnitConverterComponent,
         BlankNodeDiffsComponent,
         TimesPipe,
-        ToastComponent,
         ClickOutsideDirective,
-        KeysPipe,
-        PrecisionPipe,
-        SocialTagsComponent,
-        DefaultPipe,
         SkeletonTextComponent,
-        PluralizePipe,
-        KeyToLabelPipe,
-        BindOnceDirective,
-        GetPipe,
-        EllipsisPipe
+        GetPipe
     ];
     var HeCommonModule = /** @class */ (function () {
         function HeCommonModule() {
@@ -2462,23 +4012,14 @@
             UnitConverterComponent,
             BlankNodeDiffsComponent,
             TimesPipe,
-            ToastComponent,
             ClickOutsideDirective,
-            KeysPipe,
-            PrecisionPipe,
-            SocialTagsComponent,
-            DefaultPipe,
             SkeletonTextComponent,
-            PluralizePipe,
-            KeyToLabelPipe,
-            BindOnceDirective,
-            GetPipe,
-            EllipsisPipe], imports: [i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+            GetPipe], imports: [i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule], exports: [i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule, ClipboardComponent,
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule], exports: [i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule, ClipboardComponent,
             PopoverComponent,
             PopoverConfirmComponent,
             TagsInputDirective,
@@ -2491,40 +4032,31 @@
             UnitConverterComponent,
             BlankNodeDiffsComponent,
             TimesPipe,
-            ToastComponent,
             ClickOutsideDirective,
-            KeysPipe,
-            PrecisionPipe,
-            SocialTagsComponent,
-            DefaultPipe,
             SkeletonTextComponent,
-            PluralizePipe,
-            KeyToLabelPipe,
-            BindOnceDirective,
-            GetPipe,
-            EllipsisPipe] });
+            GetPipe] });
     HeCommonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+                i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
                 i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                i1$2.GoogleMapsModule,
-                HeFontawesomeModule
+                i1$4.GoogleMapsModule,
+                HeCommonLightModule
             ], i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-            i1$2.GoogleMapsModule,
-            HeFontawesomeModule] });
+            i1$4.GoogleMapsModule,
+            HeCommonLightModule] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: components$6,
                         exports: __spreadArray([
                             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                            i1$2.GoogleMapsModule,
-                            HeFontawesomeModule
+                            i1$4.GoogleMapsModule,
+                            HeCommonLightModule
                         ], __read(components$6)),
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule, i4.RouterModule,
+                            i3.CommonModule, i1$2.FormsModule, i4.RouterModule,
                             i10.NgbTypeaheadModule, i10.NgbTooltipModule, i10.NgbPopoverModule,
-                            i1$2.GoogleMapsModule,
-                            HeFontawesomeModule
+                            i1$4.GoogleMapsModule,
+                            HeCommonLightModule
                         ]
                     }]
             }] });
@@ -2556,14 +4088,14 @@
         };
         return HeMendeleyService;
     }());
-    HeMendeleyService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeMendeleyService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeMendeleyService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeMendeleyService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeCommonService }]; } });
 
     var _a$3, _b, _c, _d$1, _e;
     var searchableTypes = [
@@ -2907,14 +4439,14 @@
         };
         return HeSearchService;
     }());
-    HeSearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, deps: [{ token: i1__namespace$1.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeSearchService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, deps: [{ token: i1__namespace$2.HttpClient }, { token: HeCommonService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeSearchService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSearchService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }, { type: HeCommonService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }, { type: HeCommonService }]; } });
 
     var BibliographiesSearchConfirmComponent = /** @class */ (function () {
         function BibliographiesSearchConfirmComponent(formBuilder, mendeleyService, searchService) {
@@ -2929,7 +4461,7 @@
             this.loading = true;
             this.hasResults = false;
             this.formGroup = formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.results = this.searchControl.valueChanges.pipe(operators.debounceTime(300), operators.distinctUntilChanged(), operators.tap(function () {
                 _this.loading = true;
@@ -3027,10 +4559,10 @@
         return HeBibliographiesModule;
     }());
     HeBibliographiesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    HeBibliographiesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, declarations: [BibliographiesSearchConfirmComponent], imports: [i3.CommonModule, i1$4.ReactiveFormsModule,
+    HeBibliographiesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, declarations: [BibliographiesSearchConfirmComponent], imports: [i3.CommonModule, i1$2.ReactiveFormsModule,
             HeCommonModule], exports: [BibliographiesSearchConfirmComponent] });
     HeBibliographiesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, imports: [[
-                i3.CommonModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.ReactiveFormsModule,
                 HeCommonModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeBibliographiesModule, decorators: [{
@@ -3039,7 +4571,7 @@
                         declarations: components$5,
                         exports: components$5,
                         imports: [
-                            i3.CommonModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.ReactiveFormsModule,
                             HeCommonModule
                         ]
                     }]
@@ -3293,14 +4825,14 @@
         ;
         return HeSchemaService;
     }());
-    HeSchemaService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HeSchemaService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, deps: [{ token: i1__namespace$2.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     HeSchemaService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSchemaService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace$2.HttpClient }]; } });
 
     var headerGroup = function (header) {
         var parts = header.split('.');
@@ -3502,7 +5034,7 @@
         });
         return NodeCsvExportConfirmComponent;
     }());
-    NodeCsvExportConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, deps: [{ token: i1__namespace$3.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NodeCsvExportConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, deps: [{ token: i1__namespace$1.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
     NodeCsvExportConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: { nodes: "nodes", filename: "filename", headerKeys: "headerKeys", extension: "extension", isUpload: "isUpload" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(true)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <div class=\"notification is-info\" role=\"alert\" *ngIf=\"isUpload\">\n        <span>After Download, you can edit and</span>\n        <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n        <span>to submit your content on the Hestia platform, and your draft will remain unchanged.</span>\n\n        <p>\n          <span>Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and selecting the exported file.</span>\n        </p>\n      </div>\n\n      <ng-container *ngIf=\"!isUpload && includedNodes.length > 1\">\n        <p class=\"mb-2\">\n          <b>{{includedNodes.length}}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes = !showIncludeNodes\">\n            <ng-container *ngIf=\"!showIncludeNodes\">Show list</ng-container>\n            <ng-container *ngIf=\"showIncludeNodes\">Hide list</ng-container>\n          </a>\n        </p>\n\n        <div class=\"table-container\" *ngIf=\"showIncludeNodes\">\n          <table class=\"table is-fullwidth is-hoverable mb-0\">\n            <thead class=\"has-background-black\">\n              <tr>\n                <th>\n                  <span class=\"has-text-white\">@type</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\">@id</span>\n                </th>\n                <th>\n                  <span class=\"has-text-white\">Name</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let node of includedNodes\">\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@type']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node['@id']}}</span>\n                </td>\n                <td>\n                  <span *bindOnce=\"node\">{{node.node.name}}</span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </ng-container>\n\n      <he-node-csv-select-headers [class.is-hidden]=\"isUpload\"\n        [csv]=\"csvData\" [keys]=\"headerKeys\" [includeDefaultCSV]=\"isUpload\"\n        (headersChanged)=\"headersUpdated($event)\"\n      ></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a class=\"button is-success\" target=\"_blank\"\n        [attr.disabled]=\"csvContent ? null : true\"\n        [href]=\"csvContent\"\n        [attr.download]=\"csvContent ? downloadFilename : null\"\n        (click)=\"closed.next(true)\"\n      >\n        <fa-icon class=\"mr-2\" icon=\"download\"></fa-icon>\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button\" (click)=\"closed.next(true)\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], components: [{ type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeCsvExportConfirmComponent, decorators: [{
                 type: i0.Component,
@@ -3511,7 +5043,7 @@
                         templateUrl: './node-csv-export-confirm.component.html',
                         styleUrls: ['./node-csv-export-confirm.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }]; }, propDecorators: { nodes: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; }, propDecorators: { nodes: [{
                     type: i0.Input
                 }], filename: [{
                     type: i0.Input
@@ -3733,7 +5265,7 @@
         };
         return NodeLogsFileComponent;
     }());
-    NodeLogsFileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, deps: [{ token: i1__namespace$3.DomSanitizer }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NodeLogsFileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, deps: [{ token: i1__namespace$1.DomSanitizer }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     NodeLogsFileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsFileComponent, selector: "he-node-logs-file", inputs: { node: "node", dataState: "dataState" }, ngImport: i0__namespace, template: "<div class=\"is-relative\">\n  <div class=\"copy-clipboard\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-link is-small\"\n          [value]=\"nodeLog | async\" [hideText]=\"true\" [icon]=\"['far', 'clone']\" size=\"lg\" rotate=\"180\"\n        ></he-clipboard>\n      </div>\n      <ng-container *ngIf=\"showFilters\">\n        <div class=\"control\">\n          <input class=\"input is-link is-small\"\n            [(ngModel)]=\"modelFilter\" id=\"modelFilter\"\n            (input)=\"applyFilters()\"\n            placeholder=\"Filter by Method / Model\"\n          >\n        </div>\n        <div class=\"control\">\n          <input class=\"input is-link is-small\"\n            [(ngModel)]=\"termFilter\" id=\"termFilter\"\n            (input)=\"applyFilters()\"\n            placeholder=\"Filter by Term\"\n          >\n        </div>\n        <div class=\"control\">\n          <div class=\"select is-link is-small\">\n            <select (change)=\"applyFilters()\"\n              [(ngModel)]=\"selectedLevel\" id=\"selectedLevel\"\n            >\n              <option *ngFor=\"let level of Level | keys\" [value]=\"level.value\">{{level.value}}</option>\n            </select>\n          </div>\n        </div>\n      </ng-container>\n      <div class=\"control\">\n        <button class=\"button is-small\" (click)=\"showFilters = !showFilters\"\n          [ngbTooltip]=\"showFilters ? 'Hide filters' : 'Show filters'\" placement=\"bottom\" container=\"body\"\n        >\n          <fa-icon icon=\"filter\"></fa-icon>\n        </button>\n      </div>\n      <div class=\"control pl-3\">\n        <a class=\"button is-dark is-outlined is-small\" target=\"_blank\"\n          [href]=\"csvContent\"\n          [download]=\"fileToExt(node!['@id'], 'csv')\"\n        >\n          <fa-icon class=\"mr-2\" icon=\"download\"></fa-icon>\n          <span>Download (CSV)</span>\n        </a>\n      </div>\n    </div>\n  </div>\n\n  <pre class=\"pl-3 pt-3 ml-3\"><code class=\"is-block {{line.class}}\" *ngFor=\"let line of nodeLogLines\">{{line.data.timestamp}} {{('[' + line.data.level + ']:').padEnd(9, ' ')}} {{line.data.message}}</code></pre>\n</div>\n", styles: [":host{display:block}pre{background-color:inherit;color:inherit;min-height:38px;max-height:500px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i10__namespace.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }], pipes: { "async": i3__namespace.AsyncPipe, "keys": KeysPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsFileComponent, decorators: [{
                 type: i0.Component,
@@ -3742,7 +5274,7 @@
                         templateUrl: './node-logs-file.component.html',
                         styleUrls: ['./node-logs-file.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }, { type: HeNodeService }]; }, propDecorators: { node: [{
                     type: i0.Input
                 }], dataState: [{
                     type: i0.Input
@@ -4053,7 +5585,7 @@
             NodeLogsFileComponent,
             NodeLogsModelsComponent,
             NodeMissingLookupFactorsComponent,
-            NodeValueDetailsComponent], imports: [i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+            NodeValueDetailsComponent], imports: [i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
             i6.DragDropModule,
             HeCommonModule], exports: [NodeIconComponent,
             NodeLinkComponent,
@@ -4065,7 +5597,7 @@
             NodeMissingLookupFactorsComponent,
             NodeValueDetailsComponent] });
     HeNodeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeNodeModule, imports: [[
-                i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+                i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
                 i6.DragDropModule,
                 HeCommonModule
             ]] });
@@ -4075,7 +5607,7 @@
                         declarations: components$4,
                         exports: components$4,
                         imports: [
-                            i3.CommonModule, i4.RouterModule, i1$4.FormsModule,
+                            i3.CommonModule, i4.RouterModule, i1$2.FormsModule,
                             i6.DragDropModule,
                             HeCommonModule
                         ]
@@ -4111,7 +5643,7 @@
             this.cycles = [];
             this.cycleAdded = new i0.EventEmitter();
             this.form = this.formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.loading = false;
             this.suggesting = false;
@@ -4752,7 +6284,7 @@
             CyclesEmissionsLogsComponent,
             CyclesFunctionalUnitMeasureComponent,
             CyclesResultComponent,
-            CyclesSuggestFormComponent], imports: [i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+            CyclesSuggestFormComponent], imports: [i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [CyclesActivityComponent,
             CyclesActivityLogsComponent,
@@ -4764,7 +6296,7 @@
             CyclesResultComponent,
             CyclesSuggestFormComponent] });
     HeCyclesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCyclesModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -4774,7 +6306,7 @@
                         declarations: components$3,
                         exports: components$3,
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -5171,7 +6703,7 @@
             (!fullKey || nestingTypeEnabled(schemaType));
     };
     var editableKey = function (key) { return !['type', '@type', 'termType'].includes(key); };
-    var propertyId = function () { return uuid.v4(); };
+    var propertyId = function () { return uuid$1.v4(); };
     var propertyUrl = function (node, key) { return ['@id', 'name'].includes(key) && linkTypeEnabled(node['@type']) ?
         {
             url: baseUrl() + "/" + node['@type'].toLowerCase() + "/" + node['@id'],
@@ -5794,7 +7326,7 @@
         return SitesMapsComponent;
     }());
     SitesMapsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMapsComponent, deps: [{ token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SitesMapsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$2.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1__namespace$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    SitesMapsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", nodes: "nodes", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: i1$4.GoogleMap, descendants: true }], ngImport: i0__namespace, template: "<google-map *ngIf=\"googleLoaded\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"center\"\n></google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], components: [{ type: i1__namespace$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMapsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5804,7 +7336,7 @@
                     }]
             }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { map: [{
                     type: i0.ViewChild,
-                    args: [i1$2.GoogleMap]
+                    args: [i1$4.GoogleMap]
                 }], loadPolygons: [{
                     type: i0.Input
                 }], sites: [{
@@ -5989,13 +7521,13 @@
     HeSitesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     HeSitesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, declarations: [SitesMapsComponent,
             SitesMeasurementsComponent,
-            SitesMeasurementsLogsComponent], imports: [i3.CommonModule, i1$4.ReactiveFormsModule,
+            SitesMeasurementsLogsComponent], imports: [i3.CommonModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [SitesMapsComponent,
             SitesMeasurementsComponent,
             SitesMeasurementsLogsComponent] });
     HeSitesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeSitesModule, imports: [[
-                i3.CommonModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -6005,7 +7537,7 @@
                         declarations: components$2,
                         exports: components$2,
                         imports: [
-                            i3.CommonModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -6489,13 +8021,13 @@
         return HeFilesModule;
     }());
     HeFilesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    HeFilesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, declarations: [FilesFormComponent], imports: [i3.CommonModule, i1$4.FormsModule,
+    HeFilesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, declarations: [FilesFormComponent], imports: [i3.CommonModule, i1$2.FormsModule,
             HeCommonModule,
             HeNodeModule,
             HeBibliographiesModule,
             HeSitesModule], exports: [FilesFormComponent] });
     HeFilesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeFilesModule, imports: [[
-                i3.CommonModule, i1$4.FormsModule,
+                i3.CommonModule, i1$2.FormsModule,
                 HeCommonModule,
                 HeNodeModule,
                 HeBibliographiesModule,
@@ -6507,7 +8039,7 @@
                         declarations: components$1,
                         exports: components$1,
                         imports: [
-                            i3.CommonModule, i1$4.FormsModule,
+                            i3.CommonModule, i1$2.FormsModule,
                             HeCommonModule,
                             HeNodeModule,
                             HeBibliographiesModule,
@@ -6680,7 +8212,7 @@
         };
         return ImpactAssessmentsIndicatorBreakdownChartComponent;
     }());
-    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1__namespace$3.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i1__namespace$1.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     ImpactAssessmentsIndicatorBreakdownChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: "impactAssessment", indicators: "indicators" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"loading || !terms?.length\">\n  <div class=\"columns\">\n    <div class=\"column\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Select an Indicator</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth is-small\">\n            <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n              <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <a class=\"button is-dark is-outlined is-small\" [href]=\"csvContent\" [download]=\"id + '-logs.csv'\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download All (CSV)</span>\n      </a>\n    </div>\n  </div>\n\n  <div class=\"mt-1\">\n    <p *ngIf=\"noData\" class=\"has-text-centered\">No breakdown available for {{selectedTerm?.name}}.</p>\n    <div class=\"chart-container h-100\">\n      <canvas #chart></canvas>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"loading\">\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-container>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, decorators: [{
                 type: i0.Component,
@@ -6689,7 +8221,7 @@
                         templateUrl: './impact-assessments-indicator-breakdown-chart.component.html',
                         styleUrls: ['./impact-assessments-indicator-breakdown-chart.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }, { type: HeSearchService }, { type: HeNodeService }]; }, propDecorators: { chartRef: [{
                     type: i0.ViewChild,
                     args: ['chart']
                 }], impactAssessment: [{
@@ -6950,7 +8482,7 @@
             this.indicators = [];
             // Adding impacts to compare
             this.form = this.formBuilder.group({
-                search: ['', i1$4.Validators.required]
+                search: ['', i1$2.Validators.required]
             });
             this.selectedImpactAssessments = [];
             this.loading = false;
@@ -7239,14 +8771,14 @@
     HeImpactAssessmentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeImpactAssessmentsModule, declarations: [ImpactAssessmentsProductsComponent,
             ImpactAssessmentsIndicatorsChartComponent,
             ImpactAssessmentsProductsLogsComponent,
-            ImpactAssessmentsIndicatorBreakdownChartComponent], imports: [i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+            ImpactAssessmentsIndicatorBreakdownChartComponent], imports: [i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
             HeCommonModule,
             HeNodeModule], exports: [ImpactAssessmentsProductsComponent,
             ImpactAssessmentsIndicatorsChartComponent,
             ImpactAssessmentsProductsLogsComponent,
             ImpactAssessmentsIndicatorBreakdownChartComponent] });
     HeImpactAssessmentsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeImpactAssessmentsModule, imports: [[
-                i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                 HeCommonModule,
                 HeNodeModule
             ]] });
@@ -7256,7 +8788,7 @@
                         declarations: components,
                         exports: components,
                         imports: [
-                            i3.CommonModule, i4.RouterModule, i1$4.FormsModule, i1$4.ReactiveFormsModule,
+                            i3.CommonModule, i4.RouterModule, i1$2.FormsModule, i1$2.ReactiveFormsModule,
                             HeCommonModule,
                             HeNodeModule
                         ]
@@ -7335,6 +8867,7 @@
     exports.HeAggregationEngineService = HeAggregationEngineService;
     exports.HeAuthService = HeAuthService;
     exports.HeBibliographiesModule = HeBibliographiesModule;
+    exports.HeCommonLightModule = HeCommonLightModule;
     exports.HeCommonModule = HeCommonModule;
     exports.HeCommonService = HeCommonService;
     exports.HeCyclesModule = HeCyclesModule;