@hestia-earth/ui-components 0.1.5 → 0.2.1

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

@@ -392,7 +392,7 @@
             // free-regular
             freeRegularSvgIcons.faClone, freeRegularSvgIcons.faCircle, freeRegularSvgIcons.faIdBadge, 
             // free-solid
-            freeSolidSvgIcons.faAngleDoubleLeft, freeSolidSvgIcons.faAngleDoubleRight, freeSolidSvgIcons.faAngleDown, freeSolidSvgIcons.faAngleLeft, freeSolidSvgIcons.faAngleRight, freeSolidSvgIcons.faBookOpen, freeSolidSvgIcons.faBuilding, freeSolidSvgIcons.faCalculator, freeSolidSvgIcons.faChartBar, freeSolidSvgIcons.faCheck, freeSolidSvgIcons.faCircle, freeSolidSvgIcons.faClipboard, freeSolidSvgIcons.faClipboardList, freeSolidSvgIcons.faClone, freeSolidSvgIcons.faComments, freeSolidSvgIcons.faDownload, freeSolidSvgIcons.faDotCircle, freeSolidSvgIcons.faDrawPolygon, freeSolidSvgIcons.faEdit, freeSolidSvgIcons.faEllipsisV, freeSolidSvgIcons.faExclamationTriangle, freeSolidSvgIcons.faExternalLinkAlt, freeSolidSvgIcons.faFilter, freeSolidSvgIcons.faList, freeSolidSvgIcons.faLongArrowAltDown, freeSolidSvgIcons.faLongArrowAltUp, freeSolidSvgIcons.faLongArrowAltLeft, freeSolidSvgIcons.faLongArrowAltRight, freeSolidSvgIcons.faMap, freeSolidSvgIcons.faMapMarked, freeSolidSvgIcons.faMapMarkedAlt, freeSolidSvgIcons.faPlus, freeSolidSvgIcons.faPlusCircle, freeSolidSvgIcons.faSearch, freeSolidSvgIcons.faSeedling, freeSolidSvgIcons.faSpellCheck, freeSolidSvgIcons.faSpinner, freeSolidSvgIcons.faTimes, freeSolidSvgIcons.faUser);
+            freeSolidSvgIcons.faAngleDoubleLeft, freeSolidSvgIcons.faAngleDoubleRight, freeSolidSvgIcons.faAngleDown, freeSolidSvgIcons.faAngleLeft, freeSolidSvgIcons.faAngleRight, freeSolidSvgIcons.faBookOpen, freeSolidSvgIcons.faBuilding, freeSolidSvgIcons.faCalculator, freeSolidSvgIcons.faChartBar, freeSolidSvgIcons.faCheck, freeSolidSvgIcons.faCircle, freeSolidSvgIcons.faClipboard, freeSolidSvgIcons.faClipboardList, freeSolidSvgIcons.faClone, freeSolidSvgIcons.faComments, freeSolidSvgIcons.faDownload, freeSolidSvgIcons.faDotCircle, freeSolidSvgIcons.faDrawPolygon, freeSolidSvgIcons.faEdit, freeSolidSvgIcons.faEllipsisV, freeSolidSvgIcons.faExclamationTriangle, freeSolidSvgIcons.faExternalLinkAlt, freeSolidSvgIcons.faFilter, freeSolidSvgIcons.faList, freeSolidSvgIcons.faListAlt, freeSolidSvgIcons.faLongArrowAltDown, freeSolidSvgIcons.faLongArrowAltUp, freeSolidSvgIcons.faLongArrowAltLeft, freeSolidSvgIcons.faLongArrowAltRight, freeSolidSvgIcons.faMap, freeSolidSvgIcons.faMapMarked, freeSolidSvgIcons.faMapMarkedAlt, freeSolidSvgIcons.faPlus, freeSolidSvgIcons.faPlusCircle, freeSolidSvgIcons.faSearch, freeSolidSvgIcons.faSeedling, freeSolidSvgIcons.faSpellCheck, freeSolidSvgIcons.faSpinner, freeSolidSvgIcons.faTimes, freeSolidSvgIcons.faUser);
         }
         return HeFontawesomeModule;
     }());
