@hestia-earth/ui-components 0.41.14 → 0.41.16

package/fesm2022/hestia-earth-ui-components.mjs

@@ -168,8 +168,8 @@ var Repository;
     Repository["models"] = "hestia-engine-models";
     Repository["aggregation"] = "hestia-aggregation-engine";
     Repository["community"] = "hestia-community-edition";
-    Repository["frontend"] = "hestia-front-end";
     Repository["schema"] = "hestia-schema";
+    Repository["frontend"] = "hestia-front-end";
 })(Repository || (Repository = {}));
 var Template;
 (function (Template) {
@@ -5191,8 +5191,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             args: [{ selector: 'he-bibliographies-search-confirm', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, ReactiveFormsModule, NgbHighlight, NgTemplateOutlet, HESvgIconComponent], template: "<div class=\"modal is-large is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Search Bibliographies</p>\n      <button class=\"delete is-small\" aria-label=\"close\" type=\"button\" (click)=\"cancel()\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      <form [formGroup]=\"formGroup\" novalidate>\n        <div class=\"field has-addons\">\n          <div class=\"control is-expanded has-icons-right\">\n            <input\n              class=\"input search-input\"\n              [attr.placeholder]=\"'Search bibliography by ' + searchBy()\"\n              formControlName=\"search\"\n              name=\"bibliography\"\n              autocomplete=\"off\"\n              (focus)=\"searchFocus($event)\" />\n            <a class=\"icon is-small is-right\" [class.is-hidden]=\"loading()\" (click)=\"resetSearch()\">\n              <he-svg-icon name=\"xmark\" />\n            </a>\n\n            <span class=\"icon is-right has-text-grey-dark\" [class.is-hidden]=\"!loading()\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"20\" />\n            </span>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"is-mt-2\">\n        <span [class.is-hidden]=\"loading() || !searchControl?.value || hasResults()\">\n          No bibliographies found matching query.\n        </span>\n\n        <ul>\n          @for (result of results(); track result) {\n            <li>\n              <a\n                class=\"is-block p-1 search-result\"\n                (click)=\"selectedResult.set(result)\"\n                [class.is-active]=\"selectedResult() === result\">\n                <ngb-highlight [result]=\"result.bibliography?.title ?? result.title\" [term]=\"searchControl?.value\" />\n                <span class=\"px-1\">-</span>\n                <span class=\"px-1\">\n                  <i>{{ result.name }}</i>\n                </span>\n                @if (result.bibliography?.documentDOI || result.documentDOI) {\n                  <span class=\"px-1\">\n                    -\n                    <b>documentDOI:</b>\n                  </span>\n                }\n                <ngb-highlight\n                  [result]=\"result.bibliography?.documentDOI ?? result.documentDOI\"\n                  [term]=\"searchControl?.value\" />\n                @if (result.bibliography?.scopus || result.scopus) {\n                  <span class=\"px-1\">\n                    -\n                    <b>scopus:</b>\n                  </span>\n                }\n                <ngb-highlight [result]=\"result.bibliography?.scopus ?? result.scopus\" [term]=\"searchControl?.value\" />\n                <span>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      mendeleyLink;\n                      context: { $implicit: result.bibliography?.mendeleyID ?? result.mendeleyID }\n                    \" />\n                </span>\n              </a>\n            </li>\n          }\n        </ul>\n      </div>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <button class=\"button is-primary\" (click)=\"confirm()\" [disabled]=\"!selectedResult()\">\n        <span>Confirm</span>\n      </button>\n      <button class=\"button is-ghost\" (click)=\"cancel()\">\n        <span>Close</span>\n      </button>\n    </footer>\n  </div>\n</div>\n\n<ng-template #mendeleyLink let-id>\n  @if (id) {\n    <a [href]=\"'https://www.mendeley.com/catalogue/' + id\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: ["ngb-highlight,span{vertical-align:middle;white-space:normal;width:auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], searchSources: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchSources", required: false }] }, { type: i0.Output, args: ["searchSourcesChange"] }], searchBibliographies: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchBibliographies", required: false }] }, { type: i0.Output, args: ["searchBibliographiesChange"] }], searchBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchBy", required: false }] }, { type: i0.Output, args: ["searchByChange"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
+// show label 8px from bar
+const gapX = 8;
+const placementGap = (placement) => (placement === 'right' ? +gapX : -gapX);
+const placementX = (x, chart, data, placement) => placement === 'right' ? (data < 0 ? positionAtZero(chart) : x) : x;
+const positionAtZero = (chart) => chart.scales.x.getPixelForValue(0);
 const defaultBarDrawSettings = {
-    xPosFn: (x, index, width, chart, data) => (data < 0 || isEmpty(data) ? chart.scales.x.getPixelForValue(0) : x) + 10,
+    placement: 'right',
+    xPosFn: (x, index, width, chart, data, placement) => (isEmpty(data) ? positionAtZero(chart) : placementX(x, chart, data, placement)) + placementGap(placement),
     yPosFn: y => y + 3,
     colorFn: (m, index, chart, data) => (isUndefined(data) ? '#b5b5b5' : '#4a4a4a'),
     textFn: ({ data }) => `${data}`,
@@ -5200,13 +5206,25 @@ const defaultBarDrawSettings = {
     maxWidth: 90,
     emptyValueLabel: 'No data'
 };
+const drawText = (ctx, { text, font, fillStyle, placement, xPos, yPos, maxWidth }) => {
+    ctx.font = font;
+    ctx.fillStyle = fillStyle;
+    ctx.textAlign = placement === 'left' ? 'right' : 'left';
+    if (Array.isArray(text)) {
+        ctx.fillText(text[0], xPos, yPos - 5, maxWidth);
+        ctx.fillText(text[1], xPos, yPos + 5, maxWidth);
+    }
+    else {
+        ctx.fillText(text, xPos, yPos, maxWidth);
+    }
+};
 const afterBarDrawPlugin = settings => ({
     id: 'afterBarDrawPlugin',
     afterDatasetsDraw: (chart) => {
         if (!chart.data.datasets?.length) {
             return;
         }
-        const { xPosFn, yPosFn, colorFn, textFn, maxWidth, font, emptyValueLabel } = {
+        const { placement, xPosFn, yPosFn, colorFn, textFn, maxWidth, font, emptyValueLabel } = {
             ...defaultBarDrawSettings,
             ...(settings ?? {})
         };
@@ -5218,24 +5236,25 @@ const afterBarDrawPlugin = settings => ({
         elements
             .filter(element => !element.skip)
             .forEach((element, index) => {
-            const { x, y } = element;
+            const { x, y, base } = element;
             const label = chart.data.labels?.[index] ?? '';
             const data = dataset.data[index];
-            const xPos = xPosFn(x, index, width, chart, data);
-            const yPos = yPosFn(y, index, height, chart, data);
+            const anchorX = placement === 'left' ? base : x;
+            const xPos = xPosFn(anchorX, index, width, chart, data, placement);
+            const yPos = yPosFn(y, index, height, chart, data, placement);
             const text = isUndefined(data) ? emptyValueLabel : textFn({ label, data }, index, chart);
-            if (text) {
-                ctx.font = font;
-                ctx.fillStyle = colorFn(element.options, index, chart, data);
-                if (Array.isArray(text)) {
-                    ctx.fillText(text[0], xPos, yPos - 5, maxWidth);
-                    ctx.fillText(text[1], xPos, yPos + 5, maxWidth);
-                }
-                else {
-                    ctx.fillText(text, xPos, yPos, maxWidth);
-                }
-            }
+            text &&
+                drawText(ctx, {
+                    text,
+                    font,
+                    fillStyle: colorFn(element.options, index, chart, data),
+                    placement,
+                    xPos,
+                    yPos,
+                    maxWidth
+                });
         });
+        ctx.restore();
     }
 });
 
@@ -9945,6 +9964,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             args: [{ selector: 'he-engine-models-stage', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (inProgress()) {\n  <span class=\"tag is-warning\">\n    <span>Calculation in progress (stage {{ stage() }} out of {{ maxStage() }})</span>\n  </span>\n}\n", styles: [":host{display:inline-block}\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
 
+class EngineModelsStageDeepService {
+    constructor() {
+        this.focusedNode = signal(undefined, ...(ngDevMode ? [{ debugName: "focusedNode" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class EngineModelsVersionLinkComponent {
     constructor() {
         this.node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
@@ -9959,19 +9992,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             args: [{ selector: 'he-engine-models-version-link', changeDetection: ChangeDetectionStrategy.OnPush, imports: [HESvgIconComponent], template: "@if (version()) {\n  <div class=\"tags has-addons\">\n    <a class=\"tag is-info\" [href]=\"url()\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      {{ version() }}\n      <he-svg-icon name=\"external-link\" size=\"20\" class=\"ml-2\" />\n    </a>\n  </div>\n}\n", styles: [":host{display:inline-block}a{color:inherit}\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
 
-class EngineModelsStageDeepService {
+class EngineModelsVersionInfoComponent {
     constructor() {
-        this.focusedNode = signal(undefined, ...(ngDevMode ? [{ debugName: "focusedNode" }] : []));
+        this.node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
+        this.recalculatedAt = computed(() => this.node()?.['last-modified'] || this.node()?.updatedAt || this.node()?.createdAt, ...(ngDevMode ? [{ debugName: "recalculatedAt" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsVersionInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: EngineModelsVersionInfoComponent, isStandalone: true, selector: "he-engine-models-version-info", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n  <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n    <span class=\"has-text-weight-bold\">Calculated Date:</span>\n    <span>{{ recalculatedAt() | date: (recalculatedAt().length === 10 ? 'mediumDate' : 'medium') }}</span>\n  </div>\n  <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n    <span class=\"has-text-weight-bold\">Calculated Version:</span>\n    <he-engine-models-version-link [node]=\"node()\" />\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: ["node"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsVersionInfoComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-engine-models-version-info', imports: [DatePipe, EngineModelsVersionLinkComponent], template: "<div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n  <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n    <span class=\"has-text-weight-bold\">Calculated Date:</span>\n    <span>{{ recalculatedAt() | date: (recalculatedAt().length === 10 ? 'mediumDate' : 'medium') }}</span>\n  </div>\n  <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n    <span class=\"has-text-weight-bold\">Calculated Version:</span>\n    <he-engine-models-version-link [node]=\"node()\" />\n  </div>\n</div>\n" }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
 
 const nestedNodesByType = {
     [NodeType.Cycle]: (node) => [
@@ -10053,21 +10085,20 @@ class EngineModelsStageDeepComponent {
         this.service.focusedNode.set(node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: EngineModelsStageDeepComponent, isStandalone: true, selector: "he-engine-models-stage-deep", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, enableExpand: { classPropertyName: "enableExpand", publicName: "enableExpand", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedNode: { classPropertyName: "expandedNode", publicName: "expandedNode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, ngImport: i0, template: "<div class=\"is-flex is-flex-direction-column is-gap-8\">\n  <div class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-center\">\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch is-justify-content-space-between is-gap-4 is-radius-3 | is-type-{{\n        type()\n      }}-border\">\n      <div\n        class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-self-start is-align-self-stretch is-px-1 | is-type-{{\n          type()\n        }}-background\">\n        <span>{{ type() | keyToLabel }}</span>\n\n        <div class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\">\n          <span class=\"is-size-7\">ID:</span>\n          <he-node-link [node]=\"node()\">\n            <span class=\"has-text-link is-size-7\">{{ id() }}</span>\n          </he-node-link>\n        </div>\n      </div>\n\n      <div class=\"is-px-1 is-pb-1 w-100\">\n        @if (hasError()) {\n          <a class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\" (click)=\"openError(node())\">\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n\n            <span class=\"is-size-7 is-flex-grow-1\">Validation Error</span>\n\n            <he-svg-icon name=\"chevron-right\" class=\"has-text-secondary\" />\n          </a>\n        }\n\n        <div\n          class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\"\n          [class.is-clickable]=\"canExpand()\"\n          (click)=\"canExpand() && expanded.set(!expanded())\">\n          @if (inProgress()) {\n            <he-svg-icon name=\"loading-circle-filled\" size=\"24\" animation=\"spin\" class=\"has-text-info\" />\n          } @else if (recalculatedAt()) {\n            <he-svg-icon name=\"checkmark-circle-filled\" size=\"24\" class=\"has-text-success\" />\n          } @else {\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n          }\n\n          <span class=\"is-size-7 is-flex-grow-1\">\n            @if (inProgress()) {\n              Stage {{ stage() }} / {{ maxStage() }}\n            } @else if (recalculatedAt()) {\n              <span\n                class=\"trigger-popover\"\n                [ngbPopover]=\"popoverDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"left auto\"\n                container=\"body\"\n                (click)=\"$event.stopPropagation()\">\n                <span>Complete</span>\n              </span>\n            } @else {\n              Failed\n            }\n          </span>\n\n          @if (canExpand()) {\n            <he-svg-icon [name]=\"expanded() ? 'chevron-down' : 'chevron-right'\" class=\"has-text-secondary\" />\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-column is-gap-8 is-overflow-hidden is-pl-2 | related-stage\">\n      @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n        <he-engine-models-stage-deep\n          class=\"is-flex-grow-1\"\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Date:</span>\n      <span>{{ recalculatedAt() | date: (recalculatedAt().length === 10 ? 'mediumDate' : 'medium') }}</span>\n    </div>\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Version:</span>\n      <he-engine-models-version-link [node]=\"node()\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".is-type-Cycle-border{border:1px solid #ecf1ff}.is-type-Cycle-background{background-color:#ecf1ff}.is-type-Site-border{border:1px solid #d5f3d8}.is-type-Site-background{background-color:#d5f3d8}.is-type-ImpactAssessment-border{border:1px solid #e7e0cb}.is-type-ImpactAssessment-background{background-color:#e7e0cb}.is-type-Source-border{border:1px solid #f5f5f5}.is-type-Source-background{background-color:#f5f5f5}.related-stage{border-left:1px solid #4c7194}\n"], dependencies: [{ kind: "component", type: EngineModelsStageDeepComponent, selector: "he-engine-models-stage-deep", inputs: ["node", "enableExpand", "expanded", "expandedNode"], outputs: ["expandedChange"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "directive", type: i1$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "component", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: ["node"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: TimesPipe, name: "times" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: EngineModelsStageDeepComponent, isStandalone: true, selector: "he-engine-models-stage-deep", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, enableExpand: { classPropertyName: "enableExpand", publicName: "enableExpand", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedNode: { classPropertyName: "expandedNode", publicName: "expandedNode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, ngImport: i0, template: "<div class=\"is-flex is-flex-direction-column is-gap-8\">\n  <div class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-center\">\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch is-justify-content-space-between is-gap-4 is-radius-3 | is-type-{{\n        type()\n      }}-border\">\n      <div\n        class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-self-start is-align-self-stretch is-px-1 | is-type-{{\n          type()\n        }}-background\">\n        <span>{{ type() | keyToLabel }}</span>\n\n        <div class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\">\n          <span class=\"is-size-7\">ID:</span>\n          <he-node-link [node]=\"node()\">\n            <span class=\"has-text-link is-size-7\">{{ id() }}</span>\n          </he-node-link>\n        </div>\n      </div>\n\n      <div class=\"is-px-1 is-pb-1 w-100\">\n        @if (hasError()) {\n          <a class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\" (click)=\"openError(node())\">\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n\n            <span class=\"is-size-7 is-flex-grow-1\">Validation Error</span>\n\n            <he-svg-icon name=\"chevron-right\" class=\"has-text-secondary\" />\n          </a>\n        }\n\n        <div\n          class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\"\n          [class.is-clickable]=\"canExpand()\"\n          (click)=\"canExpand() && expanded.set(!expanded())\">\n          @if (inProgress()) {\n            <he-svg-icon name=\"loading-circle-filled\" size=\"24\" animation=\"spin\" class=\"has-text-info\" />\n          } @else if (recalculatedAt()) {\n            <he-svg-icon name=\"checkmark-circle-filled\" size=\"24\" class=\"has-text-success\" />\n          } @else {\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n          }\n\n          <span class=\"is-size-7 is-flex-grow-1\">\n            @if (inProgress()) {\n              Stage {{ stage() }} / {{ maxStage() }}\n            } @else if (recalculatedAt()) {\n              <span\n                class=\"trigger-popover\"\n                [ngbPopover]=\"popoverDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"left auto\"\n                container=\"body\"\n                (click)=\"$event.stopPropagation()\">\n                <span>Complete</span>\n              </span>\n            } @else {\n              Failed\n            }\n          </span>\n\n          @if (canExpand()) {\n            <he-svg-icon [name]=\"expanded() ? 'chevron-down' : 'chevron-right'\" class=\"has-text-secondary\" />\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-column is-gap-8 is-overflow-hidden is-pl-2 | related-stage\">\n      @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n        <he-engine-models-stage-deep\n          class=\"is-flex-grow-1\"\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <he-engine-models-version-info [node]=\"node()\" />\n</ng-template>\n", styles: [".is-type-Cycle-border{border:1px solid #ecf1ff}.is-type-Cycle-background{background-color:#ecf1ff}.is-type-Site-border{border:1px solid #d5f3d8}.is-type-Site-background{background-color:#d5f3d8}.is-type-ImpactAssessment-border{border:1px solid #e7e0cb}.is-type-ImpactAssessment-background{background-color:#e7e0cb}.is-type-Source-border{border:1px solid #f5f5f5}.is-type-Source-background{background-color:#f5f5f5}.related-stage{border-left:1px solid #4c7194}\n"], dependencies: [{ kind: "component", type: EngineModelsStageDeepComponent, selector: "he-engine-models-stage-deep", inputs: ["node", "enableExpand", "expanded", "expandedNode"], outputs: ["expandedChange"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "directive", type: i1$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "component", type: EngineModelsVersionInfoComponent, selector: "he-engine-models-version-info", inputs: ["node"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: TimesPipe, name: "times" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EngineModelsStageDeepComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-engine-models-stage-deep', imports: [
-                        DatePipe,
                         KeyToLabelPipe,
                         HESvgIconComponent,
                         NgbPopoverModule,
                         NgbTooltipModule,
-                        EngineModelsVersionLinkComponent,
+                        EngineModelsVersionInfoComponent,
                         SkeletonTextComponent,
                         TimesPipe,
                         NodeLinkComponent
-                    ], template: "<div class=\"is-flex is-flex-direction-column is-gap-8\">\n  <div class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-center\">\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch is-justify-content-space-between is-gap-4 is-radius-3 | is-type-{{\n        type()\n      }}-border\">\n      <div\n        class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-self-start is-align-self-stretch is-px-1 | is-type-{{\n          type()\n        }}-background\">\n        <span>{{ type() | keyToLabel }}</span>\n\n        <div class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\">\n          <span class=\"is-size-7\">ID:</span>\n          <he-node-link [node]=\"node()\">\n            <span class=\"has-text-link is-size-7\">{{ id() }}</span>\n          </he-node-link>\n        </div>\n      </div>\n\n      <div class=\"is-px-1 is-pb-1 w-100\">\n        @if (hasError()) {\n          <a class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\" (click)=\"openError(node())\">\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n\n            <span class=\"is-size-7 is-flex-grow-1\">Validation Error</span>\n\n            <he-svg-icon name=\"chevron-right\" class=\"has-text-secondary\" />\n          </a>\n        }\n\n        <div\n          class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\"\n          [class.is-clickable]=\"canExpand()\"\n          (click)=\"canExpand() && expanded.set(!expanded())\">\n          @if (inProgress()) {\n            <he-svg-icon name=\"loading-circle-filled\" size=\"24\" animation=\"spin\" class=\"has-text-info\" />\n          } @else if (recalculatedAt()) {\n            <he-svg-icon name=\"checkmark-circle-filled\" size=\"24\" class=\"has-text-success\" />\n          } @else {\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n          }\n\n          <span class=\"is-size-7 is-flex-grow-1\">\n            @if (inProgress()) {\n              Stage {{ stage() }} / {{ maxStage() }}\n            } @else if (recalculatedAt()) {\n              <span\n                class=\"trigger-popover\"\n                [ngbPopover]=\"popoverDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"left auto\"\n                container=\"body\"\n                (click)=\"$event.stopPropagation()\">\n                <span>Complete</span>\n              </span>\n            } @else {\n              Failed\n            }\n          </span>\n\n          @if (canExpand()) {\n            <he-svg-icon [name]=\"expanded() ? 'chevron-down' : 'chevron-right'\" class=\"has-text-secondary\" />\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-column is-gap-8 is-overflow-hidden is-pl-2 | related-stage\">\n      @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n        <he-engine-models-stage-deep\n          class=\"is-flex-grow-1\"\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Date:</span>\n      <span>{{ recalculatedAt() | date: (recalculatedAt().length === 10 ? 'mediumDate' : 'medium') }}</span>\n    </div>\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Version:</span>\n      <he-engine-models-version-link [node]=\"node()\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".is-type-Cycle-border{border:1px solid #ecf1ff}.is-type-Cycle-background{background-color:#ecf1ff}.is-type-Site-border{border:1px solid #d5f3d8}.is-type-Site-background{background-color:#d5f3d8}.is-type-ImpactAssessment-border{border:1px solid #e7e0cb}.is-type-ImpactAssessment-background{background-color:#e7e0cb}.is-type-Source-border{border:1px solid #f5f5f5}.is-type-Source-background{background-color:#f5f5f5}.related-stage{border-left:1px solid #4c7194}\n"] }]
+                    ], template: "<div class=\"is-flex is-flex-direction-column is-gap-8\">\n  <div class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-center\">\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch is-justify-content-space-between is-gap-4 is-radius-3 | is-type-{{\n        type()\n      }}-border\">\n      <div\n        class=\"is-flex is-flex-direction-column is-justify-content-center is-align-items-self-start is-align-self-stretch is-px-1 | is-type-{{\n          type()\n        }}-background\">\n        <span>{{ type() | keyToLabel }}</span>\n\n        <div class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\">\n          <span class=\"is-size-7\">ID:</span>\n          <he-node-link [node]=\"node()\">\n            <span class=\"has-text-link is-size-7\">{{ id() }}</span>\n          </he-node-link>\n        </div>\n      </div>\n\n      <div class=\"is-px-1 is-pb-1 w-100\">\n        @if (hasError()) {\n          <a class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\" (click)=\"openError(node())\">\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n\n            <span class=\"is-size-7 is-flex-grow-1\">Validation Error</span>\n\n            <he-svg-icon name=\"chevron-right\" class=\"has-text-secondary\" />\n          </a>\n        }\n\n        <div\n          class=\"is-flex is-align-items-center is-align-self-stretch is-gap-4\"\n          [class.is-clickable]=\"canExpand()\"\n          (click)=\"canExpand() && expanded.set(!expanded())\">\n          @if (inProgress()) {\n            <he-svg-icon name=\"loading-circle-filled\" size=\"24\" animation=\"spin\" class=\"has-text-info\" />\n          } @else if (recalculatedAt()) {\n            <he-svg-icon name=\"checkmark-circle-filled\" size=\"24\" class=\"has-text-success\" />\n          } @else {\n            <he-svg-icon name=\"exclamation-triangle-filled\" size=\"24\" class=\"has-text-danger\" />\n          }\n\n          <span class=\"is-size-7 is-flex-grow-1\">\n            @if (inProgress()) {\n              Stage {{ stage() }} / {{ maxStage() }}\n            } @else if (recalculatedAt()) {\n              <span\n                class=\"trigger-popover\"\n                [ngbPopover]=\"popoverDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"left auto\"\n                container=\"body\"\n                (click)=\"$event.stopPropagation()\">\n                <span>Complete</span>\n              </span>\n            } @else {\n              Failed\n            }\n          </span>\n\n          @if (canExpand()) {\n            <he-svg-icon [name]=\"expanded() ? 'chevron-down' : 'chevron-right'\" class=\"has-text-secondary\" />\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-column is-gap-8 is-overflow-hidden is-pl-2 | related-stage\">\n      @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n        <he-engine-models-stage-deep\n          class=\"is-flex-grow-1\"\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <he-engine-models-version-info [node]=\"node()\" />\n</ng-template>\n", styles: [".is-type-Cycle-border{border:1px solid #ecf1ff}.is-type-Cycle-background{background-color:#ecf1ff}.is-type-Site-border{border:1px solid #d5f3d8}.is-type-Site-background{background-color:#d5f3d8}.is-type-ImpactAssessment-border{border:1px solid #e7e0cb}.is-type-ImpactAssessment-background{background-color:#e7e0cb}.is-type-Source-border{border:1px solid #f5f5f5}.is-type-Source-background{background-color:#f5f5f5}.related-stage{border-left:1px solid #4c7194}\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], enableExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableExpand", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], expandedNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedNode", required: false }] }] } });
 
 const schemaTypeKeys = Object.keys(SchemaType);
@@ -14457,5 +14488,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, CollapsibleBoxStyle, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countGroupVisibleNodes, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, dataVersionHeader, dataVersionHeaderKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, defaultTicksFont, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadPng, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, exportFormats, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseLogMessage, parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, CollapsibleBoxStyle, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionInfoComponent, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countGroupVisibleNodes, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, dataVersionHeader, dataVersionHeaderKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, defaultTicksFont, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadPng, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, exportFormats, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseLogMessage, parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map