@hestia-earth/ui-components 0.41.6 → 0.41.8

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

@@ -1567,9 +1567,10 @@ const mapModelLink = ({ path, docPath, ...link }) => ({
 const allModels = () => models$1.links.map(mapModelLink);
 const models = allModels();
 const findModels = (termId) => models.filter(({ term }) => term === termId);
-const findMatchingModel = (model) => Object.keys(model).length > 0
-    ? models.flat().find(m => Object.entries(model).every(([key, value]) => value === m[key]))
+const findOrchestratorModel = (config, model) => Object.keys(model).length > 0
+    ? (config?.models || []).flat().find(m => Object.entries(model).every(([key, value]) => value === m[key]))
     : null;
+const findMatchingModel = (model) => findOrchestratorModel({ models }, model);
 const modelParams = (node, includeTerm = true, key) => filterParams({
     model: 'methodModel' in node ? node?.methodModel?.['@id'] : undefined,
     modelKey: key,
@@ -1598,9 +1599,6 @@ const findConfigModels = (config, termId, modelKey) => {
         .filter(({ value, key }) => termId === value && (!modelKey || key === modelKey));
     return configModels.length ? configModels : findModels(termId);
 };
-const findOrchestratorModel = ({ models }, model) => Object.keys(model).length > 0
-    ? models.flat().find(m => Object.entries(model).every(([key, value]) => value === m[key]))
-    : null;
 class HeEngineService {
     constructor() {
         this._calculationsBaseUrl = inject(HE_CALCULATIONS_BASE_URL);
@@ -1795,8 +1793,10 @@ class ClipboardComponent {
         this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.hideText = input(false, ...(ngDevMode ? [{ debugName: "hideText" }] : []));
+        this.hideIcon = input(false, ...(ngDevMode ? [{ debugName: "hideIcon" }] : []));
         this.size = input(defaultSvgIconSize, ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.clipboardClass = input('no-print px-3', ...(ngDevMode ? [{ debugName: "clipboardClass" }] : []));
+        this.tooltipPlacement = input('bottom', ...(ngDevMode ? [{ debugName: "tooltipPlacement" }] : []));
         this.defaultIcon = defaultIcon;
         this._value = computed(() => typeof this.value() === 'object' ? JSON.stringify(this.value(), null, 2) : this.value(), ...(ngDevMode ? [{ debugName: "_value" }] : []));
     }
@@ -1808,9 +1808,11 @@ class ClipboardComponent {
         }
     }
     onClick($event) {
-        $event.stopPropagation();
-        $event.preventDefault();
-        this.clipboard();
+        if (!this.disabled()) {
+            $event?.stopPropagation();
+            $event?.preventDefault();
+            this.clipboard();
+        }
     }
     copy(value) {
         if (navigator?.clipboard?.writeText) {
@@ -1840,12 +1842,12 @@ class ClipboardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: ClipboardComponent, isStandalone: true, selector: "he-clipboard", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideText: { classPropertyName: "hideText", publicName: "hideText", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, clipboardClass: { classPropertyName: "clipboardClass", publicName: "clipboardClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:copy": "onCopy($event)" } }, viewQueries: [{ propertyName: "valueNode", first: true, predicate: ["valueNode"], descendants: true, isSignal: true }, { propertyName: "tooltip", first: true, predicate: ["t"], descendants: true, isSignal: true }], ngImport: i0, template: "<span #valueNode [class.is-hidden]=\"hideText()\">{{ value() }}</span>\n\n<span\n  [class]=\"clipboardClass()\"\n  pointer\n  (click)=\"!disabled() && onClick($event)\"\n  ngbTooltip=\"Copied!\"\n  triggers=\"manual\"\n  placement=\"bottom\"\n  container=\"body\"\n  #t=\"ngbTooltip\">\n  <he-svg-icon [name]=\"icon()\" [size]=\"size()\" />\n</span>\n", styles: [".is-small he-svg-icon{height:16px!important;width:16px!important}\n"], dependencies: [{ kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ClipboardComponent, isStandalone: true, selector: "he-clipboard", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideText: { classPropertyName: "hideText", publicName: "hideText", isSignal: true, isRequired: false, transformFunction: null }, hideIcon: { classPropertyName: "hideIcon", publicName: "hideIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, clipboardClass: { classPropertyName: "clipboardClass", publicName: "clipboardClass", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:copy": "onCopy($event)" } }, viewQueries: [{ propertyName: "valueNode", first: true, predicate: ["valueNode"], descendants: true, isSignal: true }, { propertyName: "tooltip", first: true, predicate: ["t"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"is-inline-block\"\n  [class.is-clickable]=\"!disabled()\"\n  (click)=\"onClick($event)\"\n  ngbTooltip=\"Copied!\"\n  triggers=\"manual\"\n  [placement]=\"tooltipPlacement()\"\n  container=\"body\"\n  #t=\"ngbTooltip\">\n  <span #valueNode [class.is-hidden]=\"hideText()\">{{ value() }}</span>\n\n  @if (!hideIcon()) {\n    <he-svg-icon [name]=\"icon()\" [size]=\"size()\" [class]=\"clipboardClass()\" />\n  }\n</div>\n", styles: [":host{display:inline-block}.is-small he-svg-icon{height:16px!important;width:16px!important}\n"], dependencies: [{ kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClipboardComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-clipboard', imports: [NgbTooltip, HESvgIconComponent], template: "<span #valueNode [class.is-hidden]=\"hideText()\">{{ value() }}</span>\n\n<span\n  [class]=\"clipboardClass()\"\n  pointer\n  (click)=\"!disabled() && onClick($event)\"\n  ngbTooltip=\"Copied!\"\n  triggers=\"manual\"\n  placement=\"bottom\"\n  container=\"body\"\n  #t=\"ngbTooltip\">\n  <he-svg-icon [name]=\"icon()\" [size]=\"size()\" />\n</span>\n", styles: [".is-small he-svg-icon{height:16px!important;width:16px!important}\n"] }]
-        }], propDecorators: { valueNode: [{ type: i0.ViewChild, args: ['valueNode', { isSignal: true }] }], tooltip: [{ type: i0.ViewChild, args: ['t', { isSignal: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], clipboardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "clipboardClass", required: false }] }], onCopy: [{
+            args: [{ selector: 'he-clipboard', imports: [NgbTooltip, HESvgIconComponent], template: "<div\n  class=\"is-inline-block\"\n  [class.is-clickable]=\"!disabled()\"\n  (click)=\"onClick($event)\"\n  ngbTooltip=\"Copied!\"\n  triggers=\"manual\"\n  [placement]=\"tooltipPlacement()\"\n  container=\"body\"\n  #t=\"ngbTooltip\">\n  <span #valueNode [class.is-hidden]=\"hideText()\">{{ value() }}</span>\n\n  @if (!hideIcon()) {\n    <he-svg-icon [name]=\"icon()\" [size]=\"size()\" [class]=\"clipboardClass()\" />\n  }\n</div>\n", styles: [":host{display:inline-block}.is-small he-svg-icon{height:16px!important;width:16px!important}\n"] }]
+        }], propDecorators: { valueNode: [{ type: i0.ViewChild, args: ['valueNode', { isSignal: true }] }], tooltip: [{ type: i0.ViewChild, args: ['t', { isSignal: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideText", required: false }] }], hideIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], clipboardClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "clipboardClass", required: false }] }], tooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPlacement", required: false }] }], onCopy: [{
                 type: HostListener,
                 args: ['window:copy', ['$event']]
             }] } });
@@ -6136,7 +6138,7 @@ class DistributionChartComponent {
         this.groupedData = computed(() => createDynamicHistogramData(this.maxPercentileValue()
             ? (this.distribution() ?? []).filter(v => v <= this.maxPercentileValue())
             : (this.distribution() ?? []), this.nbBins()), ...(ngDevMode ? [{ debugName: "groupedData" }] : []));
-        this.singlePoint = computed(() => createSinglePointDataset(this.groupedData()?.labels, this.value()), ...(ngDevMode ? [{ debugName: "singlePoint" }] : []));
+        this.singlePoint = computed(() => createSinglePointDataset(this.groupedData()?.labels || [], this.value()), ...(ngDevMode ? [{ debugName: "singlePoint" }] : []));
         this.defaultConfig = computed(() => ({
             options: {
                 scales: {
@@ -6150,11 +6152,11 @@ class DistributionChartComponent {
                             callback: function (value) {
                                 const label = this.getLabelForValue(value);
                                 return (label
-                                    .split(joinXLabel)
-                                    .map(parseFloat)
-                                    .map(v => transform(v, 3, true))
+                                    ?.split(joinXLabel)
+                                    ?.map(parseFloat)
+                                    ?.map(v => transform(v, 3, true))
                                     // .map(v => v.toExponential())
-                                    .join('-'));
+                                    ?.join('-'));
                             }
                         },
                         title: {
@@ -7860,7 +7862,7 @@ class NodeLogsModelsLogsComponent {
         sorting.sortOrder = sortOrder;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsLogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsLogsComponent, decorators: [{
             type: Component$1,
@@ -9541,7 +9543,7 @@ class NodeAggregatedQualityScoreComponent {
         return term['@id'];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregatedQualityScoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeAggregatedQualityScoreComponent, isStandalone: true, selector: "he-node-aggregated-quality-score", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: false, transformFunction: null }, showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-none": "this.hidden" } }, ngImport: i0, template: "@if (score() >= 0) {\n  @switch (mode()) {\n    @case ('tag') {\n      <div class=\"tags has-addons\">\n        <a class=\"tag\" [href]=\"schemaUrl()\" target=\"_blank\">Data Quality</a>\n        <ng-container *ngTemplateOutlet=\"quality\" />\n        @if (showInfo()) {\n          <span\n            class=\"tag pointer\"\n            [ngbTooltip]=\"logsTooltip\"\n            [placement]=\"placement() + ' auto'\"\n            triggers=\"click\"\n            container=\"body\"\n            autoClose=\"outside\"\n            tooltipClass=\"quality-tooltip\">\n            @if (loading()) {\n              <he-svg-icon name=\"loading\" animation=\"spin\" />\n            } @else if (logs()) {\n              <he-svg-icon name=\"help-circle\" />\n            }\n          </span>\n        }\n      </div>\n    }\n    @default {\n      <ng-container *ngTemplateOutlet=\"quality\" />\n    }\n  }\n}\n\n<ng-template #quality>\n  <span\n    [ngStyle]=\"{\n      'background-color': scoreColor()\n    }\"\n    class=\"tag-score | tag is-primary has-text-white has-text-weight-semibold\">\n    <span>{{ scoreLevel() | uppercase }}</span>\n  </span>\n</ng-template>\n\n<ng-template #logsTooltip>\n  <div>\n    <p class=\"mb-2\">\n      Up to {{ scoreMax() }} points are awarded for the following criteria, where \"low\" is 0 to\n      {{ scoreMax() - 3 }} points, \"medium\" is {{ scoreMax() - 2 }} to {{ scoreMax() - 1 }} points, and \"high\" is\n      {{ scoreMax() }} points:\n    </p>\n    @if (validScores()) {\n      <div class=\"table-container\">\n        <table class=\"table is-fullwidth has-text-white has-background-secondary\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">Condition</th>\n              <th class=\"has-text-white\">Met</th>\n              @if (isCycle()) {\n                <th class=\"has-text-white\">Details</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>No emissions included in the system boundary are missing</td>\n              <td [class.has-text-success]=\"validScores()[0]\" [class.has-text-danger]=\"!validScores()[0]\">\n                {{ validScores()[0] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingEmissions()?.length) {\n                    <span>{{ missingEmissions().length }}</span>\n                    <span class=\"is-pl-1\">{{ 'emission' | pluralize: missingEmissions().length }} are missing:</span>\n                    <div class=\"is-mt-2 | missing-emissions\">\n                      <ul class=\"is-list-style-disc is-pl-4\">\n                        @for (term of missingEmissions(); track trackByTerm($index, term); let l = $last) {\n                          <li>\n                            <he-node-link class=\"is-inline-block is-pl-1\" linkClass=\"is-dark\" [node]=\"term\">\n                              <span class=\"is-nowrap has-text-ellipsis\">{{ term.name }}</span>\n                            </he-node-link>\n                          </li>\n                        }\n                      </ul>\n                    </div>\n                  } @else if (logs()?.included_emissions) {\n                    <span>\n                      All {{ logs().included_emissions }} {{ 'emission' | pluralize: +logs().included_emissions }} for\n                      this product are included.\n                    </span>\n                  }\n                </td>\n              }\n            </tr>\n            <tr>\n              <td>The aggregation is based on data from over {{ minObservations() }} Cycles</td>\n              <td [class.has-text-success]=\"validScores()[1]\" [class.has-text-danger]=\"!validScores()[1]\">\n                {{ validScores()[1] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  <span>Based on {{ observations() }} {{ 'Cycle' | pluralize: observations() }}.</span>\n                </td>\n              }\n            </tr>\n            @if (isCrop()) {\n              <tr>\n                <td>\n                  The difference between yield per hectare here and FAOSTAT is less than \u00B1{{\n                    logs().yield_delta_min || logs().delta_min | number\n                  }}%\n                </td>\n                <td [class.has-text-success]=\"validScores()[2]\" [class.has-text-danger]=\"!validScores()[2]\">\n                  {{ validScores()[2] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (logs()?.faostat_yield !== 'None') {\n                      <span>FAOSTAT yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.faostat_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha;</span>\n                      <span class=\"is-pl-1\">Aggregated data yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.product_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha.</span>\n                    } @else {\n                      No yield found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n            <tr>\n              <td>\n                Data completeness is\n                <code class=\"is-p-1\">true</code>\n                for all priority areas\n              </td>\n              <td [class.has-text-success]=\"validScores()[3]\" [class.has-text-danger]=\"!validScores()[3]\">\n                {{ validScores()[3] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingCompletenessFields()?.length) {\n                    <span>{{ missingCompletenessFields().length }}</span>\n                    <span class=\"is-pl-1\">completeness areas missing data:</span>\n                    @for (field of missingCompletenessFields(); track field; let l = $last) {\n                      <a class=\"is-inline-block is-pl-1 is-dark\" [href]=\"completenessUrl(field)\" target=\"_blank\">\n                        {{ field }}\n                      </a>\n                      <span>{{ l ? '.' : ',' }}</span>\n                    }\n                  }\n                </td>\n              }\n            </tr>\n            @if (isCrop() && isGlobal()) {\n              <tr>\n                <td>Aggregated countries represent at least 75% of {{ countryName() }} production</td>\n                <td [class.has-text-success]=\"validScores()[4]\" [class.has-text-danger]=\"!validScores()[4]\">\n                  {{ validScores()[4] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (hasProductionQuantity()) {\n                      <span>{{ countryName() }} production quantity =</span>\n                      <span class=\"is-pl-1\">{{ regionProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes;</span>\n                      <span class=\"is-pl-1\">Production of countries included in the aggregation =</span>\n                      <span class=\"is-pl-1\">{{ countriesProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes.</span>\n                    } @else {\n                      No production quantity found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}::ng-deep .quality-tooltip{min-width:500px}.missing-emissions{max-height:250px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeAggregatedQualityScoreComponent, isStandalone: true, selector: "he-node-aggregated-quality-score", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: false, transformFunction: null }, showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-none": "this.hidden" } }, ngImport: i0, template: "@if (score() >= 0) {\n  @switch (mode()) {\n    @case ('tag') {\n      <div class=\"tags has-addons\">\n        <a class=\"tag\" [href]=\"schemaUrl()\" target=\"_blank\">Data Quality</a>\n        <ng-container *ngTemplateOutlet=\"quality\" />\n        @if (showInfo()) {\n          <span\n            class=\"tag pointer\"\n            [ngbTooltip]=\"logsTooltip\"\n            [placement]=\"placement() + ' auto'\"\n            triggers=\"click\"\n            container=\"body\"\n            autoClose=\"outside\"\n            tooltipClass=\"quality-tooltip\">\n            @if (loading()) {\n              <he-svg-icon name=\"loading\" animation=\"spin\" />\n            } @else if (logs()) {\n              <he-svg-icon name=\"help-circle\" />\n            }\n          </span>\n        }\n      </div>\n    }\n    @default {\n      <ng-container *ngTemplateOutlet=\"quality\" />\n    }\n  }\n}\n\n<ng-template #quality>\n  <span\n    [ngStyle]=\"{\n      'background-color': scoreColor()\n    }\"\n    class=\"tag-score | tag is-primary has-text-white has-text-weight-semibold\">\n    <span>{{ scoreLevel() | uppercase }}</span>\n  </span>\n</ng-template>\n\n<ng-template #logsTooltip>\n  <div>\n    <p class=\"mb-2\">\n      Up to {{ scoreMax() }} points are awarded for the following criteria, where \"low\" is 0 to\n      {{ scoreMax() - 3 }} points, \"medium\" is {{ scoreMax() - 2 }} to {{ scoreMax() - 1 }} points, and \"high\" is\n      {{ scoreMax() }} points:\n    </p>\n    @if (validScores()) {\n      <div class=\"table-container\">\n        <table class=\"table is-fullwidth has-text-white has-background-secondary\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">Condition</th>\n              <th class=\"has-text-white\">Met</th>\n              @if (isCycle()) {\n                <th class=\"has-text-white\">Details</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>No aggregated emissions included in the system boundary are missing</td>\n              <td [class.has-text-success]=\"validScores()[0]\" [class.has-text-danger]=\"!validScores()[0]\">\n                {{ validScores()[0] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingEmissions()?.length) {\n                    <span>{{ missingEmissions().length }}</span>\n                    <span class=\"is-pl-1\">{{ 'emission' | pluralize: missingEmissions().length }} are missing:</span>\n                    <div class=\"is-mt-2 | missing-emissions\">\n                      <ul class=\"is-list-style-disc is-pl-4\">\n                        @for (term of missingEmissions(); track trackByTerm($index, term); let l = $last) {\n                          <li>\n                            <he-node-link class=\"is-inline-block is-pl-1\" linkClass=\"is-dark\" [node]=\"term\">\n                              <span class=\"is-nowrap has-text-ellipsis\">{{ term.name }}</span>\n                            </he-node-link>\n                          </li>\n                        }\n                      </ul>\n                    </div>\n                  } @else if (logs()?.included_emissions) {\n                    <span>\n                      All {{ logs().included_emissions }} {{ 'emission' | pluralize: +logs().included_emissions }} for\n                      this product are included.\n                    </span>\n                  }\n                </td>\n              }\n            </tr>\n            <tr>\n              <td>The aggregation is based on data from over {{ minObservations() }} Cycles</td>\n              <td [class.has-text-success]=\"validScores()[1]\" [class.has-text-danger]=\"!validScores()[1]\">\n                {{ validScores()[1] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  <span>Based on {{ observations() }} {{ 'Cycle' | pluralize: observations() }}.</span>\n                </td>\n              }\n            </tr>\n            @if (isCrop()) {\n              <tr>\n                <td>\n                  The difference between yield per hectare here and FAOSTAT is less than \u00B1{{\n                    logs().yield_delta_min || logs().delta_min | number\n                  }}%\n                </td>\n                <td [class.has-text-success]=\"validScores()[2]\" [class.has-text-danger]=\"!validScores()[2]\">\n                  {{ validScores()[2] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (logs()?.faostat_yield !== 'None') {\n                      <span>FAOSTAT yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.faostat_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha;</span>\n                      <span class=\"is-pl-1\">Aggregated data yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.product_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha.</span>\n                    } @else {\n                      No yield found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n            <tr>\n              <td>\n                Data completeness is\n                <code class=\"is-p-1\">true</code>\n                for all priority areas\n              </td>\n              <td [class.has-text-success]=\"validScores()[3]\" [class.has-text-danger]=\"!validScores()[3]\">\n                {{ validScores()[3] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingCompletenessFields()?.length) {\n                    <span>{{ missingCompletenessFields().length }}</span>\n                    <span class=\"is-pl-1\">completeness areas missing data:</span>\n                    @for (field of missingCompletenessFields(); track field; let l = $last) {\n                      <a class=\"is-inline-block is-pl-1 is-dark\" [href]=\"completenessUrl(field)\" target=\"_blank\">\n                        {{ field }}\n                      </a>\n                      <span>{{ l ? '.' : ',' }}</span>\n                    }\n                  }\n                </td>\n              }\n            </tr>\n            @if (isCrop() && isGlobal()) {\n              <tr>\n                <td>Aggregated countries represent at least 75% of {{ countryName() }} production</td>\n                <td [class.has-text-success]=\"validScores()[4]\" [class.has-text-danger]=\"!validScores()[4]\">\n                  {{ validScores()[4] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (hasProductionQuantity()) {\n                      <span>{{ countryName() }} production quantity =</span>\n                      <span class=\"is-pl-1\">{{ regionProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes;</span>\n                      <span class=\"is-pl-1\">Production of countries included in the aggregation =</span>\n                      <span class=\"is-pl-1\">{{ countriesProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes.</span>\n                    } @else {\n                      No production quantity found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}::ng-deep .quality-tooltip{min-width:500px}.missing-emissions{max-height:250px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregatedQualityScoreComponent, decorators: [{
             type: Component$1,
@@ -9555,7 +9557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         NgTemplateOutlet,
                         NgbTooltipModule,
                         HESvgIconComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (score() >= 0) {\n  @switch (mode()) {\n    @case ('tag') {\n      <div class=\"tags has-addons\">\n        <a class=\"tag\" [href]=\"schemaUrl()\" target=\"_blank\">Data Quality</a>\n        <ng-container *ngTemplateOutlet=\"quality\" />\n        @if (showInfo()) {\n          <span\n            class=\"tag pointer\"\n            [ngbTooltip]=\"logsTooltip\"\n            [placement]=\"placement() + ' auto'\"\n            triggers=\"click\"\n            container=\"body\"\n            autoClose=\"outside\"\n            tooltipClass=\"quality-tooltip\">\n            @if (loading()) {\n              <he-svg-icon name=\"loading\" animation=\"spin\" />\n            } @else if (logs()) {\n              <he-svg-icon name=\"help-circle\" />\n            }\n          </span>\n        }\n      </div>\n    }\n    @default {\n      <ng-container *ngTemplateOutlet=\"quality\" />\n    }\n  }\n}\n\n<ng-template #quality>\n  <span\n    [ngStyle]=\"{\n      'background-color': scoreColor()\n    }\"\n    class=\"tag-score | tag is-primary has-text-white has-text-weight-semibold\">\n    <span>{{ scoreLevel() | uppercase }}</span>\n  </span>\n</ng-template>\n\n<ng-template #logsTooltip>\n  <div>\n    <p class=\"mb-2\">\n      Up to {{ scoreMax() }} points are awarded for the following criteria, where \"low\" is 0 to\n      {{ scoreMax() - 3 }} points, \"medium\" is {{ scoreMax() - 2 }} to {{ scoreMax() - 1 }} points, and \"high\" is\n      {{ scoreMax() }} points:\n    </p>\n    @if (validScores()) {\n      <div class=\"table-container\">\n        <table class=\"table is-fullwidth has-text-white has-background-secondary\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">Condition</th>\n              <th class=\"has-text-white\">Met</th>\n              @if (isCycle()) {\n                <th class=\"has-text-white\">Details</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>No emissions included in the system boundary are missing</td>\n              <td [class.has-text-success]=\"validScores()[0]\" [class.has-text-danger]=\"!validScores()[0]\">\n                {{ validScores()[0] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingEmissions()?.length) {\n                    <span>{{ missingEmissions().length }}</span>\n                    <span class=\"is-pl-1\">{{ 'emission' | pluralize: missingEmissions().length }} are missing:</span>\n                    <div class=\"is-mt-2 | missing-emissions\">\n                      <ul class=\"is-list-style-disc is-pl-4\">\n                        @for (term of missingEmissions(); track trackByTerm($index, term); let l = $last) {\n                          <li>\n                            <he-node-link class=\"is-inline-block is-pl-1\" linkClass=\"is-dark\" [node]=\"term\">\n                              <span class=\"is-nowrap has-text-ellipsis\">{{ term.name }}</span>\n                            </he-node-link>\n                          </li>\n                        }\n                      </ul>\n                    </div>\n                  } @else if (logs()?.included_emissions) {\n                    <span>\n                      All {{ logs().included_emissions }} {{ 'emission' | pluralize: +logs().included_emissions }} for\n                      this product are included.\n                    </span>\n                  }\n                </td>\n              }\n            </tr>\n            <tr>\n              <td>The aggregation is based on data from over {{ minObservations() }} Cycles</td>\n              <td [class.has-text-success]=\"validScores()[1]\" [class.has-text-danger]=\"!validScores()[1]\">\n                {{ validScores()[1] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  <span>Based on {{ observations() }} {{ 'Cycle' | pluralize: observations() }}.</span>\n                </td>\n              }\n            </tr>\n            @if (isCrop()) {\n              <tr>\n                <td>\n                  The difference between yield per hectare here and FAOSTAT is less than \u00B1{{\n                    logs().yield_delta_min || logs().delta_min | number\n                  }}%\n                </td>\n                <td [class.has-text-success]=\"validScores()[2]\" [class.has-text-danger]=\"!validScores()[2]\">\n                  {{ validScores()[2] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (logs()?.faostat_yield !== 'None') {\n                      <span>FAOSTAT yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.faostat_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha;</span>\n                      <span class=\"is-pl-1\">Aggregated data yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.product_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha.</span>\n                    } @else {\n                      No yield found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n            <tr>\n              <td>\n                Data completeness is\n                <code class=\"is-p-1\">true</code>\n                for all priority areas\n              </td>\n              <td [class.has-text-success]=\"validScores()[3]\" [class.has-text-danger]=\"!validScores()[3]\">\n                {{ validScores()[3] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingCompletenessFields()?.length) {\n                    <span>{{ missingCompletenessFields().length }}</span>\n                    <span class=\"is-pl-1\">completeness areas missing data:</span>\n                    @for (field of missingCompletenessFields(); track field; let l = $last) {\n                      <a class=\"is-inline-block is-pl-1 is-dark\" [href]=\"completenessUrl(field)\" target=\"_blank\">\n                        {{ field }}\n                      </a>\n                      <span>{{ l ? '.' : ',' }}</span>\n                    }\n                  }\n                </td>\n              }\n            </tr>\n            @if (isCrop() && isGlobal()) {\n              <tr>\n                <td>Aggregated countries represent at least 75% of {{ countryName() }} production</td>\n                <td [class.has-text-success]=\"validScores()[4]\" [class.has-text-danger]=\"!validScores()[4]\">\n                  {{ validScores()[4] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (hasProductionQuantity()) {\n                      <span>{{ countryName() }} production quantity =</span>\n                      <span class=\"is-pl-1\">{{ regionProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes;</span>\n                      <span class=\"is-pl-1\">Production of countries included in the aggregation =</span>\n                      <span class=\"is-pl-1\">{{ countriesProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes.</span>\n                    } @else {\n                      No production quantity found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}::ng-deep .quality-tooltip{min-width:500px}.missing-emissions{max-height:250px;overflow-y:auto}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (score() >= 0) {\n  @switch (mode()) {\n    @case ('tag') {\n      <div class=\"tags has-addons\">\n        <a class=\"tag\" [href]=\"schemaUrl()\" target=\"_blank\">Data Quality</a>\n        <ng-container *ngTemplateOutlet=\"quality\" />\n        @if (showInfo()) {\n          <span\n            class=\"tag pointer\"\n            [ngbTooltip]=\"logsTooltip\"\n            [placement]=\"placement() + ' auto'\"\n            triggers=\"click\"\n            container=\"body\"\n            autoClose=\"outside\"\n            tooltipClass=\"quality-tooltip\">\n            @if (loading()) {\n              <he-svg-icon name=\"loading\" animation=\"spin\" />\n            } @else if (logs()) {\n              <he-svg-icon name=\"help-circle\" />\n            }\n          </span>\n        }\n      </div>\n    }\n    @default {\n      <ng-container *ngTemplateOutlet=\"quality\" />\n    }\n  }\n}\n\n<ng-template #quality>\n  <span\n    [ngStyle]=\"{\n      'background-color': scoreColor()\n    }\"\n    class=\"tag-score | tag is-primary has-text-white has-text-weight-semibold\">\n    <span>{{ scoreLevel() | uppercase }}</span>\n  </span>\n</ng-template>\n\n<ng-template #logsTooltip>\n  <div>\n    <p class=\"mb-2\">\n      Up to {{ scoreMax() }} points are awarded for the following criteria, where \"low\" is 0 to\n      {{ scoreMax() - 3 }} points, \"medium\" is {{ scoreMax() - 2 }} to {{ scoreMax() - 1 }} points, and \"high\" is\n      {{ scoreMax() }} points:\n    </p>\n    @if (validScores()) {\n      <div class=\"table-container\">\n        <table class=\"table is-fullwidth has-text-white has-background-secondary\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">Condition</th>\n              <th class=\"has-text-white\">Met</th>\n              @if (isCycle()) {\n                <th class=\"has-text-white\">Details</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td>No aggregated emissions included in the system boundary are missing</td>\n              <td [class.has-text-success]=\"validScores()[0]\" [class.has-text-danger]=\"!validScores()[0]\">\n                {{ validScores()[0] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingEmissions()?.length) {\n                    <span>{{ missingEmissions().length }}</span>\n                    <span class=\"is-pl-1\">{{ 'emission' | pluralize: missingEmissions().length }} are missing:</span>\n                    <div class=\"is-mt-2 | missing-emissions\">\n                      <ul class=\"is-list-style-disc is-pl-4\">\n                        @for (term of missingEmissions(); track trackByTerm($index, term); let l = $last) {\n                          <li>\n                            <he-node-link class=\"is-inline-block is-pl-1\" linkClass=\"is-dark\" [node]=\"term\">\n                              <span class=\"is-nowrap has-text-ellipsis\">{{ term.name }}</span>\n                            </he-node-link>\n                          </li>\n                        }\n                      </ul>\n                    </div>\n                  } @else if (logs()?.included_emissions) {\n                    <span>\n                      All {{ logs().included_emissions }} {{ 'emission' | pluralize: +logs().included_emissions }} for\n                      this product are included.\n                    </span>\n                  }\n                </td>\n              }\n            </tr>\n            <tr>\n              <td>The aggregation is based on data from over {{ minObservations() }} Cycles</td>\n              <td [class.has-text-success]=\"validScores()[1]\" [class.has-text-danger]=\"!validScores()[1]\">\n                {{ validScores()[1] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  <span>Based on {{ observations() }} {{ 'Cycle' | pluralize: observations() }}.</span>\n                </td>\n              }\n            </tr>\n            @if (isCrop()) {\n              <tr>\n                <td>\n                  The difference between yield per hectare here and FAOSTAT is less than \u00B1{{\n                    logs().yield_delta_min || logs().delta_min | number\n                  }}%\n                </td>\n                <td [class.has-text-success]=\"validScores()[2]\" [class.has-text-danger]=\"!validScores()[2]\">\n                  {{ validScores()[2] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (logs()?.faostat_yield !== 'None') {\n                      <span>FAOSTAT yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.faostat_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha;</span>\n                      <span class=\"is-pl-1\">Aggregated data yield =</span>\n                      <span class=\"is-pl-1\">{{ logs()?.product_yield | precision: 3 }}</span>\n                      <span class=\"is-pl-1\">kg/ha.</span>\n                    } @else {\n                      No yield found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n            <tr>\n              <td>\n                Data completeness is\n                <code class=\"is-p-1\">true</code>\n                for all priority areas\n              </td>\n              <td [class.has-text-success]=\"validScores()[3]\" [class.has-text-danger]=\"!validScores()[3]\">\n                {{ validScores()[3] ? 'Yes' : 'No' }}\n              </td>\n              @if (isCycle()) {\n                <td>\n                  @if (missingCompletenessFields()?.length) {\n                    <span>{{ missingCompletenessFields().length }}</span>\n                    <span class=\"is-pl-1\">completeness areas missing data:</span>\n                    @for (field of missingCompletenessFields(); track field; let l = $last) {\n                      <a class=\"is-inline-block is-pl-1 is-dark\" [href]=\"completenessUrl(field)\" target=\"_blank\">\n                        {{ field }}\n                      </a>\n                      <span>{{ l ? '.' : ',' }}</span>\n                    }\n                  }\n                </td>\n              }\n            </tr>\n            @if (isCrop() && isGlobal()) {\n              <tr>\n                <td>Aggregated countries represent at least 75% of {{ countryName() }} production</td>\n                <td [class.has-text-success]=\"validScores()[4]\" [class.has-text-danger]=\"!validScores()[4]\">\n                  {{ validScores()[4] ? 'Yes' : 'No' }}\n                </td>\n                @if (isCycle()) {\n                  <td>\n                    @if (hasProductionQuantity()) {\n                      <span>{{ countryName() }} production quantity =</span>\n                      <span class=\"is-pl-1\">{{ regionProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes;</span>\n                      <span class=\"is-pl-1\">Production of countries included in the aggregation =</span>\n                      <span class=\"is-pl-1\">{{ countriesProductionQuantity() / 1000000 | number: '1.0-0' }}</span>\n                      <span class=\"is-pl-1\">million tonnes.</span>\n                    } @else {\n                      No production quantity found on FAOSTAT for this product.\n                    }\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:inline-block}::ng-deep .quality-tooltip{min-width:500px}.missing-emissions{max-height:250px;overflow-y:auto}\n"] }]
         }], propDecorators: { hidden: [{
                 type: HostBinding,
                 args: ['class.is-none']
@@ -9628,7 +9630,7 @@ class NodeJsonldSchemaComponent {
         this.nodes = computed(() => (Array.isArray(this.content()) ? this.content() : [this.content()]).map(value => omit(value, ignoredProperties)), ...(ngDevMode ? [{ debugName: "nodes" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJsonldSchemaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJsonldSchemaComponent, isStandalone: true, selector: "he-node-jsonld-schema", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, enableCsv: { classPropertyName: "enableCsv", publicName: "enableCsv", isSignal: true, isRequired: false, transformFunction: null }, csvOptions: { classPropertyName: "csvOptions", publicName: "csvOptions", isSignal: true, isRequired: false, transformFunction: null }, csvNotice: { classPropertyName: "csvNotice", publicName: "csvNotice", isSignal: true, isRequired: false, transformFunction: null }, showSchemaButton: { classPropertyName: "showSchemaButton", publicName: "showSchemaButton", isSignal: true, isRequired: false, transformFunction: null }, useTabs: { classPropertyName: "useTabs", publicName: "useTabs", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedView: "selectedViewChange" }, ngImport: i0, template: "@if (useTabs() && views().length > 1) {\n  <div class=\"tabs\">\n    <ul>\n      @for (view of views(); track view) {\n        <li [class.is-active]=\"selectedView() === view\">\n          <a\n            [ngbTooltip]=\"formatTooltip\"\n            [tooltipContext]=\"{ view }\"\n            placement=\"right\"\n            (click)=\"selectedView.set(view)\">\n            <span>{{ view }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n<div class=\"is-relative is-clipped\">\n  <div\n    class=\"is-flex is-justify-content-end\"\n    [class.copy-clipboard]=\"selectedView() === Views.jsonld\"\n    [class.is-p-2]=\"selectedView() !== Views.jsonld\">\n    <div class=\"field has-addons\">\n      @if (showSchemaButton()) {\n        <div class=\"control\">\n          <he-schema-version-link linkClass=\"button is-info is-small\" [node]=\"content()\">\n            <span>View Schema</span>\n          </he-schema-version-link>\n        </div>\n      }\n      @if (selectedView() === Views.jsonld) {\n        <div class=\"control\" ngbTooltip=\"Copy Content\" placement=\"bottom\" container=\"body\">\n          <he-clipboard clipboardClass=\"button is-secondary is-small\" [value]=\"content()\" [hideText]=\"true\" />\n        </div>\n      }\n      @if (!useTabs() && views().length > 1) {\n        <div class=\"control\">\n          <div class=\"select is-small is-fullwidth\">\n            <select [(ngModel)]=\"selectedView\" name=\"selectedView\">\n              @for (view of views(); track view) {\n                <option [value]=\"view\">{{ view }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  @switch (selectedView()) {\n    @case (Views.jsonld) {\n      <pre><code>{{nodes()?.[0] | json}}</code></pre>\n    }\n    @default {\n      <he-node-csv-preview\n        [nodes]=\"nodes()\"\n        [csvOptions]=\"csvOptions()\"\n        [csvNotice]=\"csvNotice()\"\n        [compacted]=\"selectedView() === Views.csvCompacted\" />\n    }\n  }\n</div>\n\n<ng-template #formatTooltip let-view=\"view\">\n  @switch (view) {\n    @case (Views.jsonld) {\n      <p>JSON is a structured text-based format for representing data,</p>\n      <p>where the 'LD' is a specific version of JSON which includes notation for linking different Nodes.</p>\n    }\n    @case (Views.csv) {\n      <p>CSV is a tabular or row-column format.</p>\n      <p>This format has the term identifier in a separate column to the term value.</p>\n    }\n    @case (Views.csvCompacted) {\n      <p>This format has the term identifier (term.&#64;id) in the column header.</p>\n      <p>It is a typical format for most data analysis applications which expect</p>\n      <p>column headers to identify the data.</p>\n    }\n  }\n</ng-template>\n", styles: [":host{display:block;overflow:auto;width:100%}pre{max-height:400px}he-schema-version-link ::ng-deep he-svg-icon{height:16px!important;width:16px!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "component", type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvPreviewComponent, selector: "he-node-csv-preview", inputs: ["nodes", "compacted", "showDownload", "csvOptions", "csvNotice"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJsonldSchemaComponent, isStandalone: true, selector: "he-node-jsonld-schema", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, enableCsv: { classPropertyName: "enableCsv", publicName: "enableCsv", isSignal: true, isRequired: false, transformFunction: null }, csvOptions: { classPropertyName: "csvOptions", publicName: "csvOptions", isSignal: true, isRequired: false, transformFunction: null }, csvNotice: { classPropertyName: "csvNotice", publicName: "csvNotice", isSignal: true, isRequired: false, transformFunction: null }, showSchemaButton: { classPropertyName: "showSchemaButton", publicName: "showSchemaButton", isSignal: true, isRequired: false, transformFunction: null }, useTabs: { classPropertyName: "useTabs", publicName: "useTabs", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedView: "selectedViewChange" }, ngImport: i0, template: "@if (useTabs() && views().length > 1) {\n  <div class=\"tabs\">\n    <ul>\n      @for (view of views(); track view) {\n        <li [class.is-active]=\"selectedView() === view\">\n          <a\n            [ngbTooltip]=\"formatTooltip\"\n            [tooltipContext]=\"{ view }\"\n            placement=\"right\"\n            (click)=\"selectedView.set(view)\">\n            <span>{{ view }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n<div class=\"is-relative is-clipped\">\n  <div\n    class=\"is-flex is-justify-content-end\"\n    [class.copy-clipboard]=\"selectedView() === Views.jsonld\"\n    [class.is-p-2]=\"selectedView() !== Views.jsonld\">\n    <div class=\"field has-addons\">\n      @if (showSchemaButton()) {\n        <div class=\"control\">\n          <he-schema-version-link linkClass=\"button is-info is-small\" [node]=\"content()\">\n            <span>View Schema</span>\n          </he-schema-version-link>\n        </div>\n      }\n      @if (selectedView() === Views.jsonld) {\n        <div class=\"control\" ngbTooltip=\"Copy Content\" placement=\"bottom\" container=\"body\">\n          <he-clipboard clipboardClass=\"button is-secondary is-small\" [value]=\"content()\" [hideText]=\"true\" />\n        </div>\n      }\n      @if (!useTabs() && views().length > 1) {\n        <div class=\"control\">\n          <div class=\"select is-small is-fullwidth\">\n            <select [(ngModel)]=\"selectedView\" name=\"selectedView\">\n              @for (view of views(); track view) {\n                <option [value]=\"view\">{{ view }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  @switch (selectedView()) {\n    @case (Views.jsonld) {\n      <pre><code>{{nodes()?.[0] | json}}</code></pre>\n    }\n    @default {\n      <he-node-csv-preview\n        [nodes]=\"nodes()\"\n        [csvOptions]=\"csvOptions()\"\n        [csvNotice]=\"csvNotice()\"\n        [compacted]=\"selectedView() === Views.csvCompacted\" />\n    }\n  }\n</div>\n\n<ng-template #formatTooltip let-view=\"view\">\n  @switch (view) {\n    @case (Views.jsonld) {\n      <p>JSON is a structured text-based format for representing data,</p>\n      <p>where the 'LD' is a specific version of JSON which includes notation for linking different Nodes.</p>\n    }\n    @case (Views.csv) {\n      <p>CSV is a tabular or row-column format.</p>\n      <p>This format has the term identifier in a separate column to the term value.</p>\n    }\n    @case (Views.csvCompacted) {\n      <p>This format has the term identifier (term.&#64;id) in the column header.</p>\n      <p>It is a typical format for most data analysis applications which expect</p>\n      <p>column headers to identify the data.</p>\n    }\n  }\n</ng-template>\n", styles: [":host{display:block;overflow:auto;width:100%}pre{max-height:400px}he-schema-version-link ::ng-deep he-svg-icon{height:16px!important;width:16px!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "component", type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvPreviewComponent, selector: "he-node-csv-preview", inputs: ["nodes", "compacted", "showDownload", "csvOptions", "csvNotice"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJsonldSchemaComponent, decorators: [{
             type: Component$1,
@@ -9699,7 +9701,7 @@ class NodeLogsFileComponent {
         this.csvFilename = computed(() => fileToExt(this.node()?.['@id'] ?? '', 'csv'), ...(ngDevMode ? [{ debugName: "csvFilename" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsFileComponent, isStandalone: true, selector: "he-node-logs-file", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-relative\">\n  <div class=\"copy-clipboard\">\n    <div class=\"field has-addons\">\n      @if (showFilters()) {\n        <div class=\"control\">\n          <input\n            class=\"input is-secondary is-small\"\n            [(ngModel)]=\"modelFilter\"\n            id=\"modelFilter\"\n            placeholder=\"Filter by Method / Model\" />\n        </div>\n        <div class=\"control\">\n          <input\n            class=\"input is-secondary is-small\"\n            [(ngModel)]=\"termFilter\"\n            id=\"termFilter\"\n            placeholder=\"Filter by Term\" />\n        </div>\n        <div class=\"control\">\n          <div class=\"select is-secondary is-small\">\n            <select [(ngModel)]=\"selectedLevel\" id=\"selectedLevel\">\n              @for (level of Level | keyvalue; track level) {\n                <option [value]=\"level.value\">{{ level.value }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          (click)=\"showFilters.set(!showFilters())\"\n          [ngbTooltip]=\"showFilters() ? 'Hide filters' : 'Show filters'\"\n          placement=\"bottom\"\n          container=\"body\">\n          <he-svg-icon name=\"filter-funnel\" />\n        </button>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-secondary is-small\" [value]=\"nodeLog()\" [hideText]=\"true\" />\n      </div>\n      <div class=\"control\">\n        <a class=\"button is-info is-small\" target=\"_blank\" [href]=\"csvContent()\" [download]=\"csvFilename()\">\n          <he-svg-icon name=\"download\" />\n        </a>\n      </div>\n    </div>\n  </div>\n\n  <pre class=\"pl-3 pt-3 ml-3\">\n    @for (line of nodeLogLines(); track line) {\n      <code class=\"is-block {{line.class}}\">{{line.data.timestamp}} {{('[' + line.data.level + ']:').padEnd(9, ' ')}} {{line.data.message}}</code>\n    }\n  </pre>\n</div>\n", styles: [":host{display:block}pre{background-color:inherit;color:inherit;min-height:38px;max-height:500px;font-size:0}pre>code{font-size:.875rem;line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsFileComponent, isStandalone: true, selector: "he-node-logs-file", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-relative\">\n  <div class=\"copy-clipboard\">\n    <div class=\"field has-addons\">\n      @if (showFilters()) {\n        <div class=\"control\">\n          <input\n            class=\"input is-secondary is-small\"\n            [(ngModel)]=\"modelFilter\"\n            id=\"modelFilter\"\n            placeholder=\"Filter by Method / Model\" />\n        </div>\n        <div class=\"control\">\n          <input\n            class=\"input is-secondary is-small\"\n            [(ngModel)]=\"termFilter\"\n            id=\"termFilter\"\n            placeholder=\"Filter by Term\" />\n        </div>\n        <div class=\"control\">\n          <div class=\"select is-secondary is-small\">\n            <select [(ngModel)]=\"selectedLevel\" id=\"selectedLevel\">\n              @for (level of Level | keyvalue; track level) {\n                <option [value]=\"level.value\">{{ level.value }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          (click)=\"showFilters.set(!showFilters())\"\n          [ngbTooltip]=\"showFilters() ? 'Hide filters' : 'Show filters'\"\n          placement=\"bottom\"\n          container=\"body\">\n          <he-svg-icon name=\"filter-funnel\" />\n        </button>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-secondary is-small\" [value]=\"nodeLog()\" [hideText]=\"true\" />\n      </div>\n      <div class=\"control\">\n        <a class=\"button is-info is-small\" target=\"_blank\" [href]=\"csvContent()\" [download]=\"csvFilename()\">\n          <he-svg-icon name=\"download\" />\n        </a>\n      </div>\n    </div>\n  </div>\n\n  <pre class=\"pl-3 pt-3 ml-3\">\n    @for (line of nodeLogLines(); track line) {\n      <code class=\"is-block {{line.class}}\">{{line.data.timestamp}} {{('[' + line.data.level + ']:').padEnd(9, ' ')}} {{line.data.message}}</code>\n    }\n  </pre>\n</div>\n", styles: [":host{display:block}pre{background-color:inherit;color:inherit;min-height:38px;max-height:500px;font-size:0}pre>code{font-size:.875rem;line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsFileComponent, decorators: [{
             type: Component$1,
@@ -9750,7 +9752,7 @@ class NodeLogsTimeComponent {
             .join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsTimeComponent, isStandalone: true, selector: "he-node-logs-time", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, showMemoryUsage: { classPropertyName: "showMemoryUsage", publicName: "showMemoryUsage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth\">\n    <thead>\n      <tr>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Model ID</span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'model_id' }\" />\n          </div>\n        </th>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Model Value</span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'model_value' }\" />\n          </div>\n        </th>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Time (ms)</span>\n            <span class=\"has-text-secondary\" [ngbTooltip]=\"'Total calculation time: ' + totalTime() + 's'\">\n              <he-svg-icon name=\"help-circle\" />\n            </span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'time' }\" />\n          </div>\n        </th>\n        @if (showMemoryUsage()) {\n          <th>\n            <div class=\"is-nowrap\">\n              <span>Memory Usage (MB)</span>\n              <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'memory_used' }\" />\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (nodeLogsResource.isLoading()) {\n        <tr>\n          <td colspan=\"4\">\n            <he-skeleton-text [width]=\"70\" />\n          </td>\n        </tr>\n        <tr>\n          <td colspan=\"4\">\n            <he-skeleton-text [width]=\"70\" />\n          </td>\n        </tr>\n      }\n      @for (log of logs() | sortBy: sorting.sortBy : sorting.sortOrder; track logIndex; let logIndex = $index) {\n        <tr>\n          <td class=\"copy-log\">\n            <span class=\"ellipsis\">{{ log.model_model }}</span>\n            <he-clipboard\n              class=\"is-inline-block is-align-middle\"\n              clipboardClass=\"is-size-7 is-p-1\"\n              [value]=\"runModelCmd(log)\"\n              [hideText]=\"true\" />\n          </td>\n          <td>\n            <span class=\"ellipsis\">{{ log.model_value }}</span>\n          </td>\n          <td>\n            <span>{{ +log.time | number: '1.0-2' }}</span>\n          </td>\n          @if (showMemoryUsage()) {\n            <td>\n              <span>{{ log.memory_used }}</span>\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n<ng-template #sortColumn let-column=\"column\">\n  <a class=\"is-p-1\" (click)=\"toggleSort(column)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" />\n    }\n  </a>\n</ng-template>\n", styles: ["span{word-break:break-all}.copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsTimeComponent, isStandalone: true, selector: "he-node-logs-time", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, showMemoryUsage: { classPropertyName: "showMemoryUsage", publicName: "showMemoryUsage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth\">\n    <thead>\n      <tr>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Model ID</span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'model_id' }\" />\n          </div>\n        </th>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Model Value</span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'model_value' }\" />\n          </div>\n        </th>\n        <th>\n          <div class=\"is-nowrap\">\n            <span>Time (ms)</span>\n            <span class=\"has-text-secondary\" [ngbTooltip]=\"'Total calculation time: ' + totalTime() + 's'\">\n              <he-svg-icon name=\"help-circle\" />\n            </span>\n            <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'time' }\" />\n          </div>\n        </th>\n        @if (showMemoryUsage()) {\n          <th>\n            <div class=\"is-nowrap\">\n              <span>Memory Usage (MB)</span>\n              <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: 'memory_used' }\" />\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (nodeLogsResource.isLoading()) {\n        <tr>\n          <td colspan=\"4\">\n            <he-skeleton-text [width]=\"70\" />\n          </td>\n        </tr>\n        <tr>\n          <td colspan=\"4\">\n            <he-skeleton-text [width]=\"70\" />\n          </td>\n        </tr>\n      }\n      @for (log of logs() | sortBy: sorting.sortBy : sorting.sortOrder; track logIndex; let logIndex = $index) {\n        <tr>\n          <td class=\"copy-log\">\n            <span class=\"ellipsis\">{{ log.model_model }}</span>\n            <he-clipboard\n              class=\"is-inline-block is-align-middle\"\n              clipboardClass=\"is-size-7 is-p-1\"\n              [value]=\"runModelCmd(log)\"\n              [hideText]=\"true\" />\n          </td>\n          <td>\n            <span class=\"ellipsis\">{{ log.model_value }}</span>\n          </td>\n          <td>\n            <span>{{ +log.time | number: '1.0-2' }}</span>\n          </td>\n          @if (showMemoryUsage()) {\n            <td>\n              <span>{{ log.memory_used }}</span>\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n<ng-template #sortColumn let-column=\"column\">\n  <a class=\"is-p-1\" (click)=\"toggleSort(column)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" />\n    }\n  </a>\n</ng-template>\n", styles: ["span{word-break:break-all}.copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsTimeComponent, decorators: [{
             type: Component$1,
@@ -11707,7 +11709,7 @@ class FilesFormComponent {
         return focusFirstError(this.ref.nativeElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FilesFormComponent, isStandalone: true, selector: "he-files-form", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, showNodeLink: { classPropertyName: "showNodeLink", publicName: "showNodeLink", isSignal: true, isRequired: false, transformFunction: null }, errorGuidePrefix: { classPropertyName: "errorGuidePrefix", publicName: "errorGuidePrefix", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", nodeErorrResolved: "nodeErorrResolved" }, exportAs: ["filesForm"], ngImport: i0, template: "<div class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch | files-form-container\">\n  <div\n    class=\"is-flex is-flex-direction-row is-justify-content-space-between is-align-items-center is-align-self-stretch is-gap-16 px-4 py-2 has-text-secondary | files-form-header\"\n    (click)=\"isOpen.set(!isOpen())\"\n    pointer>\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (nodeProperty()) {\n        <he-node-icon class=\"is-flex\" [type]=\"schemaType()\" [size]=\"24\" />\n        <span class=\"has-text-weight-bold has-text-secondary is-size-5\">{{ schemaType() }}</span>\n        @if (nodeProperty().hasError || hasError()) {\n          <he-svg-icon name=\"xmark-circle\" class=\"has-text-danger is-flex is-align-items-center\" />\n          <span class=\"has-text-danger has-text-weight-bold is-italic\">Error</span>\n        } @else if (nodeProperty().hasWarning || hasWarning()) {\n          <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning is-flex is-align-items-center\" />\n          <span class=\"has-text-warning has-text-weight-bold is-italic\">Warning</span>\n        }\n      }\n    </div>\n    @if ((showNodeLink() && nodeUrl()) || canOpen()) {\n      <div class=\"is-flex is-flex-direction-row is-align-items-center is-gap-16\">\n        @if (showNodeLink() && nodeUrl()) {\n          <ng-container *ngTemplateOutlet=\"nodeLink; context: { url: nodeUrl(), nodeType: schemaType() }\" />\n        }\n        @if (canOpen()) {\n          <he-svg-icon [name]=\"isOpen() ? 'minus' : 'plus'\" />\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            propertyError;\n            context: { property: nodeProperty(), classes: 'is-my-1 is-py-1 is-px-3' }\n          \" />\n      }\n    }\n\n    @if (unmatchedErrors().length) {\n      @for (property of unmatchedErrors(); track property.id) {\n        <ng-container *ngTemplateOutlet=\"propertyError; context: { property, classes: 'is-my-1 is-py-1 is-px-3' }\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n\n    @if (isOpen()) {\n      <ng-container *ngTemplateOutlet=\"propertyMap; context: { $implicit: nodeProperty() }\" />\n    }\n  </div>\n\n  <ng-content />\n</div>\n\n<ng-template #propertyKeyTooltip let-property=\"property\">\n  <markdown [data]=\"property.schema.description\" />\n</ng-template>\n\n<ng-template #propertyKey let-property=\"property\">\n  @if (property.schema?.description) {\n    <span\n      class=\"trigger-popover | property-key\"\n      [ngbTooltip]=\"propertyKeyTooltip\"\n      [tooltipContext]=\"{ property }\"\n      triggers=\"click\"\n      autoClose=\"outside\"\n      tooltipClass=\"property-tooltip\"\n      placement=\"bottom-left auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation()\">\n      <span>{{ property.key }}</span>\n    </span>\n  } @else {\n    <span>{{ property.key }}</span>\n  }\n</ng-template>\n\n<ng-template #propertyContent let-property=\"property\">\n  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n    <div class=\"is-flex has-text-secondary\">\n      <ng-container *ngTemplateOutlet=\"propertyKey; context: { property }\" />\n      <span>:</span>\n    </div>\n\n    @if (property.isCollapsible && property.showMaxLength) {\n      <span class=\"is-flex is-size-7 | property-value\">\n        {{ property.value | ellipsis: property.showMaxLength }}\n      </span>\n\n      <a class=\"is-flex is-size-7\" (click)=\"property.showMaxLength = 0\">Show more</a>\n    } @else {\n      <span class=\"is-flex is-size-7 | property-value\">\n        {{ property.value }}\n      </span>\n    }\n\n    @if (property.schema?.internal && property.key !== 'originalId') {\n      <div class=\"property-internal\" ngbTooltip=\"This value is auto-generated.\">\n        <he-svg-icon name=\"autogenerate-circle\" />\n      </div>\n    }\n\n    <div class=\"copy-button\">\n      <he-clipboard [value]=\"property.value\" [hideText]=\"true\" />\n    </div>\n  </div>\n\n  <div class=\"is-flex is-gap-8\">\n    @if (property.externalUrl?.url) {\n      <a\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\n        class=\"ml-2\"\n        [ngClass]=\"{ 'is-info': property.key === 'type' }\"\n        [attr.disabled]=\"property.externalUrl.urlParamValue && !property.value ? true : null\">\n        <he-svg-icon [name]=\"property.externalUrl.icon || 'external-link'\" />\n      </a>\n    }\n  </div>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    @if (property.properties.length) {\n      <div class=\"is-flex is-flex-direction-column is-flex-wrap-wrap w-100 | properties-container\">\n        <div\n          class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-4 has-text-secondary w-100 | properties-container--title\"\n          (click)=\"property.isOpen = !property.isOpen\"\n          pointer\n          [class.is-open]=\"property.isOpen\"\n          [class.is-group-error-danger]=\"property.hasError\"\n          [class.is-group-error-warning]=\"!property.hasError && property.hasWarning\">\n          <div class=\"is-flex is-gap-8 has-text-weight-bold\">\n            <!-- @if (property.schemaType === SchemaType.Term) {\n              <he-node-icon [type]=\"property.schemaType\" />\n            } -->\n            <ng-container *ngTemplateOutlet=\"propertyKey; context: { property }\" />\n          </div>\n          <he-svg-icon [name]=\"property.isOpen ? 'minus' : 'plus'\" />\n        </div>\n        @if (property.isOpen) {\n          @if (property.error) {\n            <ng-container *ngTemplateOutlet=\"propertyError; context: { property, classes: 'is-my-1 is-px-3' }\" />\n          }\n          @if (property.isArray) {\n            <div class=\"py-2 px-3 w-100\">\n              @if (property.hasError) {\n                <div class=\"is-flex is-align-items-center is-size-7 is-italic is-mb-2 has-text-warning\">\n                  <he-svg-icon name=\"exclamation-triangle\" />\n                  <span class=\"is-pl-2\">Only showing items in error.</span>\n                  <a class=\"is-pl-1\" (click)=\"showAllErrors.set(true)\">Show all items</a>\n                </div>\n              }\n\n              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key && (showAllErrors() || !property.hasError || prop2.hasError)) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-2 is-mb-2 | property-array-number\">\n                      <span class=\"has-text-info is-px-1 | number-tag\">{{ prop2.key }}</span>\n                    </div>\n                    @if (prop2.error) {\n                      <ng-container\n                        *ngTemplateOutlet=\"propertyError; context: { property: prop2, classes: 'is-py-1 is-px-3' }\" />\n                    }\n                    <div class=\"p-3\">\n                      <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n                        @for (prop3 of prop2.properties; track trackByProperty($index, prop3)) {\n                          <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop3 }\" />\n                        }\n                      </div>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          } @else {\n            <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n              }\n            </div>\n          }\n        }\n      </div>\n    } @else {\n      <div\n        class=\"is-flex is-flex-direction-column is-gap-4 | property-container\"\n        [class.is-error-danger]=\"property.hasError\"\n        [class.is-error-warning]=\"!property.hasError && property.hasWarning\">\n        <div\n          class=\"is-flex is-flex-direction-row is-align-items-center is-justify-content-space-between is-gap-4 | field-container\">\n          @if (property.key) {\n            <ng-container *ngTemplateOutlet=\"propertyContent; context: { property }\" />\n          }\n        </div>\n        @if (property.hasError || property.hasWarning) {\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n        }\n      </div>\n    }\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\" let-classes=\"classes\">\n  @if (property.error?.message) {\n    <div\n      class=\"is-flex is-flex-direction-row is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{ classes }} | property-error\"\n      [class.is-error-danger]=\"property.hasError\"\n      [class.is-error-warning]=\"!property.hasError && property.hasWarning\">\n      @if (property.hasError) {\n        <he-svg-icon name=\"xmark-circle\" size=\"24\" class=\"has-text-danger is-flex-grow-0\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" size=\"24\" class=\"has-text-warning is-flex-grow-0\" />\n      }\n\n      <div class=\"is-flex is-flex-grow-1\">\n        <span [innerHTML]=\"property.error.message\"></span>\n      </div>\n\n      @if (errorGuidePrefix() && property.errorGuidePageId) {\n        <he-guide-overlay class=\"is-flex-grow-0\" [pageId]=\"errorGuidePrefix() + property.errorGuidePageId\" />\n      }\n\n      @if (property.error.index >= 0) {\n        @if (property.hasWarning) {\n          <a (click)=\"resolveError(property)\">\n            <he-svg-icon name=\"checkmark\" />\n            <span class=\"is-pl-2\">Resolved</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #propertyMap let-property>\n  @if (showMap()) {\n    <div class=\"is-flex is-flex-direction-column is-flex-wrap-wrap w-100 | properties-container\">\n      <div\n        class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-4 w-100 | properties-container--title\"\n        (click)=\"mapVisible.set(!mapVisible())\"\n        pointer\n        [class.is-open]=\"mapVisible()\">\n        <span class=\"is-size-6\">View on Map</span>\n        <he-svg-icon [name]=\"mapVisible() ? 'minus' : 'plus'\" />\n      </div>\n      @if (mapVisible()) {\n        <he-sites-maps [sites]=\"[node()]\" [showNotice]=\"false\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #nodeLink let-url=\"url\" let-nodeType=\"nodeType\">\n  <a class=\"external-link\" [href]=\"url\" target=\"_blank\">\n    <span class=\"is-hidden-mobile\">View</span>\n    <span class=\"is-hidden-mobile is-pl-1\">{{ nodeType }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [".notification{color:#0a0a0a!important}.notification.is-success{background-color:#d5f3d8}.notification.is-success *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-success>fa-icon,.notification.is-success *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-success>he-svg-icon{color:#48c78e}.notification.is-info{background-color:#d3ebed}.notification.is-info *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-info>fa-icon,.notification.is-info *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-info>he-svg-icon{color:#249da5}.notification.is-warning{background-color:#ffdec0}.notification.is-warning *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-warning>fa-icon,.notification.is-warning *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-warning>he-svg-icon{color:#ff881b}.notification.is-danger{background-color:#ffcdd0}.notification.is-danger *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-danger>fa-icon,.notification.is-danger *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-danger>he-svg-icon{color:#ff3844}he-sites-maps{height:200px}.external-link{color:#4c7194}.files-form-container{box-shadow:2px 2px 4px #00000029;background-color:#fff}.files-form-header{padding:10px 12px;background-color:#dbe3ea;border-top-left-radius:3px;border-top-right-radius:3px}.properties-container--title,.property-container{padding:6px 12px}.property-container{flex:none;flex-grow:1;min-width:50%;max-width:100%;border:1px solid #f5f5f5}.property-container.is-error-danger{border-color:#ff3844}.property-container.is-error-warning{border-color:#ff881b}.properties-container--title{border-top:1px solid #dbe3ea;border-bottom:1px solid #dbe3ea;background:#f5f7f9}.properties-container .properties-container{border-radius:6px;border:1px solid #dbe3ea;margin:4px 0}.properties-container .properties-container--title{border-top:none}.property-internal{color:#249da5}.property-key,.property-value{word-break:break-word}.property-array-container{border-radius:6px;border:1px solid #dbdbdb}.number-tag{border:1px solid #249da5;border-radius:50%}.copy-button{visibility:hidden}.field-container:hover .copy-button{visibility:visible}.is-group-error-danger{background-color:#ffcdd0}.is-group-error-warning{background-color:#ffdec0}.property-error.is-error-danger{background-color:#ffeced}.field-container+.property-error.is-error-danger{background-color:transparent;color:#ff3844!important}.property-error.is-error-warning{background-color:#fff5ec}.field-container+.property-error.is-error-warning{background-color:transparent;color:#ff881b!important}::ng-deep .property-tooltip{background-color:#fff;color:#0a0a0a;border:1px solid #dbdbdb;z-index:11;max-width:50vw;max-height:50vh;overflow:auto}::ng-deep .property-tooltip pre{white-space:pre-wrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { kind: "component", type: SitesMapsComponent, selector: "he-sites-maps", inputs: ["loadPolygons", "sites", "zoom", "showNotice"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FilesFormComponent, isStandalone: true, selector: "he-files-form", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, showNodeLink: { classPropertyName: "showNodeLink", publicName: "showNodeLink", isSignal: true, isRequired: false, transformFunction: null }, errorGuidePrefix: { classPropertyName: "errorGuidePrefix", publicName: "errorGuidePrefix", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", nodeErorrResolved: "nodeErorrResolved" }, exportAs: ["filesForm"], ngImport: i0, template: "<div class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch | files-form-container\">\n  <div\n    class=\"is-flex is-flex-direction-row is-justify-content-space-between is-align-items-center is-align-self-stretch is-gap-16 px-4 py-2 has-text-secondary | files-form-header\"\n    (click)=\"isOpen.set(!isOpen())\"\n    pointer>\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (nodeProperty()) {\n        <he-node-icon class=\"is-flex\" [type]=\"schemaType()\" [size]=\"24\" />\n        <span class=\"has-text-weight-bold has-text-secondary is-size-5\">{{ schemaType() }}</span>\n        @if (nodeProperty().hasError || hasError()) {\n          <he-svg-icon name=\"xmark-circle\" class=\"has-text-danger is-flex is-align-items-center\" />\n          <span class=\"has-text-danger has-text-weight-bold is-italic\">Error</span>\n        } @else if (nodeProperty().hasWarning || hasWarning()) {\n          <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning is-flex is-align-items-center\" />\n          <span class=\"has-text-warning has-text-weight-bold is-italic\">Warning</span>\n        }\n      }\n    </div>\n    @if ((showNodeLink() && nodeUrl()) || canOpen()) {\n      <div class=\"is-flex is-flex-direction-row is-align-items-center is-gap-16\">\n        @if (showNodeLink() && nodeUrl()) {\n          <ng-container *ngTemplateOutlet=\"nodeLink; context: { url: nodeUrl(), nodeType: schemaType() }\" />\n        }\n        @if (canOpen()) {\n          <he-svg-icon [name]=\"isOpen() ? 'minus' : 'plus'\" />\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"is-flex is-flex-direction-column is-align-items-flex-start is-align-self-stretch\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            propertyError;\n            context: { property: nodeProperty(), classes: 'is-my-1 is-py-1 is-px-3' }\n          \" />\n      }\n    }\n\n    @if (unmatchedErrors().length) {\n      @for (property of unmatchedErrors(); track property.id) {\n        <ng-container *ngTemplateOutlet=\"propertyError; context: { property, classes: 'is-my-1 is-py-1 is-px-3' }\" />\n      }\n    }\n\n    <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n\n    @if (isOpen()) {\n      <ng-container *ngTemplateOutlet=\"propertyMap; context: { $implicit: nodeProperty() }\" />\n    }\n  </div>\n\n  <ng-content />\n</div>\n\n<ng-template #propertyKeyTooltip let-property=\"property\">\n  <markdown [data]=\"property.schema.description\" />\n</ng-template>\n\n<ng-template #propertyKey let-property=\"property\">\n  @if (property.schema?.description) {\n    <span\n      class=\"trigger-popover | property-key\"\n      [ngbTooltip]=\"propertyKeyTooltip\"\n      [tooltipContext]=\"{ property }\"\n      triggers=\"click\"\n      autoClose=\"outside\"\n      tooltipClass=\"property-tooltip\"\n      placement=\"bottom-left auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation()\">\n      <span>{{ property.key }}</span>\n    </span>\n  } @else {\n    <span>{{ property.key }}</span>\n  }\n</ng-template>\n\n<ng-template #propertyContent let-property=\"property\">\n  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n    <div class=\"is-flex has-text-secondary\">\n      <ng-container *ngTemplateOutlet=\"propertyKey; context: { property }\" />\n      <span>:</span>\n    </div>\n\n    @if (property.isCollapsible && property.showMaxLength) {\n      <span class=\"is-flex is-size-7 | property-value\">\n        {{ property.value | ellipsis: property.showMaxLength }}\n      </span>\n\n      <a class=\"is-flex is-size-7\" (click)=\"property.showMaxLength = 0\">Show more</a>\n    } @else {\n      <span class=\"is-flex is-size-7 | property-value\">\n        {{ property.value }}\n      </span>\n    }\n\n    @if (property.schema?.internal && property.key !== 'originalId') {\n      <div class=\"property-internal\" ngbTooltip=\"This value is auto-generated.\">\n        <he-svg-icon name=\"autogenerate-circle\" />\n      </div>\n    }\n\n    <div class=\"copy-button\">\n      <he-clipboard [value]=\"property.value\" [hideText]=\"true\" />\n    </div>\n  </div>\n\n  <div class=\"is-flex is-gap-8\">\n    @if (property.externalUrl?.url) {\n      <a\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\n        class=\"ml-2\"\n        [ngClass]=\"{ 'is-info': property.key === 'type' }\"\n        [attr.disabled]=\"property.externalUrl.urlParamValue && !property.value ? true : null\">\n        <he-svg-icon [name]=\"property.externalUrl.icon || 'external-link'\" />\n      </a>\n    }\n  </div>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    @if (property.properties.length) {\n      <div class=\"is-flex is-flex-direction-column is-flex-wrap-wrap w-100 | properties-container\">\n        <div\n          class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-4 has-text-secondary w-100 | properties-container--title\"\n          (click)=\"property.isOpen = !property.isOpen\"\n          pointer\n          [class.is-open]=\"property.isOpen\"\n          [class.is-group-error-danger]=\"property.hasError\"\n          [class.is-group-error-warning]=\"!property.hasError && property.hasWarning\">\n          <div class=\"is-flex is-gap-8 has-text-weight-bold\">\n            <!-- @if (property.schemaType === SchemaType.Term) {\n              <he-node-icon [type]=\"property.schemaType\" />\n            } -->\n            <ng-container *ngTemplateOutlet=\"propertyKey; context: { property }\" />\n          </div>\n          <he-svg-icon [name]=\"property.isOpen ? 'minus' : 'plus'\" />\n        </div>\n        @if (property.isOpen) {\n          @if (property.error) {\n            <ng-container *ngTemplateOutlet=\"propertyError; context: { property, classes: 'is-my-1 is-px-3' }\" />\n          }\n          @if (property.isArray) {\n            <div class=\"py-2 px-3 w-100\">\n              @if (property.hasError) {\n                <div class=\"is-flex is-align-items-center is-size-7 is-italic is-mb-2 has-text-warning\">\n                  <he-svg-icon name=\"exclamation-triangle\" />\n                  <span class=\"is-pl-2\">Only showing items in error.</span>\n                  <a class=\"is-pl-1\" (click)=\"showAllErrors.set(true)\">Show all items</a>\n                </div>\n              }\n\n              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key && (showAllErrors() || !property.hasError || prop2.hasError)) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-2 is-mb-2 | property-array-number\">\n                      <span class=\"has-text-info is-px-1 | number-tag\">{{ prop2.key }}</span>\n                    </div>\n                    @if (prop2.error) {\n                      <ng-container\n                        *ngTemplateOutlet=\"propertyError; context: { property: prop2, classes: 'is-py-1 is-px-3' }\" />\n                    }\n                    <div class=\"p-3\">\n                      <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n                        @for (prop3 of prop2.properties; track trackByProperty($index, prop3)) {\n                          <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop3 }\" />\n                        }\n                      </div>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          } @else {\n            <div class=\"is-flex is-flex-direction-row is-flex-wrap-wrap is-align-self-stretch\">\n              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n              }\n            </div>\n          }\n        }\n      </div>\n    } @else {\n      <div\n        class=\"is-flex is-flex-direction-column is-gap-4 | property-container\"\n        [class.is-error-danger]=\"property.hasError\"\n        [class.is-error-warning]=\"!property.hasError && property.hasWarning\">\n        <div\n          class=\"is-flex is-flex-direction-row is-align-items-center is-justify-content-space-between is-gap-4 | field-container\">\n          @if (property.key) {\n            <ng-container *ngTemplateOutlet=\"propertyContent; context: { property }\" />\n          }\n        </div>\n        @if (property.hasError || property.hasWarning) {\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n        }\n      </div>\n    }\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\" let-classes=\"classes\">\n  @if (property.error?.message) {\n    <div\n      class=\"is-flex is-flex-direction-row is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{ classes }} | property-error\"\n      [class.is-error-danger]=\"property.hasError\"\n      [class.is-error-warning]=\"!property.hasError && property.hasWarning\">\n      @if (property.hasError) {\n        <he-svg-icon name=\"xmark-circle\" size=\"24\" class=\"has-text-danger is-flex-grow-0\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" size=\"24\" class=\"has-text-warning is-flex-grow-0\" />\n      }\n\n      <div class=\"is-flex is-flex-grow-1\">\n        <span [innerHTML]=\"property.error.message\"></span>\n      </div>\n\n      @if (errorGuidePrefix() && property.errorGuidePageId) {\n        <he-guide-overlay class=\"is-flex-grow-0\" [pageId]=\"errorGuidePrefix() + property.errorGuidePageId\" />\n      }\n\n      @if (property.error.index >= 0) {\n        @if (property.hasWarning) {\n          <a (click)=\"resolveError(property)\">\n            <he-svg-icon name=\"checkmark\" />\n            <span class=\"is-pl-2\">Resolved</span>\n          </a>\n        }\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #propertyMap let-property>\n  @if (showMap()) {\n    <div class=\"is-flex is-flex-direction-column is-flex-wrap-wrap w-100 | properties-container\">\n      <div\n        class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-4 w-100 | properties-container--title\"\n        (click)=\"mapVisible.set(!mapVisible())\"\n        pointer\n        [class.is-open]=\"mapVisible()\">\n        <span class=\"is-size-6\">View on Map</span>\n        <he-svg-icon [name]=\"mapVisible() ? 'minus' : 'plus'\" />\n      </div>\n      @if (mapVisible()) {\n        <he-sites-maps [sites]=\"[node()]\" [showNotice]=\"false\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #nodeLink let-url=\"url\" let-nodeType=\"nodeType\">\n  <a class=\"external-link\" [href]=\"url\" target=\"_blank\">\n    <span class=\"is-hidden-mobile\">View</span>\n    <span class=\"is-hidden-mobile is-pl-1\">{{ nodeType }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [".notification{color:#0a0a0a!important}.notification.is-success{background-color:#d5f3d8}.notification.is-success *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-success>fa-icon,.notification.is-success *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-success>he-svg-icon{color:#48c78e}.notification.is-info{background-color:#d3ebed}.notification.is-info *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-info>fa-icon,.notification.is-info *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-info>he-svg-icon{color:#249da5}.notification.is-warning{background-color:#ffdec0}.notification.is-warning *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-warning>fa-icon,.notification.is-warning *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-warning>he-svg-icon{color:#ff881b}.notification.is-danger{background-color:#ffcdd0}.notification.is-danger *:not(.button):not(.icon):not(.dropdown-item)>fa-icon,.notification.is-danger>fa-icon,.notification.is-danger *:not(.button):not(.icon):not(.dropdown-item)>he-svg-icon,.notification.is-danger>he-svg-icon{color:#ff3844}he-sites-maps{height:200px}.external-link{color:#4c7194}.files-form-container{box-shadow:2px 2px 4px #00000029;background-color:#fff}.files-form-header{padding:10px 12px;background-color:#dbe3ea;border-top-left-radius:3px;border-top-right-radius:3px}.properties-container--title,.property-container{padding:6px 12px}.property-container{flex:none;flex-grow:1;min-width:50%;max-width:100%;border:1px solid #f5f5f5}.property-container.is-error-danger{border-color:#ff3844}.property-container.is-error-warning{border-color:#ff881b}.properties-container--title{border-top:1px solid #dbe3ea;border-bottom:1px solid #dbe3ea;background:#f5f7f9}.properties-container .properties-container{border-radius:6px;border:1px solid #dbe3ea;margin:4px 0}.properties-container .properties-container--title{border-top:none}.property-internal{color:#249da5}.property-key,.property-value{word-break:break-word}.property-array-container{border-radius:6px;border:1px solid #dbdbdb}.number-tag{border:1px solid #249da5;border-radius:50%}.copy-button{visibility:hidden}.field-container:hover .copy-button{visibility:visible}.is-group-error-danger{background-color:#ffcdd0}.is-group-error-warning{background-color:#ffdec0}.property-error.is-error-danger{background-color:#ffeced}.field-container+.property-error.is-error-danger{background-color:transparent;color:#ff3844!important}.property-error.is-error-warning{background-color:#fff5ec}.field-container+.property-error.is-error-warning{background-color:transparent;color:#ff881b!important}::ng-deep .property-tooltip{background-color:#fff;color:#0a0a0a;border:1px solid #dbdbdb;z-index:11;max-width:50vw;max-height:50vh;overflow:auto}::ng-deep .property-tooltip pre{white-space:pre-wrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { kind: "component", type: SitesMapsComponent, selector: "he-sites-maps", inputs: ["loadPolygons", "sites", "zoom", "showNotice"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilesFormComponent, decorators: [{
             type: Component$1,
@@ -14149,7 +14151,7 @@ class SitesManagementChartComponent {
             datasets: Object.entries(this.chartValues()).map(([label, data]) => ({
                 label,
                 data: sortedPoints(data),
-                backgroundColor: context => (context.raw.y === 0 ? 'transparent' : this.chartColors()[label]),
+                backgroundColor: context => (context.raw?.y === 0 ? 'transparent' : this.chartColors()[label]),
                 barPercentage: 3,
                 barThickness: 'flex',
                 order: 2