@@ -525,6 +525,7 @@
     var isEqual = function (a, b) { return JSON.stringify(a) === JSON.stringify(b); };
     exports.Repository = void 0;
     (function (Repository) {
+        Repository["frontend"] = "hestia-front-end";
         Repository["glossary"] = "hestia-glossary";
         Repository["models"] = "hestia-engine-models";
         Repository["orchestrator"] = "hestia-engine-orchestrator";
@@ -565,10 +566,16 @@
     var IssueConfirmComponent = /** @class */ (function () {
         function IssueConfirmComponent() {
             this.title = 'Submit Feedback';
+            this.isCommunity = false;
             this.closed = new i0.EventEmitter();
             this.Repository = exports.Repository;
             this.Template = exports.Template;
+            this.repositories = Object.values(exports.Repository);
         }
+        IssueConfirmComponent.prototype.ngOnChanges = function () {
+            var _this = this;
+            this.repositories = Object.values(exports.Repository).filter(function (value) { return value !== exports.Repository.community || _this.isCommunity; });
+        };
         Object.defineProperty(IssueConfirmComponent.prototype, "issueUrl", {
             get: function () {
                 return this.repository && this.template ?
@@ -581,7 +588,7 @@
         return IssueConfirmComponent;
     }());
     IssueConfirmComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IssueConfirmComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IssueConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IssueConfirmComponent, selector: "he-issue-confirm", inputs: { title: "title", repository: "repository", template: "template" }, 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\">{{title}}</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(false)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <p class=\"mb-2\">Please select the type of issue from the list below to start:</p>\n\n      <div class=\"field is-horizontal my-3\">\n        <div class=\"field-label is-normal\">\n          <label class=\"label\" for=\"repository\">Category</label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field\">\n            <div class=\"control is-expanded\">\n              <div class=\"select is-multiple is-fullwidth\">\n                <select [(ngModel)]=\"repository\" name=\"repository\" required>\n                  <option [ngValue]=\"undefined\">Select from the list</option>\n                  <option *ngFor=\"let r of Repository | keys\" [value]=\"r.value\">\n                    <ng-container [ngSwitch]=\"r.value\">\n                      <ng-container *ngSwitchCase=\"Repository.glossary\">Glossary of terms / lookup issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.models\">Calculation issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.orchestrator\">Orchestration issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.community\">UI/UX or API issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.poorenemeck\">Conversion from P&N Spreadsheet</ng-container>\n                    </ng-container>\n                  </option>\n                </select>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"repository\" class=\"field is-horizontal my-3\">\n        <div class=\"field-label is-normal\">\n          <label class=\"label\" for=\"template\">Issue</label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field\">\n            <div class=\"control is-expanded\">\n              <div class=\"select is-multiple is-fullwidth\">\n                <select [(ngModel)]=\"template\" name=\"template\" required>\n                  <option [ngValue]=\"undefined\">Select from the list</option>\n                  <option *ngFor=\"let t of Template | keys\" [value]=\"t.value\">\n                    <ng-container [ngSwitch]=\"t.value\">\n                      <ng-container *ngSwitchCase=\"Template.bug\">I found a bug</ng-container>\n                      <ng-container *ngSwitchCase=\"Template.feature\">I would like a new feature</ng-container>\n                    </ng-container>\n                  </option>\n                </select>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <p *ngIf=\"issueUrl\">\n        <span>Please report the issue on Gitlab using</span>\n        <a class=\"pl-1\" [href]=\"issueUrl\" target=\"_blank\">this link</a>.\n      </p>\n    </section>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keys": KeysPipe } });
+    IssueConfirmComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IssueConfirmComponent, selector: "he-issue-confirm", inputs: { title: "title", repository: "repository", template: "template", isCommunity: "isCommunity" }, outputs: { closed: "closed" }, usesOnChanges: true, 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\">{{title}}</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"closed.next(false)\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <p class=\"mb-2\">Please select the type of issue from the list below to start:</p>\n\n      <div class=\"field is-horizontal my-3\">\n        <div class=\"field-label is-normal\">\n          <label class=\"label\" for=\"repository\">Category</label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field\">\n            <div class=\"control is-expanded\">\n              <div class=\"select is-multiple is-fullwidth\">\n                <select [(ngModel)]=\"repository\" name=\"repository\" required>\n                  <option [ngValue]=\"undefined\">Select from the list</option>\n                  <option *ngFor=\"let repo of repositories\" [value]=\"repo\">\n                    <ng-container [ngSwitch]=\"repo\">\n                      <ng-container *ngSwitchCase=\"Repository.glossary\">Glossary of terms / lookup issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.models\">Calculation issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.orchestrator\">Orchestration issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.community\">UI/UX or API issues</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.poorenemeck\">Conversion from P&N Spreadsheet</ng-container>\n                      <ng-container *ngSwitchCase=\"Repository.frontend\">General website isssues (Download, Upload, etc.)</ng-container>\n                    </ng-container>\n                  </option>\n                </select>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"repository\" class=\"field is-horizontal my-3\">\n        <div class=\"field-label is-normal\">\n          <label class=\"label\" for=\"template\">Issue</label>\n        </div>\n        <div class=\"field-body\">\n          <div class=\"field\">\n            <div class=\"control is-expanded\">\n              <div class=\"select is-multiple is-fullwidth\">\n                <select [(ngModel)]=\"template\" name=\"template\" required>\n                  <option [ngValue]=\"undefined\">Select from the list</option>\n                  <option *ngFor=\"let t of Template | keys\" [value]=\"t.value\">\n                    <ng-container [ngSwitch]=\"t.value\">\n                      <ng-container *ngSwitchCase=\"Template.bug\">I found a bug</ng-container>\n                      <ng-container *ngSwitchCase=\"Template.feature\">I would like a new feature</ng-container>\n                    </ng-container>\n                  </option>\n                </select>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <p *ngIf=\"issueUrl\">\n        <span>Please report the issue on Gitlab using</span>\n        <a class=\"pl-1\" [href]=\"issueUrl\" target=\"_blank\">this link</a>.\n      </p>\n    </section>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keys": KeysPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IssueConfirmComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -595,6 +602,8 @@
                     type: i0.Input
                 }], template: [{
                     type: i0.Input
+                }], isCommunity: [{
+                    type: i0.Input
                 }], closed: [{
                     type: i0.Output
                 }] } });
@@ -874,7 +883,6 @@
             children: termTypesToChildren([
                 schema.TermTermType.animalManagement,
                 schema.TermTermType.aquacultureManagement,
-                schema.TermTermType.biodiversity,
                 schema.TermTermType.cropEstablishment,
                 schema.TermTermType.cropResidueManagement,
                 schema.TermTermType.excretaManagement,
@@ -893,6 +901,7 @@
                 schema.TermTermType.crop,
                 schema.TermTermType.cropResidue,
                 schema.TermTermType.excreta,
+                schema.TermTermType.grass,
                 schema.TermTermType.liveAnimal,
                 schema.TermTermType.liveAquaticSpecies,
                 schema.TermTermType.animalProduct,
@@ -931,6 +940,8 @@
         schema.TermTermType.animalProduct,
         schema.TermTermType.liveAnimal,
         schema.TermTermType.liveAquaticSpecies,
+        schema.TermTermType.excreta,
+        schema.TermTermType.grass,
         schema.TermTermType.processedFood,
         schema.TermTermType.emission,
         schema.TermTermType.resourceUse,
@@ -944,7 +955,6 @@
         schema.TermTermType.electricity,
         schema.TermTermType.fuel,
         schema.TermTermType.aquacultureManagement,
-        schema.TermTermType.biodiversity,
         schema.TermTermType.cropResidueManagement,
         schema.TermTermType.animalManagement,
         schema.TermTermType.waterRegime,
@@ -1680,7 +1690,7 @@
         }
         Object.defineProperty(BlankNodeStateNoticeComponent.prototype, "show", {
             get: function () {
-                return !this.dataState || this.dataState === api.DataState.recalculated;
+                return this.dataState !== api.DataState.original;
             },
             enumerable: false,
             configurable: true
@@ -4112,6 +4122,25 @@
                     }]
             }] });
 
+    var orderBy$6 = require('lodash.orderby');
+    var SortByPipe = /** @class */ (function () {
+        function SortByPipe() {
+        }
+        SortByPipe.prototype.transform = function (value, keys, orders) {
+            if (orders === void 0) { orders = ['asc']; }
+            return orderBy$6(value, keys, orders);
+        };
+        return SortByPipe;
+    }());
+    SortByPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SortByPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SortByPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SortByPipe, name: "sortBy" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SortByPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'sortBy'
+                    }]
+            }] });
+
     var components$7 = [
         BlankNodeStateComponent,
         BlankNodeStateNoticeComponent,
@@ -4129,7 +4158,8 @@
         TimesPipe,
         ClickOutsideDirective,
         GetPipe,
-        IsArrayPipe
+        IsArrayPipe,
+        SortByPipe
     ];
     var HeCommonModule = /** @class */ (function () {
         function HeCommonModule() {
@@ -4153,7 +4183,8 @@
             TimesPipe,
             ClickOutsideDirective,
             GetPipe,
-            IsArrayPipe], imports: [i2.CommonModule, i1$1.FormsModule, i5.RouterModule,
+            IsArrayPipe,
+            SortByPipe], imports: [i2.CommonModule, i1$1.FormsModule, i5.RouterModule,
             i11.NgbTypeaheadModule, i11.NgbTooltipModule, i11.NgbPopoverModule,
             i1$4.GoogleMapsModule,
             HeCommonLightModule], exports: [i11.NgbTypeaheadModule, i11.NgbTooltipModule, i11.NgbPopoverModule,
@@ -4174,7 +4205,8 @@
             TimesPipe,
             ClickOutsideDirective,
             GetPipe,
-            IsArrayPipe] });
+            IsArrayPipe,
+            SortByPipe] });
     HeCommonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCommonModule, imports: [[
                 i2.CommonModule, i1$1.FormsModule, i5.RouterModule,
                 i11.NgbTypeaheadModule, i11.NgbTooltipModule, i11.NgbPopoverModule,
@@ -5836,7 +5868,7 @@
         return NodeLogsModelsComponent;
     }());
     NodeLogsModelsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsModelsComponent, deps: [{ token: HeSearchService }, { token: HeEngineService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NodeLogsModelsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", includeAllModels: "includeAllModels", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, ngImport: i0__namespace, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" maxHeight=\"320\">\n    <table class=\"table is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\n            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [editable]=\"false\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td colspan=\"5\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"5\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                [value]=\"blankNode.recalculatedValue\"\n                [originalValue]=\"blankNode.originalValue\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\n            <tr\n              *ngFor=\"let subValue of blankNode.keys\"\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            >\n              <td class=\"width-auto has-text-left\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n                <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                  [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n                >\n                  <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n                </a>\n                <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                  {{subValue.recalculatedValue | precision:3 | default:'-'}}\n                </span>\n              </td>\n              <td>-</td>\n              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyWithData\"\n            (change)=\"filterResults()\"\n          >\n          <span class=\"ml-2\">Show only relevant {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"validSubValue(blankNode, i, subValue); else noValue\">\n      <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"methodId | isArray; else modelSerie\">\n          <p *ngFor=\"let value of methodId\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId, subValue) ? togglePopover(p, { logs }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <ng-container *ngIf=\"logs.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\" class=\"has-text-{{requirementColor(logs.requirements[key])}}\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-background-black has-text-white\">\n          <tr *ngFor=\"let data of logs.missingLookups\">\n            <td>{{data.filename}}</td>\n            <td>{{data.column}}</td>\n            <td>{{data.termId}}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.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: i11__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
+    NodeLogsModelsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", includeAllModels: "includeAllModels", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, ngImport: i0__namespace, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" maxHeight=\"320\">\n    <table class=\"table is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\n            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [editable]=\"false\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td colspan=\"5\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"5\">\n            <span>No data</span>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                [value]=\"blankNode.recalculatedValue\"\n                [originalValue]=\"blankNode.originalValue\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\n            <tr\n              *ngFor=\"let subValue of blankNode.keys\"\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            >\n              <td class=\"width-auto has-text-left\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n                <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                  [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n                >\n                  <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n                </a>\n                <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                  {{subValue.recalculatedValue | precision:3 | default:'-'}}\n                </span>\n              </td>\n              <td>-</td>\n              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyWithData\"\n            (change)=\"filterResults()\"\n          >\n          <span class=\"ml-2\">Show only relevant {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"validSubValue(blankNode, i, subValue); else noValue\">\n      <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"methodId | isArray; else modelSerie\">\n          <p *ngFor=\"let value of methodId\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId, subValue) ? togglePopover(p, { logs }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <ng-container *ngIf=\"logs.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-background-black has-text-white\">\n          <tr *ngFor=\"let data of logs.missingLookups\">\n            <td>{{data.filename}}</td>\n            <td>{{data.column}}</td>\n            <td>{{data.termId}}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.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: i11__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsModelsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5910,7 +5942,7 @@
         'impactAssessment'
     ];
     var tableKeys = [
-        'inputs', 'value', 'dates', 'methodModel', 'methodTier', 'statsDefinition'
+        'inputs', 'transformation', 'value', 'dates', 'methodModel', 'methodTier', 'statsDefinition'
     ];
     var NodeValueDetailsComponent = /** @class */ (function () {
         function NodeValueDetailsComponent() {
@@ -6567,6 +6599,47 @@
                     type: i0.Input
                 }] } });
 
+    var CyclesPracticesTimelineComponent = /** @class */ (function () {
+        function CyclesPracticesTimelineComponent(el) {
+            this.el = el;
+            this.now = new Date();
+        }
+        Object.defineProperty(CyclesPracticesTimelineComponent.prototype, "practices", {
+            get: function () {
+                return (this.cycle.practices || []).map(function (p) {
+                    var _a;
+                    return !p.startDate && ((_a = p.dates) === null || _a === void 0 ? void 0 : _a.length) ? Object.assign(Object.assign({}, p), { startDate: p.dates[0] }) : p;
+                });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CyclesPracticesTimelineComponent.prototype.trackByPractice = function (_index, _b) {
+            var term = _b.term;
+            return term['@id'];
+        };
+        Object.defineProperty(CyclesPracticesTimelineComponent.prototype, "lineWidth", {
+            get: function () {
+                return this.el.nativeElement.offsetWidth - 60;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return CyclesPracticesTimelineComponent;
+    }());
+    CyclesPracticesTimelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesTimelineComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    CyclesPracticesTimelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesTimelineComponent, selector: "he-cycles-practices-timeline", inputs: { cycle: "cycle" }, ngImport: i0__namespace, template: "<ul class=\"content pl-4 ml-4 pb-4\">\n  <li class=\"is-relative m-0\"\n    *ngFor=\"let practice of practices | sortBy:['startDate','endDate']:['asc','asc']; trackBy: trackByPractice\"\n  >\n    <div class=\"is-relative\"\n      [style.width]=\"lineWidth + 'px'\"\n    >\n      <span *ngIf=\"practice.startDate; else noDate\">{{practice.startDate | date:'YYYY-MM-dd'}}</span>\n      <span class=\"px-1\"\n        [class.is-invisible]=\"!practice.startDate || !practice.endDate\"\n      >-</span>\n      <span\n        [class.is-invisible]=\"!practice.endDate\"\n      >{{(practice.endDate || now) | date:'YYYY-MM-dd'}}</span>\n      <span class=\"pl-4\">{{practice.term.name}}</span>\n      <he-blank-node-state class=\"ml-1\"\n        [node]=\"practice\"\n        key=\"value\"\n      ></he-blank-node-state>\n    </div>\n  </li>\n</ul>\n\n<ng-template #noDate>\n  <span>No date</span>\n</ng-template>\n", styles: ["ul{max-height:400px;overflow-y:auto}ul li{width:4px;padding-top:20px;background:#485fc7}ul li:after{content:\"\";position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:inherit}ul li>div{width:600px;margin-left:24px}ul li>div>span{display:inline-block}ul li>div>span:nth-child(1),ul li>div>span:nth-child(3){width:94px}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sortBy": SortByPipe, "date": i2__namespace.DatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesTimelineComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-cycles-practices-timeline',
+                        templateUrl: './cycles-practices-timeline.component.html',
+                        styleUrls: ['./cycles-practices-timeline.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { cycle: [{
+                    type: i0.Input
+                }] } });
+
     var CyclesPracticesLogsComponent = /** @class */ (function () {
         function CyclesPracticesLogsComponent(nodeService) {
             this.nodeService = nodeService;
@@ -6623,6 +6696,7 @@
     var View$2;
     (function (View) {
         View["table"] = "table";
+        View["timeline"] = "timeline";
         View["logs"] = "logs";
     })(View$2 || (View$2 = {}));
     var CyclesPracticesComponent = /** @class */ (function () {
@@ -6669,7 +6743,7 @@
         return CyclesPracticesComponent;
     }());
     CyclesPracticesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesPracticesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesComponent, selector: "he-cycles-practices", inputs: { originalValues: "originalValues", cycles: "cycles", selected: "selected", dataState: "dataState" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column is-hidden-mobile\"></div>\n  <ng-container  *ngIf=\"selectedView === View.table && practices.length\">\n    <div class=\"column is-narrow\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n    <div class=\"column is-narrow col-sep\"></div>\n  </ng-container>\n  <div class=\"column is-narrow\" *ngIf=\"!isOriginal && cycles.length === 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span>Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span>Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"practices.length; else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"cycles.length\" maxHeight=\"320\">\n      <table class=\"table is-narrow is-striped\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.name\"\n            >\n              <he-node-link [node]=\"practice.value.term\">\n                <span>{{practice.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.units\"\n            >{{practice.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <tr *ngIf=\"isSelected(cycle)\">\n              <td class=\"width-auto\" [attr.title]=\"defaultLabel(cycle)\">\n                <he-node-link [node]=\"cycle.term || cycle\">\n                  <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(cycle)}}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\">\n                <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let practice of practices\">\n                <span *ngIf=\"practice.value.values[cycle['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                  triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                  (click)=\"togglePopover(p, { data: practice.value.values[cycle['@id']], cycle: cycle, key: 'practices' })\"\n                >\n                  <span pointer>{{propertyValue(practice.value.values[cycle['@id']].value, practice.value.term['@id']) | precision:3 | default:'-'}}</span>\n                  <he-blank-node-state class=\"ml-1\"\n                    [node]=\"practice.value.values[cycle['@id']].node\"\n                    key=\"value\"\n                  ></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<he-cycles-practices-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n  [cycle]=\"cycles[0]\"\n  [originalValues]=\"originalValues[0]?.practices\"\n  [recalculatedValues]=\"cycles[0]?.practices\"\n></he-cycles-practices-logs>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-practices.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.practices.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{defaultLabel(node)}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted", "showUnchanged"] }, { type: CyclesPracticesLogsComponent, selector: "he-cycles-practices-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    CyclesPracticesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesComponent, selector: "he-cycles-practices", inputs: { originalValues: "originalValues", cycles: "cycles", selected: "selected", dataState: "dataState" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column is-hidden-mobile\"></div>\n  <ng-container *ngIf=\"selectedView === View.table && practices.length\">\n    <div class=\"column is-narrow\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n    <div class=\"column is-narrow col-sep\"></div>\n  </ng-container>\n  <div class=\"column is-narrow\" *ngIf=\"cycles.length === 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span>Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button class=\"button is-small\" [class.is-active]=\"selectedView === View.timeline\" (click)=\"selectedView = View.timeline\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list-alt\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span>Timeline view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"!isOriginal\">\n        <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span>Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"practices.length; else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"cycles.length\" maxHeight=\"320\">\n      <table class=\"table is-narrow is-striped\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.name\"\n            >\n              <he-node-link [node]=\"practice.value.term\">\n                <span>{{practice.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.units\"\n            >{{practice.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <tr *ngIf=\"isSelected(cycle)\">\n              <td class=\"width-auto\" [attr.title]=\"defaultLabel(cycle)\">\n                <he-node-link [node]=\"cycle.term || cycle\">\n                  <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(cycle)}}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\">\n                <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let practice of practices\">\n                <span *ngIf=\"practice.value.values[cycle['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                  triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                  (click)=\"togglePopover(p, { data: practice.value.values[cycle['@id']], cycle: cycle, key: 'practices' })\"\n                >\n                  <span pointer>{{propertyValue(practice.value.values[cycle['@id']].value, practice.value.term['@id']) | precision:3 | default:'-'}}</span>\n                  <he-blank-node-state class=\"ml-1\"\n                    [node]=\"practice.value.values[cycle['@id']].node\"\n                    key=\"value\"\n                  ></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<div class=\"px-3 pb-3\" *ngIf=\"selectedView === View.timeline\">\n  <he-cycles-practices-timeline\n    [cycle]=\"cycles[0]\"\n  ></he-cycles-practices-timeline>\n\n  <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n</div>\n\n<he-cycles-practices-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n  [cycle]=\"cycles[0]\"\n  [originalValues]=\"originalValues[0]?.practices\"\n  [recalculatedValues]=\"cycles[0]?.practices\"\n></he-cycles-practices-logs>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-practices.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.practices.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{defaultLabel(node)}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted", "showUnchanged"] }, { type: CyclesPracticesTimelineComponent, selector: "he-cycles-practices-timeline", inputs: ["cycle"] }, { type: CyclesPracticesLogsComponent, selector: "he-cycles-practices-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6814,6 +6888,7 @@
         CyclesFunctionalUnitMeasureComponent,
         CyclesPracticesComponent,
         CyclesPracticesLogsComponent,
+        CyclesPracticesTimelineComponent,
         CyclesResultComponent
     ];
     var HeCyclesModule = /** @class */ (function () {
@@ -6831,6 +6906,7 @@
             CyclesFunctionalUnitMeasureComponent,
             CyclesPracticesComponent,
             CyclesPracticesLogsComponent,
+            CyclesPracticesTimelineComponent,
             CyclesResultComponent], imports: [i2.CommonModule, i1$1.FormsModule,
             HeCommonModule,
             HeNodeModule], exports: [CyclesActivityComponent,
@@ -6842,6 +6918,7 @@
             CyclesFunctionalUnitMeasureComponent,
             CyclesPracticesComponent,
             CyclesPracticesLogsComponent,
+            CyclesPracticesTimelineComponent,
             CyclesResultComponent] });
     HeCyclesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: HeCyclesModule, imports: [[
                 i2.CommonModule, i1$1.FormsModule,
@@ -7031,23 +7108,23 @@
                     }]
             }] });
 
-    var _f;
+    var _g;
     var mapErrorMessage = 'does not contain latitude and longitude';
     var parseDataPath = function (dataPath) {
         if (dataPath === void 0) { dataPath = ''; }
-        var _f = __read(dataPath.split('.')), _ = _f[0], paths = _f.slice(1);
+        var _g = __read(dataPath.split('.')), _ = _g[0], paths = _g.slice(1);
         return paths.map(function (path) { return ({ path: path, label: utils.keyToLabel(path.replace(/\[\d+\]/g, '')) }); });
     };
     var contactUsEmail = 'community@hestia.earth';
     var externalLink = function (href, text) { return "<a href=\"" + href + "\" target=\"_blank\">" + text + "</a>"; };
     var glossaryLink = function (text) { return externalLink(baseUrl() + "/glossary", text); };
     var glossaryTypeLink = function (type) { return externalLink(baseUrl() + "/glossary?termType=" + type, termTypeLabel(type)); };
-    var termLink = function (_f) {
-        var id = _f.id, name = _f.name;
+    var termLink = function (_g) {
+        var id = _g.id, name = _g.name;
         return externalLink(baseUrl() + "/term/" + id, name);
     };
-    var nodeLink = function (_f) {
-        var type = _f["@type"], id = _f["@id"], name = _f.name;
+    var nodeLink = function (_g) {
+        var type = _g["@type"], id = _g["@id"], name = _g.name;
         return type && id ? "<a href=\"/" + type.toLowerCase() + "/" + id + "\" target=\"_blank\">" + (name || id) + "</a>" : null;
     };
     var schemaLink = function (type, title) {
@@ -7063,39 +7140,44 @@
     var modelLink = function (term, model) { return "\n  <a href=\"" + pathToApiDocsPath(model['@id'], term['@id']) + "\" target=\"_blank\">\n    <span class=\"pr-1\">" + model.name + "</span>\n    <span>(View Docs)</span>\n  </a>\n"; };
     var threshold = function (value) { return code(value * 100 + "%"); };
     var noTillage = { id: 'noTillage', name: 'No tillage' };
-    var missingNodeErrorMessage = function (_f) {
-        var _t = _f["@type"], type = _f.type, name = _f.name;
+    var missingNodeErrorMessage = function (_g) {
+        var _t = _g["@type"], type = _g.type, name = _g.name;
         return (_t || type) === 'Term' ?
             (name ? "The term \"" + name + "\"" : 'This term') + " doesn't match a term in the " + glossaryLink('Glossary of Terms') + ".\n  Please check the " + glossaryLink('Glossary') + " for the correct " + code('@id') + " or " + code('name') + " and spelling."
             : "This " + schemaLink(_t || type) + " does not exist in Hestia. If you are trying to link to an existing\n  " + schemaLink(_t || type) + " in Hestia, please check the " + code('name') + " or " + code('@id') + " is correct.\n  If you are trying to create a new " + schemaLink(_t || type) + ", please identify it with an " + code('id') + " field.";
     };
     // set message as empty to not display it
-    var customErrorMessage = (_f = {
+    var customErrorMessage = (_g = {
             'should have required property \'@id\'': function () { return 'does not exist in Hestia.'; },
             'should have required property \'@type\'': function () { return ''; },
             'should have required property \'id\'': function () { return 'does not exist in Hestia.'; },
             'should match exactly one schema in oneOf': function () { return ''; },
             'should match some schema in anyOf': function () { return ''; },
-            'should NOT have additional properties': function (_f, errorCount) {
-                var params = _f.params;
+            'should NOT have additional properties': function (_g, errorCount) {
+                var params = _g.params;
                 return errorCount === 1 ?
-                    "The following field does not exist: " + (params === null || params === void 0 ? void 0 : params.additionalProperty) :
+                    "The following field does not exist: " + (params === null || params === void 0 ? void 0 : params.additionalProperty) + " or is not allowed in this case." :
                     "should not have additional properties";
             },
             'should match pattern "^\\d{13}$"': function () { return "should be composed of 13 numbers"; },
             'should match pattern "^[0-9]{4}(-[0-9]{2})?(-[0-9]{2})?$"': function () { return dateFormatMessage; },
             'should match pattern "^([0-9]{4}|-)(-[0-9]{2})?(-[0-9]{2})?$"': function () { return dateFormatMessage; },
             'should match pattern "^([0-9]{4}|-)(-[0-9]{2})?(-[0-9]{2})?([T][0-2][0-9]\:[0-5][0-9]\:[0-5][0-9]((\+|\-)[0-1][0-9]:[0-5][0-9])?)?$"': function () { return dateFormatMessage; },
+            'should be linked to an existing node': function (_g) {
+                var params = _g.params;
+                var _a, _b, _c, _d, _e, _f;
+                return "Your submission does not contain the " + ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.type) + " with " + code("id=" + ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id)) + ".\n    If you are trying to link to an existing " + ((_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.type) + " on the Hestia platform, you must use " + code("@id=" + ((_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.id)) + " instead.\n    Otherwise you must include a full " + ((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.type) + " with id " + code((_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.id) + ".";
+            },
             'must be within the country': function () { return "The country provided does not contain the region provided. Please check\n  the country for errors or the region for errors, and reference the " + glossaryLink('Glossary of Terms') + "."; }
         },
-        _f[mapErrorMessage] = function (_f) {
-            var dataPath = _f.dataPath;
+        _g[mapErrorMessage] = function (_g) {
+            var dataPath = _g.dataPath;
             return dataPath === '.region' ? "The region provided does not contain the longitude and latitude provided. Please check the\n  longitude and latitude for errors or the region for error, and reference the " + glossaryLink('Glossary of Terms') + "." :
                 "The country provided does not contain the longitude and latitude provided. Please check the longitude and latitude\n  for errors or the country for errors, and reference the " + glossaryLink('Glossary of Terms') + ".";
         },
-        _f['sum not equal to 100% for sandContent, siltContent, clayContent'] = function () { return "The sum of Sand, Silt, and Clay content should equal 100% for each soil depth interval."; },
-        _f['is outside the allowed range'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['sum not equal to 100% for sandContent, siltContent, clayContent'] = function () { return "The sum of Sand, Silt, and Clay content should equal 100% for each soil depth interval."; },
+        _g['is outside the allowed range'] = function (_g, errorCount) {
+            var params = _g.params;
             var _a, _b;
             return errorCount === 1 ?
                 ((params === null || params === void 0 ? void 0 : params.term) ?
@@ -7103,111 +7185,129 @@
                     "does not match the possible ranges of sand, silt and clay content.\n          Please check the measurement, its depth intervals, and the dates of the measurement.") :
                 "Each soil texture has a maximum and minimum value for sand, silt, and clay content.\n      At least one measurement of sand, silt, or clay content does not match the possible range for the specified soil texture.\n      Please check your measurements, their depth intervals, and the dates of the measurements.";
         },
-        _f['should be equal to one of the allowed values'] = function (_f) {
-            var params = _f.params;
+        _g['should be equal to one of the allowed values'] = function (_g) {
+            var params = _g.params;
             return "must have one of these values: " + (params === null || params === void 0 ? void 0 : params.allowedValues.join(', '));
         },
-        _f['is not allowed for this characterisedIndicator'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['is not allowed for this characterisedIndicator'] = function (_g, errorCount) {
+            var params = _g.params;
             return (errorCount === 1 ?
                 ((params === null || params === void 0 ? void 0 : params.allowedValues.length) ?
                     "can only be used with one of these methods: " + (params === null || params === void 0 ? void 0 : params.allowedValues.join(', ')) :
                     "does not currently have any method allowed. Please " + contactUs() + " to change this.") + "." :
                 "Some Terms are not allowed with the method you selected.") + "\n    You can find the list of allowed methods for each Term by clicking on them.";
         },
-        _f['should contain a valid item'] = function (_f) {
-            var dataPath = _f.dataPath;
+        _g['should contain a valid item'] = function (_g) {
+            var dataPath = _g.dataPath;
             var paths = parseDataPath(dataPath);
             return paths.length >= 2 ?
                 "The " + paths[paths.length - 1].path + " related to this " + pluralize__namespace(paths[paths.length - 2].label, 1) + " are invalid" :
                 "The " + paths[0].path + " are invalid";
         },
-        _f['may be between 0 and 100'] = function () { return 'percentages should be between 0 and 100, not 0 and 1. This may be an error.'; },
-        _f['may not all be set to false'] = function () { return "Every value in the data completeness assessment is " + code('false') + ". You may have forgotten to fill it in.\n  For information on how to fill it in, please see the " + schemaLink('Cycle#dataCompleteness', 'schema') + "."; },
-        _f['may not be empty'] = function () { return 'if this value signifies no data, Hestia only accepts "-" or empty for no data'; },
-        _f['may not be 0'] = function (_f, errorCount) {
-            var dataPath = _f.dataPath;
+        _g['may be between 0 and 100'] = function () { return 'percentages should be between 0 and 100, not 0 and 1. This may be an error.'; },
+        _g['may not all be set to false'] = function () { return "Every value in the data completeness assessment is " + code('false') + ". You may have forgotten to fill it in.\n  For information on how to fill it in, please see the " + schemaLink('Cycle#dataCompleteness', 'schema') + "."; },
+        _g['may not be empty'] = function () { return 'if this value signifies no data, Hestia only accepts "-" or empty for no data'; },
+        _g['may not be 0'] = function (_g, errorCount) {
+            var dataPath = _g.dataPath;
             var paths = parseDataPath(dataPath);
             return "adding a value " + (errorCount === 1 ? " to every " + paths[0].label + " " : ' ') + " is highly recommended\n      as without this it is not possible to calculate the Impact Assessment.\n      If the amount produced is zero, we recommend setting value to 0.";
         },
-        _f['the sum of above ground crop residue and below ground crop residue must be greater than zero'] = function () { return "For sites of type " + code(schema.SiteSiteType.cropland) + " or " + code(schema.SiteSiteType['permanent pasture']) + ",\n    if data completeness is marked true for crop residue,\n    the sum of the Above ground crop residue terms should be greater than zero,\n    and Below ground crop residue should be greater than zero."; },
-        _f['longFallowPeriod must be lower than 5 years'] = function () { return "Your longFallowPeriod is greater than five years.\n    Fallow is defined by FAOSTAT as land left uncultivated for between 1 and 5 years,\n    and this definition is used for Hestia also."; },
-        _f['should be within percentage of default value'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['the sum of above ground crop residue and below ground crop residue must be greater than zero'] = function () { return "For sites of type " + code(schema.SiteSiteType.cropland) + " or " + code(schema.SiteSiteType['permanent pasture']) + ",\n    if data completeness is marked true for crop residue,\n    the sum of the Above ground crop residue terms should be greater than zero,\n    and Below ground crop residue should be greater than zero."; },
+        _g['longFallowPeriod must be lower than 5 years'] = function () { return "Your longFallowPeriod is greater than five years.\n    Fallow is defined by FAOSTAT as land left uncultivated for between 1 and 5 years,\n    and this definition is used for Hestia also."; },
+        _g['should be within percentage of default value'] = function (_g, errorCount) {
+            var params = _g.params;
             return errorCount === 1 ?
                 "is \u00B1" + threshold(params === null || params === void 0 ? void 0 : params.threshold) + " different to our default value which is " + (params === null || params === void 0 ? void 0 : params.default) + ".\n      Please check your uploaded data as this may be an error." :
                 "is substantially different than our default value. Please check your uploaded data as this may be an error.";
         },
-        _f['the value provided is not consistent with the model result'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['the value provided is not consistent with the model result'] = function (_g, errorCount) {
+            var params = _g.params;
             var _a;
             return "The expected result for " + code(params === null || params === void 0 ? void 0 : params.term.name) + "\n    " + (((_a = params === null || params === void 0 ? void 0 : params.model) === null || _a === void 0 ? void 0 : _a.name) ? "using " + modelLink(params === null || params === void 0 ? void 0 : params.term, params === null || params === void 0 ? void 0 : params.model) + " " : '') + "\n    from the data provided in the upload is " + (errorCount === 1 ?
                 code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.expected, 3)) + ", but the value in the upload is " + code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.current, 3)) + ".\n        " + ((params === null || params === void 0 ? void 0 : params.threshold) ? "Our threshold is \u00B1" + threshold(params === null || params === void 0 ? void 0 : params.threshold) + "." : '') + "\n        Please either:\n        1) check the " + (params === null || params === void 0 ? void 0 : params.term.termType) + " value you provided;\n        2) check the data you provided which is the input into this model;\n        3) carefully read the documentation to understand if we used a default property as part of the calculations." :
                 "not consistent with the model result.");
         },
-        _f['the measurement provided might be in error'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['the measurement provided might be in error'] = function (_g, errorCount) {
+            var params = _g.params;
             return "The expected value for " + code(params === null || params === void 0 ? void 0 : params.term.name) + " from the data provided in the upload is " + (errorCount === 1 ?
                 code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.expected, 3)) + ", but the value in the upload is " + code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.current, 3)) + ".\n        " + ((params === null || params === void 0 ? void 0 : params.threshold) ? "Our threshold is \u00B1" + threshold(params === null || params === void 0 ? void 0 : params.threshold) + "." : '') :
                 "not consistent with the model result.");
         },
-        _f['must be equal to previous product multiplied by the share'] = function () { return "Products from a transformation which are an Input in to the next transformation must follow the following rule:\n    " + code('previous.product.value * current.previousTransformationShare / 100 == current.input.value'); },
-        _f['must have only one entry with the same term.termType = excretaManagement'] = function () { return "There can only be one Practice of type excretaManagement in a Cycle.\n    To represent multiple excreta management systems either use multiple Cycles and link them together,\n    or use Transformations within a Cycle and link those together."; },
-        _f['every item in the list should be unique'] = function (_f) {
-            var params = _f.params;
+        _g['must be equal to previous product multiplied by the share'] = function () { return "Products from a transformation which are an Input in to the next transformation must follow the following rule:\n    " + code('previous.product.value * current.previousTransformationShare / 100 == current.input.value'); },
+        _g['at least one Input must be a Product of the Cycle'] = function () { return "A Transformation converts a Product from a Cycle into another Product.\n    Therefore, at least one Input into the Transformation must be a Product of the Cycle."; },
+        _g['must have only one entry with the same term.termType = excretaManagement'] = function () { return "There can only be one Practice of type excretaManagement in a Cycle.\n    To represent multiple excreta management systems either use multiple Cycles and link them together,\n    or use Transformations within a Cycle and link those together."; },
+        _g['must add the linked inputs to the cycle'] = function (_g, errorCount) {
+            var params = _g.params;
+            var _a, _b;
+            return (errorCount === 1 ?
+                'You have stated some Emissions were created by some Inputs.' :
+                "You have stated that " + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created by the following Inputs " + ((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.map(function (e) { return code(e.name); }).join(' , '))) + ".\n    However, these Inputs do not exist in the Cycle.\n    Please add these Inputs, even if you do not have a value for them.";
+        },
+        _g['must add the linked transformations to the cycle'] = function (_g, errorCount) {
+            var level = _g.level, params = _g.params;
+            var _a, _b;
+            return (errorCount === 1 ?
+                'You have stated some Emissions were created by some Transformations.' :
+                "You have specified that" + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created during a Transformation with the Term name " + code((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.name) + ".") + ".\n    However, we cannot find a Transformation within the Cycle with this Term name.\n    " + (level === 'error' ?
+                'Please check the Terms used in the Emissions and/or the Transformations.' :
+                'You may want to add this Transformation.');
+        },
+        _g['every item in the list should be unique'] = function (_g) {
+            var params = _g.params;
             return "This Blank Node is duplicated. Every Blank Node should be unique.\n    Uniqueness is determined by the following fields: " + ((params === null || params === void 0 ? void 0 : params.keys) || []).map(code).join(', ');
         },
-        _f['must contain as many items as values'] = function (_f) {
-            var params = _f.params, dataPath = _f.dataPath;
+        _g['must contain as many items as values'] = function (_g) {
+            var params = _g.params, dataPath = _g.dataPath;
             return "The number of " + code(dataPath.split('.').pop()) + " must match the number of " + code('value') + ".\n    Currently there are " + (params === null || params === void 0 ? void 0 : params.current) + " " + code(dataPath.split('.').pop()) + " but " + (params === null || params === void 0 ? void 0 : params.expected) + " " + code('value') + ".";
         },
-        _f['is too generic'] = function (_f) {
-            var params = _f.params;
+        _g['is too generic'] = function (_g) {
+            var params = _g.params;
             var _a, _b, _c, _d, _e;
             return "You have the following Product " + code((_a = params === null || params === void 0 ? void 0 : params.product) === null || _a === void 0 ? void 0 : _a.name) + " however,\n    you have used a generic " + glossaryTypeLink((_b = params === null || params === void 0 ? void 0 : params.term) === null || _b === void 0 ? void 0 : _b.termType) + " term " + code((_c = params === null || params === void 0 ? void 0 : params.term) === null || _c === void 0 ? void 0 : _c.name) + ".\n    Use a more specific term for the " + glossaryTypeLink((_d = params === null || params === void 0 ? void 0 : params.term) === null || _d === void 0 ? void 0 : _d.termType) + " which reflects the specific " + glossaryTypeLink((_e = params === null || params === void 0 ? void 0 : params.product) === null || _e === void 0 ? void 0 : _e.termType) + ".";
         },
-        _f['is missing required bibliographic information'] = function () { return "The automatic bibliography search failed for this Bibliography. Either:\n    1) manually fill-in the <b>required</b> bibliographic information as per\n    " + schemaLink(schema.SchemaType.Bibliography, 'our schema') + ".\n    2) provide the " + code('documentDOI') + " as well as the " + code('title') + "\n    3) check the " + code('documentDOI') + " and " + code('title') + " for typos against the\n    " + externalLink('https://www.mendeley.com', 'Mendeley catalogue'); },
-        _f['should be lower than max size'] = function (_f) {
-            var params = _f.params;
+        _g['is missing required bibliographic information'] = function () { return "The automatic bibliography search failed for this Bibliography. Either:\n    1) manually fill-in the <b>required</b> bibliographic information as per\n    " + schemaLink(schema.SchemaType.Bibliography, 'our schema') + ".\n    2) provide the " + code('documentDOI') + " as well as the " + code('title') + "\n    3) check the " + code('documentDOI') + " and " + code('title') + " for typos against the\n    " + externalLink('https://www.mendeley.com', 'Mendeley catalogue'); },
+        _g['should be lower than max size'] = function (_g) {
+            var params = _g.params;
             return "The boundary or region is >" + (params === null || params === void 0 ? void 0 : params.expected) + "km2 and is too large to reliably gap fill Measurements.";
         },
-        _f['an excreta input is required when using an excretaManagement practice'] = function (_f) {
-            var dataPath = _f.dataPath;
+        _g['an excreta input is required when using an excretaManagement practice'] = function (_g) {
+            var dataPath = _g.dataPath;
             var paths = parseDataPath(dataPath);
             return "Excreta management is the conversion of excreta to another type of excreta.\n      You have added an excretaManagement Practice to this " + paths[0].label + " but there is no excreta Input.\n      To represent excreta management, use a " + paths[0].label + " with excreta as an Input and excretaManagement as a Practice.";
         },
-        _f['only 1 primary product allowed'] = function () { return 'There can only be one primary product in each Cycle.'; },
-        _f['is not allowed in combination with noTillage'] = function () { return "This operation involves tillage, yet you have specified the Practice " + termLink(noTillage) + ".\n    Either change this operation or the Practice."; },
-        _f['should contain a tillage practice'] = function () { return "We recommend specifying the type of tillage used for this Cycle.\n    Please see the " + glossaryTypeLink(schema.TermTermType.tillage) + " glossary."; },
-        _f['must set value for every tillage practice'] = function () { return "Either specify a single " + glossaryTypeLink(schema.TermTermType.tillage) + " practice or add a value to all practices."; },
-        _f['sum not equal to 100% for tillage practices'] = function () { return "The sum of " + glossaryTypeLink(schema.TermTermType.tillage) + " practices must equal 100%."; },
-        _f['can only have 1 tillage practice without a value'] = function (_f) {
-            var params = _f.params;
+        _g['only 1 primary product allowed'] = function () { return 'There can only be one primary product in each Cycle.'; },
+        _g['is not allowed in combination with noTillage'] = function () { return "This operation involves tillage, yet you have specified the Practice " + termLink(noTillage) + ".\n    Either change this operation or the Practice."; },
+        _g['should contain a tillage practice'] = function () { return "We recommend specifying the type of tillage used for this Cycle.\n    Please see the " + glossaryTypeLink(schema.TermTermType.tillage) + " glossary."; },
+        _g['must set value for every tillage practice'] = function () { return "Either specify a single " + glossaryTypeLink(schema.TermTermType.tillage) + " practice or add a value to all practices."; },
+        _g['sum not equal to 100% for tillage practices'] = function () { return "The sum of " + glossaryTypeLink(schema.TermTermType.tillage) + " practices must equal 100%."; },
+        _g['can only have 1 tillage practice without a value'] = function (_g) {
+            var params = _g.params;
             var _a;
-            return "It is not possible for a Cycle to have the following tillage Practices:\n    " + ((_a = params === null || params === void 0 ? void 0 : params.current) !== null && _a !== void 0 ? _a : []).map(function (_f) {
-                var name = _f.name;
+            return "It is not possible for a Cycle to have the following tillage Practices:\n    " + ((_a = params === null || params === void 0 ? void 0 : params.current) !== null && _a !== void 0 ? _a : []).map(function (_g) {
+                var name = _g.name;
                 return name;
             }).join(' and ') + " at the same time.\n    If multiple tillage practices did occur, please specify the percentage of area they occurred on.";
         },
-        _f['can not be linked to the same Cycle'] = function () { return 'You can not link an Input to the Impact Assessment of the same Cycle.'; },
+        _g['can not be linked to the same Cycle'] = function () { return 'You can not link an Input to the Impact Assessment of the same Cycle.'; },
         // deprecated, remove when message is not being used anymore
-        _f['must be 0 for product value 0'] = function (_f, errorCount) {
-            var dataPath = _f.dataPath, params = _f.params;
+        _g['must be 0 for product value 0'] = function (_g, errorCount) {
+            var dataPath = _g.dataPath, params = _g.params;
             return "If the amount produced is zero, the " + code(dataPath === null || dataPath === void 0 ? void 0 : dataPath.split('.').pop()) + " of " + (errorCount === 1 ? code(params === null || params === void 0 ? void 0 : params.term.name) : 'that product') + " must also be zero.";
         },
-        _f['economicValueShare must be 0 for product value 0'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['economicValueShare must be 0 for product value 0'] = function (_g, errorCount) {
+            var params = _g.params;
             return "If the amount produced is zero, the economicValueShare of " + (errorCount === 1 ? code(params === null || params === void 0 ? void 0 : params.term.name) : 'that product') + " must also be zero.";
         },
-        _f['revenue must be 0 for product value 0'] = function (_f, errorCount) {
-            var params = _f.params;
+        _g['revenue must be 0 for product value 0'] = function (_g, errorCount) {
+            var params = _g.params;
             return "If the amount produced is zero, the revenue of " + (errorCount === 1 ? code(params === null || params === void 0 ? void 0 : params.term.name) : 'that product') + " must also be zero.";
         },
-        _f['should add a source'] = function (_f) {
-            var params = _f.params;
+        _g['should add a source'] = function (_g) {
+            var params = _g.params;
             return "We recommend adding a Source to all data items.\n    This can be done by adding the " + code(params === null || params === void 0 ? void 0 : params.current) + " field.\n    Sources can also be specified for each data item (i.e., each Input, Emission, Product, Practice, Measurement, or Infrastructure).";
         },
-        _f);
+        _g['cover crop cycle contains non cover crop product'] = function () { return "You have specified that this crop is a cover crop using a Practice.\n    A cover crop is defined as \"a crop which is left in the field without any fraction harvested by the end of the Cycle\".\n    The Products of this Cycle are incompatible with this crop being a cover crop.\n    Please check the Products or the Practices."; },
+        _g);
     var formatCustomErrorMessage = function (message, error, errorCount) {
         if (errorCount === void 0) { errorCount = 1; }
         var formattedMessage = message && message in customErrorMessage ?
@@ -7221,23 +7321,23 @@
     };
     var errorHasError = function (error) { return error && (error.level === 'error' || !error.level); };
     var errorHasWarning = function (error) { return error && error.level === 'warning'; };
-    var isMissingPropertyError = function (_f) {
-        var params = _f.params;
+    var isMissingPropertyError = function (_g) {
+        var params = _g.params;
         return !!params && 'missingProperty' in params;
     };
-    var isMissingOneOfError = function (_f) {
-        var keyword = _f.keyword, schemaPath = _f.schemaPath;
+    var isMissingOneOfError = function (_g) {
+        var keyword = _g.keyword, schemaPath = _g.schemaPath;
         return keyword === 'required' && (schemaPath || '').includes('oneOf');
     };
-    var isFailingKeywordError = function (_f) {
-        var params = _f.params;
+    var isFailingKeywordError = function (_g) {
+        var params = _g.params;
         return !!params && 'failingKeyword' in params;
     };
     var filterError = function (error) { return [
         isFailingKeywordError
     ].every(function (func) { return !func(error); }); };
-    var missingNodeErrors = function (errors) { return errors.filter(function (_f) {
-        var keyword = _f.keyword, params = _f.params;
+    var missingNodeErrors = function (errors) { return errors.filter(function (_g) {
+        var keyword = _g.keyword, params = _g.params;
         return keyword === 'required' && ((params === null || params === void 0 ? void 0 : params.missingProperty) === '@type' || (params === null || params === void 0 ? void 0 : params.missingProperty) === '@id');
     }); };
 
@@ -9646,6 +9746,7 @@
     exports.CyclesFunctionalUnitMeasureComponent = CyclesFunctionalUnitMeasureComponent;
     exports.CyclesPracticesComponent = CyclesPracticesComponent;
     exports.CyclesPracticesLogsComponent = CyclesPracticesLogsComponent;
+    exports.CyclesPracticesTimelineComponent = CyclesPracticesTimelineComponent;
     exports.CyclesResultComponent = CyclesResultComponent;
     exports.DataTableComponent = DataTableComponent;
     exports.DefaultPipe = DefaultPipe;
@@ -9711,6 +9812,7 @@
     exports.SitesMeasurementsLogsComponent = SitesMeasurementsLogsComponent;
     exports.SkeletonTextComponent = SkeletonTextComponent;
     exports.SocialTagsComponent = SocialTagsComponent;
+    exports.SortByPipe = SortByPipe;
     exports.TagsInputDirective = TagsInputDirective;
     exports.TimesPipe = TimesPipe;
     exports.ToastComponent = ToastComponent;