@hestia-earth/ui-components 0.32.64 → 0.32.66

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

@@ -10,12 +10,12 @@ import { catchError, map, debounceTime, distinctUntilChanged, tap, switchMap, me
 import { of, zip, ReplaySubject, timer, combineLatest, pipe, fromEvent, EMPTY, animationFrameScheduler, Subject, forkJoin, from, merge as merge$1 } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import get from 'lodash.get';
-import { SCHEMA_VERSION, SchemaType, NodeType, TermTermType, productTermTermType, nestedSearchableKeys, EmissionMethodTier, isExpandable, sortKeysByType, isTypeNode, BlankNodesKey, impactAssessmentTermTermType, measurementTermTermType, emissionTermTermType, inputTermTermType, CycleFunctionalUnit, NonBlankNodesKey, jsonldPath, SiteSiteType, isTypeValid, isTypeBlankNode, typeToSchemaType, managementTermTermType } from '@hestia-earth/schema';
+import { SCHEMA_VERSION, SchemaType, NodeType, TermTermType, productTermTermType, nestedSearchableKeys, SiteSiteType, EmissionMethodTier, isExpandable, sortKeysByType, isTypeNode, BlankNodesKey, impactAssessmentTermTermType, measurementTermTermType, emissionTermTermType, inputTermTermType, CycleFunctionalUnit, NonBlankNodesKey, jsonldPath, isTypeValid, isTypeBlankNode, typeToSchemaType, managementTermTermType } from '@hestia-earth/schema';
 import * as i1$3 from 'angular-svg-icon';
 import { SvgIconComponent, AngularSvgIconModule } from 'angular-svg-icon';
 import merge from 'lodash.merge';
 import Chart, { Chart as Chart$1 } from 'chart.js';
-import { getPercentileValue, toPrecision, isEmpty, unique, monthsBefore, isNumber, isUndefined, toComma, keyToLabel, isEqual as isEqual$2, sum, diffInDays } from '@hestia-earth/utils';
+import { getPercentileValue, toPrecision, isEmpty, unique, monthsBefore, isNumber, isUndefined, toComma, keyToLabel, isEqual as isEqual$2, sum, toDashCase, diffInDays } from '@hestia-earth/utils';
 import Gradient from 'javascript-color-gradient';
 import { ShadeGenerator } from 'shade-generator/dist/shadeGenerator';
 import { select, selectAll } from 'd3-selection';
@@ -51,6 +51,7 @@ import * as i2 from 'angular-svg-icon-preloader';
 import { AngularSvgIconPreloaderModule } from 'angular-svg-icon-preloader';
 import { parse } from 'papaparse';
 import omit from 'lodash.omit';
+import { validationsByMessage } from '@hestia-earth/data-validation';
 import moment from 'moment';
 import 'moment/locale/en-gb';
 import { v4 } from 'uuid';
@@ -1533,6 +1534,20 @@ const measurementValue = ({ value, depthLower, depthUpper, nodes }, termId) => n
     : hasMultipleValues(value) && hasMultipleValues(depthLower) && hasMultipleValues(depthUpper)
         ? weighedAverage({ value, depthLower, depthUpper })
         : propertyValue$1(value, termId);
+const siteTypeToIcon = {
+    [SiteSiteType['agri-food processor']]: 'foodprocessor',
+    [SiteSiteType['animal housing']]: 'livestock',
+    [SiteSiteType.cropland]: 'husk',
+    [SiteSiteType['food retailer']]: 'retailer',
+    [SiteSiteType.forest]: 'tree',
+    [SiteSiteType['glass or high accessible cover']]: 'greenhouse',
+    [SiteSiteType.lake]: 'lake',
+    [SiteSiteType['other natural vegetation']]: 'shrub',
+    [SiteSiteType['permanent pasture']]: 'fence',
+    [SiteSiteType.pond]: 'pond',
+    [SiteSiteType['river or stream']]: 'river',
+    [SiteSiteType['sea or ocean']]: 'ocean'
+};
 
 /* eslint-disable-next-line complexity */
 const formatDate = (date, isStart = false) => date?.length === 4
@@ -7891,11 +7906,13 @@ class TermsUnitsDescriptionComponent {
         this.content = computed(() => this.term()?.unitsDescription);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsUnitsDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsUnitsDescriptionComponent, isStandalone: true, selector: "he-terms-units-description", inputs: { term: { classPropertyName: "term", publicName: "term", isSignal: true, isRequired: true, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (content()) {\n  <span class=\"has-text-secondary\" [ngbTooltip]=\"content()\" placement=\"bottom\" container=\"body\">\n    <ng-container *ngTemplateOutlet=\"iconTemplate() || defaultIconTemplate\" />\n  </span>\n}\n\n<ng-template #defaultIconTemplate>\n  <he-svg-icon name=\"help-circle\" />\n</ng-template>\n", styles: [""], 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsUnitsDescriptionComponent, isStandalone: true, selector: "he-terms-units-description", inputs: { term: { classPropertyName: "term", publicName: "term", isSignal: true, isRequired: true, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-hidden": "!content()" } }, ngImport: i0, template: "@if (content()) {\n  <span class=\"has-text-secondary\" [ngbTooltip]=\"content()\" placement=\"bottom\" container=\"body\">\n    <ng-container *ngTemplateOutlet=\"iconTemplate() || defaultIconTemplate\" />\n  </span>\n}\n\n<ng-template #defaultIconTemplate>\n  <he-svg-icon name=\"help-circle\" />\n</ng-template>\n", styles: [""], 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsUnitsDescriptionComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-terms-units-description', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgbTooltip, NgTemplateOutlet, HESvgIconComponent], template: "@if (content()) {\n  <span class=\"has-text-secondary\" [ngbTooltip]=\"content()\" placement=\"bottom\" container=\"body\">\n    <ng-container *ngTemplateOutlet=\"iconTemplate() || defaultIconTemplate\" />\n  </span>\n}\n\n<ng-template #defaultIconTemplate>\n  <he-svg-icon name=\"help-circle\" />\n</ng-template>\n" }]
+            args: [{ selector: 'he-terms-units-description', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgbTooltip, NgTemplateOutlet, HESvgIconComponent], host: {
+                        '[class.is-hidden]': '!content()'
+                    }, template: "@if (content()) {\n  <span class=\"has-text-secondary\" [ngbTooltip]=\"content()\" placement=\"bottom\" container=\"body\">\n    <ng-container *ngTemplateOutlet=\"iconTemplate() || defaultIconTemplate\" />\n  </span>\n}\n\n<ng-template #defaultIconTemplate>\n  <he-svg-icon name=\"help-circle\" />\n</ng-template>\n" }]
         }] });
 
 var View$2;
@@ -9054,6 +9071,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 /* eslint-disable complexity */
 /* eslint-disable max-len */
 /* eslint-disable no-useless-escape */
+const guidePageId = (nodeType, errorMessage) => [`guide-data-validation${toDashCase(nodeType)}`, validationsByMessage?.[errorMessage]?.[0]].filter(Boolean).join('#');
 const mapErrorMessage = 'does not contain latitude and longitude';
 const parseDataPath = (dataPath = '') => {
     const [_, ...paths] = dataPath
@@ -9615,7 +9633,15 @@ const customErrorMessage = {
     Otherwise, set ${schemaLink('Completeness#water', 'completeness.water')}=${code(false)}.`,
     'management date must be before cycle start date': ({ params }) => `The Site Management dates must not overlap with the first Cycle start date: ${code(params.expected)}.
     Note: if the ${schemaLink('Cycle#startDate', 'Cycle startDate')} is not provided, the ${schemaLink('Cycle#cycleDuration', 'cycleDuration')} can be used to set the earliest date of overlap.`,
-    'must be in the same format as endDate': () => `The date format does not match the format of ${code('endDate')}. You must use the same date format for both fields.`
+    'must be in the same format as endDate': () => `The date format does not match the format of ${code('endDate')}. You must use the same date format for both fields.`,
+    'must be at least equal to the minimum value': ({ params: { min } }) => `Must be at least equal to ${min}`,
+    'must equal to endDate - startDate in days': ({ params: { expected } }) => `Must be equal to ${code('endDate')} - ${code('startDate')} in days (~${expected})`,
+    'must equal to endDate - startDate in decimal years': ({ params: { expected } }) => `Must be equal to ${code('endDate')} - ${code('startDate')} in years (~${expected})`,
+    'must be more than or equal to other crop residues': ({ params: { expected } }) => `Must be more than or equal to sum(${expected.join(' + ')})`,
+    'should add missing inputs': ({ params: { expected } }) => `Should add missing inputs: ${expected.map(code).join(', ')}`,
+    'the property value type is incorrect': ({ params: { expected } }) => `The value must be a ${expected}.`,
+    'the node value type is incorrect': ({ params: { expected } }) => `The value must be a ${expected}.`,
+    'can not be linked to the same type': ({ params: { current } }) => `Cannot be linked to the same ${current}`
 };
 const requiredPropertyError = (message, error) => {
     const field = message.split("'")[1].replace("'", '');
@@ -9984,6 +10010,7 @@ const missingPropertyErrors = (node, errors, parent = '') => {
                 value: '',
                 editable: false,
                 error: formatError(error),
+                errorGuidePageId: guidePageId(node.type, error?.message),
                 hasError: missingOneOf ? false : errorHasError(error),
                 hasWarning: missingOneOf || errorHasWarning(error),
                 properties: [],
@@ -10044,6 +10071,7 @@ const propertyFromNode = (schemas, errors, nodeSchema, deepEditable, parent = ''
         newProperty: {},
         newError: { level: 'warning' },
         error: formatError(error),
+        errorGuidePageId: guidePageId(nodeType, error?.message),
         isHidden: parent && isKeyHidden(key),
         closedVisible: isKeyClosedVisible(key),
         hasError: inError,
@@ -10429,6 +10457,7 @@ class FilesFormComponent {
                 key: '',
                 value: {},
                 error: formatError(this.nodeError()),
+                errorGuidePageId: guidePageId(this.schemaType(), this.nodeError()?.message),
                 hasError: errorHasError(this.nodeError()),
                 hasWarning: errorHasWarning(this.nodeError()),
                 suggestions: {},
@@ -10462,7 +10491,7 @@ class FilesFormComponent {
         return focusFirstError(this.ref.nativeElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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 } }, 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()\" />\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=\"propertyError; context: { property: nodeProperty(), classes: 'is-my-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              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-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-my-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-flex-wrap-wrap is-align-items-center is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{\n        classes\n      }} | 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\" class=\"has-text-danger\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning\" />\n      }\n      <div [innerHTML]=\"property.error.message\"></div>\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:#f14668}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:#f14668}.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:#e13939!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", "svgClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "clipboardClass"] }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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 } }, 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()\" />\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=\"propertyError; context: { property: nodeProperty(), classes: 'is-my-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              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-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-my-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-flex-wrap-wrap is-align-items-center is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{\n        classes\n      }} | 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\" class=\"has-text-danger\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning\" />\n      }\n      <div [innerHTML]=\"property.error.message\"></div>\n      @if (property.errorGuidePageId) {\n        <he-guide-overlay [pageId]=\"property.errorGuidePageId\" />\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:#f14668}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:#f14668}.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:#e13939!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", "svgClass"] }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilesFormComponent, decorators: [{
             type: Component$1,
@@ -10476,8 +10505,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         SitesMapsComponent,
                         HESvgIconComponent,
                         ClipboardComponent,
+                        GuideOverlayComponent,
                         EllipsisPipe
-                    ], 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()\" />\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=\"propertyError; context: { property: nodeProperty(), classes: 'is-my-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              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-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-my-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-flex-wrap-wrap is-align-items-center is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{\n        classes\n      }} | 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\" class=\"has-text-danger\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning\" />\n      }\n      <div [innerHTML]=\"property.error.message\"></div>\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:#f14668}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:#f14668}.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:#e13939!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"] }]
+                    ], 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()\" />\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=\"propertyError; context: { property: nodeProperty(), classes: 'is-my-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              @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                @if (prop2.key) {\n                  <div class=\"pt-2 my-4 | property-array-container\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                    <div class=\"ml-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-my-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-flex-wrap-wrap is-align-items-center is-gap-8 is-size-6 is-m-0 w-100 has-text-grey {{\n        classes\n      }} | 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\" class=\"has-text-danger\" />\n      } @else {\n        <he-svg-icon name=\"exclamation-triangle\" class=\"has-text-warning\" />\n      }\n      <div [innerHTML]=\"property.error.message\"></div>\n      @if (property.errorGuidePageId) {\n        <he-guide-overlay [pageId]=\"property.errorGuidePageId\" />\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:#f14668}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:#f14668}.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:#e13939!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"] }]
         }] });
 
 class SchemaInfoComponent {
@@ -10571,6 +10601,7 @@ class FilesFormEditableComponent {
                 key: '',
                 value: {},
                 error: formatError(this.nodeError()),
+                errorGuidePageId: guidePageId(this.schemaType(), this.nodeError()?.message),
                 hasError: errorHasError(this.nodeError()),
                 hasWarning: errorHasWarning(this.nodeError()),
                 suggestions: {},
@@ -10841,7 +10872,7 @@ class FilesFormEditableComponent {
         return this.propertyChanged(value, array);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilesFormEditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: FilesFormEditableComponent, isStandalone: true, selector: "he-files-form-editable", 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 }, nodeMap: { classPropertyName: "nodeMap", publicName: "nodeMap", isSignal: true, isRequired: false, transformFunction: null }, showSuggestedDefaultProperties: { classPropertyName: "showSuggestedDefaultProperties", publicName: "showSuggestedDefaultProperties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", nodeChanged: "nodeChanged" }, ngImport: i0, template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen.set(!isOpen())\" pointer>\n    <he-svg-icon [name]=\"isOpen() ? 'chevron-down' : 'chevron-right'\" />\n    @if (nodeProperty()) {\n      <span\n        class=\"is-px-2\"\n        [class.has-text-danger]=\"nodeProperty().hasError\"\n        [class.has-text-warning]=\"nodeProperty().hasWarning\">\n        <he-node-icon [type]=\"schemaType()\" />\n      </span>\n    }\n  </div>\n\n  @if (isOpen() && nodeProperty()) {\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: nodeProperty() }\" />\n  }\n\n  <div class=\"card-content\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <div class=\"py-4 pl-4\">\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property: nodeProperty() }\" />\n        </div>\n      }\n    }\n\n    <div class=\"columns is-multiline\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n  </div>\n\n  <ng-content />\n</div>\n\n@if (!!bibliographiesSearchProperty()) {\n  <he-bibliographies-search-confirm\n    [search]=\"bibliographiesSearchProperty().value\"\n    [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty())\"\n    [searchSources]=\"bibliographiesSearchSources\"\n    (closed)=\"onBibliographiesSearchClosed($event)\" />\n}\n\n<ng-template #labelDescription let-property>\n  <span class=\"property-key\" [ngbTooltip]=\"property.key\" placement=\"right\">\n    <span class=\"is-inline-block is-align-middle is-nowrap has-text-ellipsis\">{{ property.key }}</span>\n    @if (property.schema?.description) {\n      <he-schema-info\n        class=\"is-inline-block is-pl-1 is-align-middle\"\n        triggers=\"click\"\n        [content]=\"property.schema.description\" />\n    }\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{ property.key }}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    <div\n      class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\">\n      @if (!property.properties.length) {\n        <div class=\"columns is-multiline is-variable is-1\">\n          @if (property.key) {\n            <div class=\"column is-3 py-1\">\n              <label class=\"label has-text-right-tablet has-text-ellipsis\" [for]=\"property.id\" [title]=\"property.key\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    property.schema?.description && property.editable ? labelDescription : labelDefault;\n                    context: { $implicit: property }\n                  \" />\n              </label>\n            </div>\n          }\n          <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n            <div class=\"field\">\n              <ng-container *ngTemplateOutlet=\"inputForm; context: { $implicit: property }\" />\n              <ng-container *ngTemplateOutlet=\"propertyError; context: { property: property }\" />\n            </div>\n          </div>\n        </div>\n      }\n      @if (!!property.properties.length) {\n        <div\n          class=\"panel\"\n          [class.is-danger]=\"!property.changed && property.hasError\"\n          [class.is-warning]=\"!property.changed && property.hasWarning\"\n          [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\">\n          <div\n            class=\"open-group panel-heading py-0\"\n            (click)=\"property.isOpen = !property.isOpen\"\n            pointer\n            [class.is-open]=\"property.isOpen\"\n            [class.has-text-white]=\"property.hasError || property.hasWarning\">\n            <div class=\"columns is-mobile is-vcentered is-multiline\">\n              <span class=\"column is-narrow py-1 my-0\">\n                <he-svg-icon [name]=\"property.isOpen ? 'chevron-down' : 'chevron-right'\" />\n              </span>\n              <span class=\"column py-1 my-0\">\n                <span class=\"is-size-6\">{{ property.key }}</span>\n              </span>\n              @if (property.schemaType) {\n                <span class=\"column is-narrow py-1 my-0\">\n                  <span class=\"tags mb-0 has-addons\">\n                    <span class=\"tag mb-0 is-light\">Type</span>\n                    <span class=\"tag mb-0 is-white\">\n                      <he-schema-version-link linkClass=\"is-small\" [node]=\"{ '@type': property.schemaType }\">\n                        <span>{{ property.schemaType }}</span>\n                      </he-schema-version-link>\n                    </span>\n                  </span>\n                </span>\n              }\n              <he-popover-confirm\n                class=\"column is-narrow py-1 my-0 px-0\"\n                ngbTooltip=\"Remove group\"\n                placement=\"top\"\n                [message]=\"\n                  '<p>This will remove the group completely.</p>' +\n                  (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') +\n                  '<p>Do you confirm?</p>'\n                \"\n                popoverClass=\"px-3\"\n                (confirmed)=\"propertyChanged(null, property)\">\n                <he-svg-icon name=\"xmark\" />\n              </he-popover-confirm>\n            </div>\n          </div>\n          @if (property.isOpen) {\n            <div class=\"panel-block is-block p-0\">\n              @if (property.error) {\n                <div class=\"px-3 pt-4\">\n                  <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n                </div>\n              }\n              @if (!property.isArray) {\n                <div class=\"mt-3\">\n                  @if (!property.editable) {\n                    <p class=\"help py-1 px-2\">\n                      To change the {{ property.key }}, please delete it first, then add the field again\n                    </p>\n                  }\n                  @if (property.editable) {\n                    @switch (property.schema?.title) {\n                      @case ('Bibliography') {\n                        <p class=\"help py-1 px-2\">\n                          Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                        </p>\n                      }\n                    }\n                  }\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: property }\" />\n                  <div class=\"property-group py-2 px-3 mt-2\">\n                    <div class=\"columns is-multiline mb-0\">\n                      @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (property.isArray) {\n                <div class=\"py-2 px-3 mt-2\">\n                  @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                    @if (prop2.key) {\n                      <div class=\"card p-0 my-4\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                        <div class=\"property-array-number\">\n                          <div class=\"tags has-addons\">\n                            <span class=\"tag is-dark\">{{ prop2.key }}</span>\n                            @if (property.editable) {\n                              <span\n                                class=\"tag is-info\"\n                                pointer\n                                (click)=\"duplicateArrayGroup(property, prop2)\"\n                                [ngbTooltip]=\"'Duplicate ' + property.key | pluralize: 1\"\n                                placement=\"top\">\n                                <he-svg-icon name=\"copy\" />\n                              </span>\n                              @if (prop2.key !== '0') {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupUp(property, prop2)\"\n                                  ngbTooltip=\"Move Up\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-up\" />\n                                </span>\n                              }\n                              @if (prop2.key !== property.properties.length - 1) {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupDown(property, prop2)\"\n                                  ngbTooltip=\"Move Down\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-down\" />\n                                </span>\n                              }\n                              <he-popover-confirm\n                                class=\"tag is-delete\"\n                                [ngbTooltip]=\"'Remove ' + property.key | pluralize: 1\"\n                                placement=\"top\"\n                                message=\"This will remove the group completely. Do you confirm?\"\n                                position=\"right\"\n                                (confirmed)=\"removeArrayGroup(property, prop2)\" />\n                            }\n                          </div>\n                        </div>\n                        <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: prop2 }\" />\n                        @if (prop2.error) {\n                          <div class=\"px-4 mt-2\">\n                            <ng-container *ngTemplateOutlet=\"propertyError; context: { property: prop2 }\" />\n                          </div>\n                        }\n                        <div class=\"property-group card-content p-3\">\n                          <div class=\"columns is-multiline my-0\">\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                  @if (property.editable) {\n                    <button class=\"button is-info is-small\" type=\"button\" (click)=\"addArrayGroup(property)\">\n                      <he-svg-icon name=\"plus\" />\n                      <span class=\"pl-2\">Add</span>\n                      <span class=\"pl-1\">{{ property.key | pluralize: 1 }}</span>\n                    </button>\n                    <he-node-recommendations\n                      buttonClass=\"is-small\"\n                      [node]=\"node\"\n                      [nodeField]=\"property.key\"\n                      (selectRecommendation)=\"onSelectRecommendation(property, $event)\" />\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputForm let-property>\n  @if (property.key) {\n    @switch (property.suggestions?.type) {\n      @case ('select') {\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: { $implicit: property }\" />\n      }\n      @default {\n        <ng-container *ngTemplateOutlet=\"inputInput; context: { $implicit: property }\" />\n      }\n    }\n  }\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\" [class.has-icons-right]=\"property.loading\">\n      <input\n        class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [(ngModel)]=\"property.value\"\n        #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{\n          enabled: property.editable && property.schema?.type === 'array',\n          items: property.schema?.items,\n          delimiter: ';',\n          allowDuplicates: true,\n          placeholder: property.placeholder\n        }\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n        [ngbTypeahead]=\"property | applyPure: propertySuggest\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"property.formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\" />\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <he-svg-icon name=\"loading\" animation=\"spin\" size=\"20\" />\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div\n        class=\"select is-small is-fullwidth\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\">\n        <select\n          [(ngModel)]=\"property.value\"\n          #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\">\n          <option value=\"\">Select</option>\n          @for (value of property.suggestions.values; track trackByIndex($index, value)) {\n            <option [value]=\"value\">\n              {{ value }}\n            </option>\n          }\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  @if (!property.isRequired) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        title=\"Remove field\"\n        [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        (click)=\"$event.stopPropagation(); propertyChanged(null, property)\">\n        <he-svg-icon name=\"xmark\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  @if (property.editable) {\n    @switch (property.schemaType) {\n      @case (SchemaType.Cycle) {\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: { $implicit: property }\" />\n      }\n    }\n    @if (bibliographiesSearchKey(property)) {\n      <div class=\"control\">\n        <button class=\"button is-small\" title=\"Advanced Search\" (click)=\"bibliographiesSearchProperty.set(property)\">\n          <he-svg-icon name=\"search\" />\n        </button>\n      </div>\n    }\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: { $implicit: property }\" />\n  }\n\n  @if (property.addPropertyEnabled) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small is-danger\"\n        title=\"Add field\"\n        (click)=\"$event.stopPropagation(); addMissingProperty(property)\">\n        <he-svg-icon name=\"plus\" />\n        <span class=\"pl-2\">Add</span>\n      </a>\n    </div>\n  }\n  @if (isRequired(property)) {\n    <div class=\"control\">\n      <label class=\"button is-small is-danger\" [for]=\"property.id\" ngbTooltip=\"This field is required\" placement=\"top\">\n        <he-svg-icon name=\"exclamation-triangle\" />\n      </label>\n    </div>\n  }\n  @if (property.externalUrl?.url) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\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'\" class=\"ml-2\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  @if (property.key === 'cycleDuration') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from startDate and endDate\"\n        (click)=\"calculateCycleDuration(property)\"\n        [disabled]=\"!calculateCycleDurationEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n  @if (property.key === 'startDate') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from endDate and cycleDuration\"\n        (click)=\"calculateCycleStartDate(property)\"\n        [disabled]=\"!calculateCycleStartDateEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  @if (property.editable && property.addPropertyEnabled) {\n    <header class=\"card-header\">\n      <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n        <div class=\"field is-horizontal\">\n          <div class=\"field-label is-small\">\n            <label class=\"label\" [for]=\"property.id + '_new'\">\n              <span>Add new field</span>\n            </label>\n          </div>\n          <div class=\"field-body\">\n            <div class=\"field has-addons\">\n              <div class=\"control is-expanded\">\n                <input\n                  class=\"input is-small\"\n                  [(ngModel)]=\"property.newProperty\"\n                  [id]=\"property.id + '_new'\"\n                  name=\"randomname\"\n                  placeholder=\"Search and select field from results\"\n                  [ngbTypeahead]=\"property | applyPure: suggestNewProperty\"\n                  [resultTemplate]=\"suggestion\"\n                  [inputFormatter]=\"formatNewProperty\"\n                  [focusFirst]=\"false\"\n                  [editable]=\"false\"\n                  (focus)=\"typeaheadFocus($event)\" />\n              </div>\n              <div class=\"control\">\n                <button\n                  class=\"button is-small\"\n                  type=\"submit\"\n                  [disabled]=\"!property.newProperty || !property.newProperty.name\">\n                  <he-svg-icon name=\"plus\" />\n                  <span class=\"pl-2\">Add</span>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </form>\n    </header>\n  } @else {\n    <div class=\"pt-1\"></div>\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\">\n  @if (property.error) {\n    <p class=\"help\" [class.is-danger]=\"property.hasError\" [class.is-warning]=\"property.hasWarning\">\n      <span class=\"is-pre-wrap\" [innerHTML]=\"property.error.message\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\" />\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#f5f5f5;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width:767px){.card-toggle{position:relative}}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-key span:first-child{width:calc(100% - 20px)}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(53.55,53.55,53.55,.32)}.control>.button{height:100%}.is-danger-light{color:#c91e1e}he-sites-maps{height:200px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "pipe", type: ApplyPurePipe, name: "applyPure" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "component", type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { kind: "component", type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: ["search", "searchSources", "searchBibliographies", "searchBy"], outputs: ["searchChange", "searchSourcesChange", "searchBibliographiesChange", "searchByChange", "closed"] }, { kind: "component", type: SchemaInfoComponent, selector: "he-schema-info", inputs: ["type", "field", "content", "placement", "triggers", "container"] }, { kind: "component", type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: ["message", "content", "position", "popoverClass"], outputs: ["confirmed"] }, { kind: "component", type: NodeRecommendationsComponent, selector: "he-node-recommendations", inputs: ["node", "nodeField", "buttonClass"], outputs: ["selectRecommendation"] }, { kind: "directive", type: TagsInputDirective, selector: "[appTagsInput]", inputs: ["appTagsInput"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: FilesFormEditableComponent, isStandalone: true, selector: "he-files-form-editable", 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 }, nodeMap: { classPropertyName: "nodeMap", publicName: "nodeMap", isSignal: true, isRequired: false, transformFunction: null }, showSuggestedDefaultProperties: { classPropertyName: "showSuggestedDefaultProperties", publicName: "showSuggestedDefaultProperties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", nodeChanged: "nodeChanged" }, ngImport: i0, template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen.set(!isOpen())\" pointer>\n    <he-svg-icon [name]=\"isOpen() ? 'chevron-down' : 'chevron-right'\" />\n    @if (nodeProperty()) {\n      <span\n        class=\"is-px-2\"\n        [class.has-text-danger]=\"nodeProperty().hasError\"\n        [class.has-text-warning]=\"nodeProperty().hasWarning\">\n        <he-node-icon [type]=\"schemaType()\" />\n      </span>\n    }\n  </div>\n\n  @if (isOpen() && nodeProperty()) {\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: nodeProperty() }\" />\n  }\n\n  <div class=\"card-content\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <div class=\"py-4 pl-4\">\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property: nodeProperty() }\" />\n        </div>\n      }\n    }\n\n    <div class=\"columns is-multiline\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n  </div>\n\n  <ng-content />\n</div>\n\n@if (!!bibliographiesSearchProperty()) {\n  <he-bibliographies-search-confirm\n    [search]=\"bibliographiesSearchProperty().value\"\n    [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty())\"\n    [searchSources]=\"bibliographiesSearchSources\"\n    (closed)=\"onBibliographiesSearchClosed($event)\" />\n}\n\n<ng-template #labelDescription let-property>\n  <span class=\"property-key\" [ngbTooltip]=\"property.key\" placement=\"right\">\n    <span class=\"is-inline-block is-align-middle is-nowrap has-text-ellipsis\">{{ property.key }}</span>\n    @if (property.schema?.description) {\n      <he-schema-info\n        class=\"is-inline-block is-pl-1 is-align-middle\"\n        triggers=\"click\"\n        [content]=\"property.schema.description\" />\n    }\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{ property.key }}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    <div\n      class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\">\n      @if (!property.properties.length) {\n        <div class=\"columns is-multiline is-variable is-1\">\n          @if (property.key) {\n            <div class=\"column is-3 py-1\">\n              <label class=\"label has-text-right-tablet has-text-ellipsis\" [for]=\"property.id\" [title]=\"property.key\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    property.schema?.description && property.editable ? labelDescription : labelDefault;\n                    context: { $implicit: property }\n                  \" />\n              </label>\n            </div>\n          }\n          <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n            <div class=\"field\">\n              <ng-container *ngTemplateOutlet=\"inputForm; context: { $implicit: property }\" />\n              <ng-container *ngTemplateOutlet=\"propertyError; context: { property: property }\" />\n            </div>\n          </div>\n        </div>\n      }\n      @if (!!property.properties.length) {\n        <div\n          class=\"panel\"\n          [class.is-danger]=\"!property.changed && property.hasError\"\n          [class.is-warning]=\"!property.changed && property.hasWarning\"\n          [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\">\n          <div\n            class=\"open-group panel-heading py-0\"\n            (click)=\"property.isOpen = !property.isOpen\"\n            pointer\n            [class.is-open]=\"property.isOpen\"\n            [class.has-text-white]=\"property.hasError || property.hasWarning\">\n            <div class=\"columns is-mobile is-vcentered is-multiline\">\n              <span class=\"column is-narrow py-1 my-0\">\n                <he-svg-icon [name]=\"property.isOpen ? 'chevron-down' : 'chevron-right'\" />\n              </span>\n              <span class=\"column py-1 my-0\">\n                <span class=\"is-size-6\">{{ property.key }}</span>\n              </span>\n              @if (property.schemaType) {\n                <span class=\"column is-narrow py-1 my-0\">\n                  <span class=\"tags mb-0 has-addons\">\n                    <span class=\"tag mb-0 is-light\">Type</span>\n                    <span class=\"tag mb-0 is-white\">\n                      <he-schema-version-link linkClass=\"is-small\" [node]=\"{ '@type': property.schemaType }\">\n                        <span>{{ property.schemaType }}</span>\n                      </he-schema-version-link>\n                    </span>\n                  </span>\n                </span>\n              }\n              <he-popover-confirm\n                class=\"column is-narrow py-1 my-0 px-0\"\n                ngbTooltip=\"Remove group\"\n                placement=\"top\"\n                [message]=\"\n                  '<p>This will remove the group completely.</p>' +\n                  (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') +\n                  '<p>Do you confirm?</p>'\n                \"\n                popoverClass=\"px-3\"\n                (confirmed)=\"propertyChanged(null, property)\">\n                <he-svg-icon name=\"xmark\" />\n              </he-popover-confirm>\n            </div>\n          </div>\n          @if (property.isOpen) {\n            <div class=\"panel-block is-block p-0\">\n              @if (property.error) {\n                <div class=\"px-3 pt-4\">\n                  <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n                </div>\n              }\n              @if (!property.isArray) {\n                <div class=\"mt-3\">\n                  @if (!property.editable) {\n                    <p class=\"help py-1 px-2\">\n                      To change the {{ property.key }}, please delete it first, then add the field again\n                    </p>\n                  }\n                  @if (property.editable) {\n                    @switch (property.schema?.title) {\n                      @case ('Bibliography') {\n                        <p class=\"help py-1 px-2\">\n                          Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                        </p>\n                      }\n                    }\n                  }\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: property }\" />\n                  <div class=\"property-group py-2 px-3 mt-2\">\n                    <div class=\"columns is-multiline mb-0\">\n                      @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (property.isArray) {\n                <div class=\"py-2 px-3 mt-2\">\n                  @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                    @if (prop2.key) {\n                      <div class=\"card p-0 my-4\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                        <div class=\"property-array-number\">\n                          <div class=\"tags has-addons\">\n                            <span class=\"tag is-dark\">{{ prop2.key }}</span>\n                            @if (property.editable) {\n                              <span\n                                class=\"tag is-info\"\n                                pointer\n                                (click)=\"duplicateArrayGroup(property, prop2)\"\n                                [ngbTooltip]=\"'Duplicate ' + property.key | pluralize: 1\"\n                                placement=\"top\">\n                                <he-svg-icon name=\"copy\" />\n                              </span>\n                              @if (prop2.key !== '0') {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupUp(property, prop2)\"\n                                  ngbTooltip=\"Move Up\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-up\" />\n                                </span>\n                              }\n                              @if (prop2.key !== property.properties.length - 1) {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupDown(property, prop2)\"\n                                  ngbTooltip=\"Move Down\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-down\" />\n                                </span>\n                              }\n                              <he-popover-confirm\n                                class=\"tag is-delete\"\n                                [ngbTooltip]=\"'Remove ' + property.key | pluralize: 1\"\n                                placement=\"top\"\n                                message=\"This will remove the group completely. Do you confirm?\"\n                                position=\"right\"\n                                (confirmed)=\"removeArrayGroup(property, prop2)\" />\n                            }\n                          </div>\n                        </div>\n                        <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: prop2 }\" />\n                        @if (prop2.error) {\n                          <div class=\"px-4 mt-2\">\n                            <ng-container *ngTemplateOutlet=\"propertyError; context: { property: prop2 }\" />\n                          </div>\n                        }\n                        <div class=\"property-group card-content p-3\">\n                          <div class=\"columns is-multiline my-0\">\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                  @if (property.editable) {\n                    <button class=\"button is-info is-small\" type=\"button\" (click)=\"addArrayGroup(property)\">\n                      <he-svg-icon name=\"plus\" />\n                      <span class=\"pl-2\">Add</span>\n                      <span class=\"pl-1\">{{ property.key | pluralize: 1 }}</span>\n                    </button>\n                    <he-node-recommendations\n                      buttonClass=\"is-small\"\n                      [node]=\"node\"\n                      [nodeField]=\"property.key\"\n                      (selectRecommendation)=\"onSelectRecommendation(property, $event)\" />\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputForm let-property>\n  @if (property.key) {\n    @switch (property.suggestions?.type) {\n      @case ('select') {\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: { $implicit: property }\" />\n      }\n      @default {\n        <ng-container *ngTemplateOutlet=\"inputInput; context: { $implicit: property }\" />\n      }\n    }\n  }\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\" [class.has-icons-right]=\"property.loading\">\n      <input\n        class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [(ngModel)]=\"property.value\"\n        #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{\n          enabled: property.editable && property.schema?.type === 'array',\n          items: property.schema?.items,\n          delimiter: ';',\n          allowDuplicates: true,\n          placeholder: property.placeholder\n        }\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n        [ngbTypeahead]=\"property | applyPure: propertySuggest\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"property.formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\" />\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <he-svg-icon name=\"loading\" animation=\"spin\" size=\"20\" />\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div\n        class=\"select is-small is-fullwidth\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\">\n        <select\n          [(ngModel)]=\"property.value\"\n          #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\">\n          <option value=\"\">Select</option>\n          @for (value of property.suggestions.values; track trackByIndex($index, value)) {\n            <option [value]=\"value\">\n              {{ value }}\n            </option>\n          }\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  @if (!property.isRequired) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        title=\"Remove field\"\n        [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        (click)=\"$event.stopPropagation(); propertyChanged(null, property)\">\n        <he-svg-icon name=\"xmark\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  @if (property.editable) {\n    @switch (property.schemaType) {\n      @case (SchemaType.Cycle) {\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: { $implicit: property }\" />\n      }\n    }\n    @if (bibliographiesSearchKey(property)) {\n      <div class=\"control\">\n        <button class=\"button is-small\" title=\"Advanced Search\" (click)=\"bibliographiesSearchProperty.set(property)\">\n          <he-svg-icon name=\"search\" />\n        </button>\n      </div>\n    }\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: { $implicit: property }\" />\n  }\n\n  @if (property.addPropertyEnabled) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small is-danger\"\n        title=\"Add field\"\n        (click)=\"$event.stopPropagation(); addMissingProperty(property)\">\n        <he-svg-icon name=\"plus\" />\n        <span class=\"pl-2\">Add</span>\n      </a>\n    </div>\n  }\n  @if (isRequired(property)) {\n    <div class=\"control\">\n      <label class=\"button is-small is-danger\" [for]=\"property.id\" ngbTooltip=\"This field is required\" placement=\"top\">\n        <he-svg-icon name=\"exclamation-triangle\" />\n      </label>\n    </div>\n  }\n  @if (property.externalUrl?.url) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\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'\" class=\"ml-2\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  @if (property.key === 'cycleDuration') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from startDate and endDate\"\n        (click)=\"calculateCycleDuration(property)\"\n        [disabled]=\"!calculateCycleDurationEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n  @if (property.key === 'startDate') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from endDate and cycleDuration\"\n        (click)=\"calculateCycleStartDate(property)\"\n        [disabled]=\"!calculateCycleStartDateEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  @if (property.editable && property.addPropertyEnabled) {\n    <header class=\"card-header\">\n      <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n        <div class=\"field is-horizontal\">\n          <div class=\"field-label is-small\">\n            <label class=\"label\" [for]=\"property.id + '_new'\">\n              <span>Add new field</span>\n            </label>\n          </div>\n          <div class=\"field-body\">\n            <div class=\"field has-addons\">\n              <div class=\"control is-expanded\">\n                <input\n                  class=\"input is-small\"\n                  [(ngModel)]=\"property.newProperty\"\n                  [id]=\"property.id + '_new'\"\n                  name=\"randomname\"\n                  placeholder=\"Search and select field from results\"\n                  [ngbTypeahead]=\"property | applyPure: suggestNewProperty\"\n                  [resultTemplate]=\"suggestion\"\n                  [inputFormatter]=\"formatNewProperty\"\n                  [focusFirst]=\"false\"\n                  [editable]=\"false\"\n                  (focus)=\"typeaheadFocus($event)\" />\n              </div>\n              <div class=\"control\">\n                <button\n                  class=\"button is-small\"\n                  type=\"submit\"\n                  [disabled]=\"!property.newProperty || !property.newProperty.name\">\n                  <he-svg-icon name=\"plus\" />\n                  <span class=\"pl-2\">Add</span>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </form>\n    </header>\n  } @else {\n    <div class=\"pt-1\"></div>\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\">\n  @if (property.error) {\n    <p class=\"help\" [class.is-danger]=\"property.hasError\" [class.is-warning]=\"property.hasWarning\">\n      <span class=\"is-pre-wrap\" [innerHTML]=\"property.error.message\"></span>\n      @if (property.errorGuidePageId) {\n        <he-guide-overlay [pageId]=\"property.errorGuidePageId\" />\n      }\n    </p>\n  }\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\" />\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#f5f5f5;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width:767px){.card-toggle{position:relative}}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-key span:first-child{width:calc(100% - 20px)}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(53.55,53.55,53.55,.32)}.control>.button{height:100%}.is-danger-light{color:#c91e1e}he-sites-maps{height:200px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "pipe", type: ApplyPurePipe, name: "applyPure" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "component", type: NodeIconComponent, selector: "he-node-icon", inputs: ["type", "size"] }, { kind: "component", type: BibliographiesSearchConfirmComponent, selector: "he-bibliographies-search-confirm", inputs: ["search", "searchSources", "searchBibliographies", "searchBy"], outputs: ["searchChange", "searchSourcesChange", "searchBibliographiesChange", "searchByChange", "closed"] }, { kind: "component", type: SchemaInfoComponent, selector: "he-schema-info", inputs: ["type", "field", "content", "placement", "triggers", "container"] }, { kind: "component", type: SchemaVersionLinkComponent, selector: "he-schema-version-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: PopoverConfirmComponent, selector: "he-popover-confirm", inputs: ["message", "content", "position", "popoverClass"], outputs: ["confirmed"] }, { kind: "component", type: NodeRecommendationsComponent, selector: "he-node-recommendations", inputs: ["node", "nodeField", "buttonClass"], outputs: ["selectRecommendation"] }, { kind: "directive", type: TagsInputDirective, selector: "[appTagsInput]", inputs: ["appTagsInput"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FilesFormEditableComponent, decorators: [{
             type: Component$1,
@@ -10861,8 +10892,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         PopoverConfirmComponent,
                         NodeRecommendationsComponent,
                         TagsInputDirective,
-                        HESvgIconComponent
-                    ], template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen.set(!isOpen())\" pointer>\n    <he-svg-icon [name]=\"isOpen() ? 'chevron-down' : 'chevron-right'\" />\n    @if (nodeProperty()) {\n      <span\n        class=\"is-px-2\"\n        [class.has-text-danger]=\"nodeProperty().hasError\"\n        [class.has-text-warning]=\"nodeProperty().hasWarning\">\n        <he-node-icon [type]=\"schemaType()\" />\n      </span>\n    }\n  </div>\n\n  @if (isOpen() && nodeProperty()) {\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: nodeProperty() }\" />\n  }\n\n  <div class=\"card-content\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <div class=\"py-4 pl-4\">\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property: nodeProperty() }\" />\n        </div>\n      }\n    }\n\n    <div class=\"columns is-multiline\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n  </div>\n\n  <ng-content />\n</div>\n\n@if (!!bibliographiesSearchProperty()) {\n  <he-bibliographies-search-confirm\n    [search]=\"bibliographiesSearchProperty().value\"\n    [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty())\"\n    [searchSources]=\"bibliographiesSearchSources\"\n    (closed)=\"onBibliographiesSearchClosed($event)\" />\n}\n\n<ng-template #labelDescription let-property>\n  <span class=\"property-key\" [ngbTooltip]=\"property.key\" placement=\"right\">\n    <span class=\"is-inline-block is-align-middle is-nowrap has-text-ellipsis\">{{ property.key }}</span>\n    @if (property.schema?.description) {\n      <he-schema-info\n        class=\"is-inline-block is-pl-1 is-align-middle\"\n        triggers=\"click\"\n        [content]=\"property.schema.description\" />\n    }\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{ property.key }}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    <div\n      class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\">\n      @if (!property.properties.length) {\n        <div class=\"columns is-multiline is-variable is-1\">\n          @if (property.key) {\n            <div class=\"column is-3 py-1\">\n              <label class=\"label has-text-right-tablet has-text-ellipsis\" [for]=\"property.id\" [title]=\"property.key\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    property.schema?.description && property.editable ? labelDescription : labelDefault;\n                    context: { $implicit: property }\n                  \" />\n              </label>\n            </div>\n          }\n          <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n            <div class=\"field\">\n              <ng-container *ngTemplateOutlet=\"inputForm; context: { $implicit: property }\" />\n              <ng-container *ngTemplateOutlet=\"propertyError; context: { property: property }\" />\n            </div>\n          </div>\n        </div>\n      }\n      @if (!!property.properties.length) {\n        <div\n          class=\"panel\"\n          [class.is-danger]=\"!property.changed && property.hasError\"\n          [class.is-warning]=\"!property.changed && property.hasWarning\"\n          [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\">\n          <div\n            class=\"open-group panel-heading py-0\"\n            (click)=\"property.isOpen = !property.isOpen\"\n            pointer\n            [class.is-open]=\"property.isOpen\"\n            [class.has-text-white]=\"property.hasError || property.hasWarning\">\n            <div class=\"columns is-mobile is-vcentered is-multiline\">\n              <span class=\"column is-narrow py-1 my-0\">\n                <he-svg-icon [name]=\"property.isOpen ? 'chevron-down' : 'chevron-right'\" />\n              </span>\n              <span class=\"column py-1 my-0\">\n                <span class=\"is-size-6\">{{ property.key }}</span>\n              </span>\n              @if (property.schemaType) {\n                <span class=\"column is-narrow py-1 my-0\">\n                  <span class=\"tags mb-0 has-addons\">\n                    <span class=\"tag mb-0 is-light\">Type</span>\n                    <span class=\"tag mb-0 is-white\">\n                      <he-schema-version-link linkClass=\"is-small\" [node]=\"{ '@type': property.schemaType }\">\n                        <span>{{ property.schemaType }}</span>\n                      </he-schema-version-link>\n                    </span>\n                  </span>\n                </span>\n              }\n              <he-popover-confirm\n                class=\"column is-narrow py-1 my-0 px-0\"\n                ngbTooltip=\"Remove group\"\n                placement=\"top\"\n                [message]=\"\n                  '<p>This will remove the group completely.</p>' +\n                  (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') +\n                  '<p>Do you confirm?</p>'\n                \"\n                popoverClass=\"px-3\"\n                (confirmed)=\"propertyChanged(null, property)\">\n                <he-svg-icon name=\"xmark\" />\n              </he-popover-confirm>\n            </div>\n          </div>\n          @if (property.isOpen) {\n            <div class=\"panel-block is-block p-0\">\n              @if (property.error) {\n                <div class=\"px-3 pt-4\">\n                  <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n                </div>\n              }\n              @if (!property.isArray) {\n                <div class=\"mt-3\">\n                  @if (!property.editable) {\n                    <p class=\"help py-1 px-2\">\n                      To change the {{ property.key }}, please delete it first, then add the field again\n                    </p>\n                  }\n                  @if (property.editable) {\n                    @switch (property.schema?.title) {\n                      @case ('Bibliography') {\n                        <p class=\"help py-1 px-2\">\n                          Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                        </p>\n                      }\n                    }\n                  }\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: property }\" />\n                  <div class=\"property-group py-2 px-3 mt-2\">\n                    <div class=\"columns is-multiline mb-0\">\n                      @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (property.isArray) {\n                <div class=\"py-2 px-3 mt-2\">\n                  @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                    @if (prop2.key) {\n                      <div class=\"card p-0 my-4\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                        <div class=\"property-array-number\">\n                          <div class=\"tags has-addons\">\n                            <span class=\"tag is-dark\">{{ prop2.key }}</span>\n                            @if (property.editable) {\n                              <span\n                                class=\"tag is-info\"\n                                pointer\n                                (click)=\"duplicateArrayGroup(property, prop2)\"\n                                [ngbTooltip]=\"'Duplicate ' + property.key | pluralize: 1\"\n                                placement=\"top\">\n                                <he-svg-icon name=\"copy\" />\n                              </span>\n                              @if (prop2.key !== '0') {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupUp(property, prop2)\"\n                                  ngbTooltip=\"Move Up\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-up\" />\n                                </span>\n                              }\n                              @if (prop2.key !== property.properties.length - 1) {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupDown(property, prop2)\"\n                                  ngbTooltip=\"Move Down\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-down\" />\n                                </span>\n                              }\n                              <he-popover-confirm\n                                class=\"tag is-delete\"\n                                [ngbTooltip]=\"'Remove ' + property.key | pluralize: 1\"\n                                placement=\"top\"\n                                message=\"This will remove the group completely. Do you confirm?\"\n                                position=\"right\"\n                                (confirmed)=\"removeArrayGroup(property, prop2)\" />\n                            }\n                          </div>\n                        </div>\n                        <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: prop2 }\" />\n                        @if (prop2.error) {\n                          <div class=\"px-4 mt-2\">\n                            <ng-container *ngTemplateOutlet=\"propertyError; context: { property: prop2 }\" />\n                          </div>\n                        }\n                        <div class=\"property-group card-content p-3\">\n                          <div class=\"columns is-multiline my-0\">\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                  @if (property.editable) {\n                    <button class=\"button is-info is-small\" type=\"button\" (click)=\"addArrayGroup(property)\">\n                      <he-svg-icon name=\"plus\" />\n                      <span class=\"pl-2\">Add</span>\n                      <span class=\"pl-1\">{{ property.key | pluralize: 1 }}</span>\n                    </button>\n                    <he-node-recommendations\n                      buttonClass=\"is-small\"\n                      [node]=\"node\"\n                      [nodeField]=\"property.key\"\n                      (selectRecommendation)=\"onSelectRecommendation(property, $event)\" />\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputForm let-property>\n  @if (property.key) {\n    @switch (property.suggestions?.type) {\n      @case ('select') {\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: { $implicit: property }\" />\n      }\n      @default {\n        <ng-container *ngTemplateOutlet=\"inputInput; context: { $implicit: property }\" />\n      }\n    }\n  }\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\" [class.has-icons-right]=\"property.loading\">\n      <input\n        class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [(ngModel)]=\"property.value\"\n        #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{\n          enabled: property.editable && property.schema?.type === 'array',\n          items: property.schema?.items,\n          delimiter: ';',\n          allowDuplicates: true,\n          placeholder: property.placeholder\n        }\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n        [ngbTypeahead]=\"property | applyPure: propertySuggest\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"property.formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\" />\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <he-svg-icon name=\"loading\" animation=\"spin\" size=\"20\" />\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div\n        class=\"select is-small is-fullwidth\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\">\n        <select\n          [(ngModel)]=\"property.value\"\n          #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\">\n          <option value=\"\">Select</option>\n          @for (value of property.suggestions.values; track trackByIndex($index, value)) {\n            <option [value]=\"value\">\n              {{ value }}\n            </option>\n          }\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  @if (!property.isRequired) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        title=\"Remove field\"\n        [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        (click)=\"$event.stopPropagation(); propertyChanged(null, property)\">\n        <he-svg-icon name=\"xmark\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  @if (property.editable) {\n    @switch (property.schemaType) {\n      @case (SchemaType.Cycle) {\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: { $implicit: property }\" />\n      }\n    }\n    @if (bibliographiesSearchKey(property)) {\n      <div class=\"control\">\n        <button class=\"button is-small\" title=\"Advanced Search\" (click)=\"bibliographiesSearchProperty.set(property)\">\n          <he-svg-icon name=\"search\" />\n        </button>\n      </div>\n    }\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: { $implicit: property }\" />\n  }\n\n  @if (property.addPropertyEnabled) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small is-danger\"\n        title=\"Add field\"\n        (click)=\"$event.stopPropagation(); addMissingProperty(property)\">\n        <he-svg-icon name=\"plus\" />\n        <span class=\"pl-2\">Add</span>\n      </a>\n    </div>\n  }\n  @if (isRequired(property)) {\n    <div class=\"control\">\n      <label class=\"button is-small is-danger\" [for]=\"property.id\" ngbTooltip=\"This field is required\" placement=\"top\">\n        <he-svg-icon name=\"exclamation-triangle\" />\n      </label>\n    </div>\n  }\n  @if (property.externalUrl?.url) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\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'\" class=\"ml-2\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  @if (property.key === 'cycleDuration') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from startDate and endDate\"\n        (click)=\"calculateCycleDuration(property)\"\n        [disabled]=\"!calculateCycleDurationEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n  @if (property.key === 'startDate') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from endDate and cycleDuration\"\n        (click)=\"calculateCycleStartDate(property)\"\n        [disabled]=\"!calculateCycleStartDateEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  @if (property.editable && property.addPropertyEnabled) {\n    <header class=\"card-header\">\n      <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n        <div class=\"field is-horizontal\">\n          <div class=\"field-label is-small\">\n            <label class=\"label\" [for]=\"property.id + '_new'\">\n              <span>Add new field</span>\n            </label>\n          </div>\n          <div class=\"field-body\">\n            <div class=\"field has-addons\">\n              <div class=\"control is-expanded\">\n                <input\n                  class=\"input is-small\"\n                  [(ngModel)]=\"property.newProperty\"\n                  [id]=\"property.id + '_new'\"\n                  name=\"randomname\"\n                  placeholder=\"Search and select field from results\"\n                  [ngbTypeahead]=\"property | applyPure: suggestNewProperty\"\n                  [resultTemplate]=\"suggestion\"\n                  [inputFormatter]=\"formatNewProperty\"\n                  [focusFirst]=\"false\"\n                  [editable]=\"false\"\n                  (focus)=\"typeaheadFocus($event)\" />\n              </div>\n              <div class=\"control\">\n                <button\n                  class=\"button is-small\"\n                  type=\"submit\"\n                  [disabled]=\"!property.newProperty || !property.newProperty.name\">\n                  <he-svg-icon name=\"plus\" />\n                  <span class=\"pl-2\">Add</span>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </form>\n    </header>\n  } @else {\n    <div class=\"pt-1\"></div>\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\">\n  @if (property.error) {\n    <p class=\"help\" [class.is-danger]=\"property.hasError\" [class.is-warning]=\"property.hasWarning\">\n      <span class=\"is-pre-wrap\" [innerHTML]=\"property.error.message\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\" />\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#f5f5f5;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width:767px){.card-toggle{position:relative}}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-key span:first-child{width:calc(100% - 20px)}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(53.55,53.55,53.55,.32)}.control>.button{height:100%}.is-danger-light{color:#c91e1e}he-sites-maps{height:200px}\n"] }]
+                        HESvgIconComponent,
+                        GuideOverlayComponent
+                    ], template: "<div class=\"card\">\n  <div class=\"card-toggle p-4\" (click)=\"isOpen.set(!isOpen())\" pointer>\n    <he-svg-icon [name]=\"isOpen() ? 'chevron-down' : 'chevron-right'\" />\n    @if (nodeProperty()) {\n      <span\n        class=\"is-px-2\"\n        [class.has-text-danger]=\"nodeProperty().hasError\"\n        [class.has-text-warning]=\"nodeProperty().hasWarning\">\n        <he-node-icon [type]=\"schemaType()\" />\n      </span>\n    }\n  </div>\n\n  @if (isOpen() && nodeProperty()) {\n    <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: nodeProperty() }\" />\n  }\n\n  <div class=\"card-content\">\n    @if (isOpen()) {\n      @if (nodeProperty()?.error) {\n        <div class=\"py-4 pl-4\">\n          <ng-container *ngTemplateOutlet=\"propertyError; context: { property: nodeProperty() }\" />\n        </div>\n      }\n    }\n\n    <div class=\"columns is-multiline\">\n      @for (property of properties(); track trackByProperty($index, property)) {\n        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: property }\" />\n      }\n    </div>\n  </div>\n\n  <ng-content />\n</div>\n\n@if (!!bibliographiesSearchProperty()) {\n  <he-bibliographies-search-confirm\n    [search]=\"bibliographiesSearchProperty().value\"\n    [searchBy]=\"bibliographiesSearchKey(bibliographiesSearchProperty())\"\n    [searchSources]=\"bibliographiesSearchSources\"\n    (closed)=\"onBibliographiesSearchClosed($event)\" />\n}\n\n<ng-template #labelDescription let-property>\n  <span class=\"property-key\" [ngbTooltip]=\"property.key\" placement=\"right\">\n    <span class=\"is-inline-block is-align-middle is-nowrap has-text-ellipsis\">{{ property.key }}</span>\n    @if (property.schema?.description) {\n      <he-schema-info\n        class=\"is-inline-block is-pl-1 is-align-middle\"\n        triggers=\"click\"\n        [content]=\"property.schema.description\" />\n    }\n  </span>\n</ng-template>\n\n<ng-template #labelDefault let-property>\n  <span>{{ property.key }}</span>\n</ng-template>\n\n<ng-template #showProperty let-property>\n  @if ((isOpen() || property.closedVisible) && !property.isHidden) {\n    <div\n      class=\"column is-6\"\n      [id]=\"property.fullKey + '_' + property.id\"\n      [class.is-12]=\"property.properties.length || !property.key\">\n      @if (!property.properties.length) {\n        <div class=\"columns is-multiline is-variable is-1\">\n          @if (property.key) {\n            <div class=\"column is-3 py-1\">\n              <label class=\"label has-text-right-tablet has-text-ellipsis\" [for]=\"property.id\" [title]=\"property.key\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    property.schema?.description && property.editable ? labelDescription : labelDefault;\n                    context: { $implicit: property }\n                  \" />\n              </label>\n            </div>\n          }\n          <div class=\"column is-9 py-1\" [class.is-12]=\"!property.key\">\n            <div class=\"field\">\n              <ng-container *ngTemplateOutlet=\"inputForm; context: { $implicit: property }\" />\n              <ng-container *ngTemplateOutlet=\"propertyError; context: { property: property }\" />\n            </div>\n          </div>\n        </div>\n      }\n      @if (!!property.properties.length) {\n        <div\n          class=\"panel\"\n          [class.is-danger]=\"!property.changed && property.hasError\"\n          [class.is-warning]=\"!property.changed && property.hasWarning\"\n          [class.is-default]=\"!property.changed && !property.hasError && !property.hasWarning\">\n          <div\n            class=\"open-group panel-heading py-0\"\n            (click)=\"property.isOpen = !property.isOpen\"\n            pointer\n            [class.is-open]=\"property.isOpen\"\n            [class.has-text-white]=\"property.hasError || property.hasWarning\">\n            <div class=\"columns is-mobile is-vcentered is-multiline\">\n              <span class=\"column is-narrow py-1 my-0\">\n                <he-svg-icon [name]=\"property.isOpen ? 'chevron-down' : 'chevron-right'\" />\n              </span>\n              <span class=\"column py-1 my-0\">\n                <span class=\"is-size-6\">{{ property.key }}</span>\n              </span>\n              @if (property.schemaType) {\n                <span class=\"column is-narrow py-1 my-0\">\n                  <span class=\"tags mb-0 has-addons\">\n                    <span class=\"tag mb-0 is-light\">Type</span>\n                    <span class=\"tag mb-0 is-white\">\n                      <he-schema-version-link linkClass=\"is-small\" [node]=\"{ '@type': property.schemaType }\">\n                        <span>{{ property.schemaType }}</span>\n                      </he-schema-version-link>\n                    </span>\n                  </span>\n                </span>\n              }\n              <he-popover-confirm\n                class=\"column is-narrow py-1 my-0 px-0\"\n                ngbTooltip=\"Remove group\"\n                placement=\"top\"\n                [message]=\"\n                  '<p>This will remove the group completely.</p>' +\n                  (property.isRequired ? '<p><u>Warning: this field is required.</u></p>' : '') +\n                  '<p>Do you confirm?</p>'\n                \"\n                popoverClass=\"px-3\"\n                (confirmed)=\"propertyChanged(null, property)\">\n                <he-svg-icon name=\"xmark\" />\n              </he-popover-confirm>\n            </div>\n          </div>\n          @if (property.isOpen) {\n            <div class=\"panel-block is-block p-0\">\n              @if (property.error) {\n                <div class=\"px-3 pt-4\">\n                  <ng-container *ngTemplateOutlet=\"propertyError; context: { property }\" />\n                </div>\n              }\n              @if (!property.isArray) {\n                <div class=\"mt-3\">\n                  @if (!property.editable) {\n                    <p class=\"help py-1 px-2\">\n                      To change the {{ property.key }}, please delete it first, then add the field again\n                    </p>\n                  }\n                  @if (property.editable) {\n                    @switch (property.schema?.title) {\n                      @case ('Bibliography') {\n                        <p class=\"help py-1 px-2\">\n                          Search by Title or Document DOI to auto-populate the fields using the Mendeley catalogue\n                        </p>\n                      }\n                    }\n                  }\n                  <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: property }\" />\n                  <div class=\"property-group py-2 px-3 mt-2\">\n                    <div class=\"columns is-multiline mb-0\">\n                      @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                        <ng-container *ngTemplateOutlet=\"showProperty; context: { $implicit: prop2 }\" />\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (property.isArray) {\n                <div class=\"py-2 px-3 mt-2\">\n                  @for (prop2 of property.properties; track trackByProperty($index, prop2)) {\n                    @if (prop2.key) {\n                      <div class=\"card p-0 my-4\" [id]=\"prop2.fullKey + '_' + prop2.id\">\n                        <div class=\"property-array-number\">\n                          <div class=\"tags has-addons\">\n                            <span class=\"tag is-dark\">{{ prop2.key }}</span>\n                            @if (property.editable) {\n                              <span\n                                class=\"tag is-info\"\n                                pointer\n                                (click)=\"duplicateArrayGroup(property, prop2)\"\n                                [ngbTooltip]=\"'Duplicate ' + property.key | pluralize: 1\"\n                                placement=\"top\">\n                                <he-svg-icon name=\"copy\" />\n                              </span>\n                              @if (prop2.key !== '0') {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupUp(property, prop2)\"\n                                  ngbTooltip=\"Move Up\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-up\" />\n                                </span>\n                              }\n                              @if (prop2.key !== property.properties.length - 1) {\n                                <span\n                                  class=\"tag is-light\"\n                                  pointer\n                                  (click)=\"moveArrayGroupDown(property, prop2)\"\n                                  ngbTooltip=\"Move Down\"\n                                  placement=\"top\">\n                                  <he-svg-icon name=\"chevron-down\" />\n                                </span>\n                              }\n                              <he-popover-confirm\n                                class=\"tag is-delete\"\n                                [ngbTooltip]=\"'Remove ' + property.key | pluralize: 1\"\n                                placement=\"top\"\n                                message=\"This will remove the group completely. Do you confirm?\"\n                                position=\"right\"\n                                (confirmed)=\"removeArrayGroup(property, prop2)\" />\n                            }\n                          </div>\n                        </div>\n                        <ng-container *ngTemplateOutlet=\"showNewProperty; context: { $implicit: prop2 }\" />\n                        @if (prop2.error) {\n                          <div class=\"px-4 mt-2\">\n                            <ng-container *ngTemplateOutlet=\"propertyError; context: { property: prop2 }\" />\n                          </div>\n                        }\n                        <div class=\"property-group card-content p-3\">\n                          <div class=\"columns is-multiline my-0\">\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                  @if (property.editable) {\n                    <button class=\"button is-info is-small\" type=\"button\" (click)=\"addArrayGroup(property)\">\n                      <he-svg-icon name=\"plus\" />\n                      <span class=\"pl-2\">Add</span>\n                      <span class=\"pl-1\">{{ property.key | pluralize: 1 }}</span>\n                    </button>\n                    <he-node-recommendations\n                      buttonClass=\"is-small\"\n                      [node]=\"node\"\n                      [nodeField]=\"property.key\"\n                      (selectRecommendation)=\"onSelectRecommendation(property, $event)\" />\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputForm let-property>\n  @if (property.key) {\n    @switch (property.suggestions?.type) {\n      @case ('select') {\n        <ng-container *ngTemplateOutlet=\"inputSelect; context: { $implicit: property }\" />\n      }\n      @default {\n        <ng-container *ngTemplateOutlet=\"inputInput; context: { $implicit: property }\" />\n      }\n    }\n  }\n</ng-template>\n\n<ng-template #inputInput let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\" [class.has-icons-right]=\"property.loading\">\n      <input\n        class=\"input is-small search-input\"\n        [class.is-dark]=\"property.key === 'type'\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        [(ngModel)]=\"property.value\"\n        #propertyModel=\"ngModel\"\n        [type]=\"property.schema?.type === 'number' ? 'number' : 'string'\"\n        [id]=\"property.id\"\n        name=\"randomname\"\n        [readonly]=\"!property.editable || property.schema?.internal\"\n        [placeholder]=\"property.placeholder\"\n        [appTagsInput]=\"{\n          enabled: property.editable && property.schema?.type === 'array',\n          items: property.schema?.items,\n          delimiter: ';',\n          allowDuplicates: true,\n          placeholder: property.placeholder\n        }\"\n        (change)=\"propertyChanged($event.target.value, property)\"\n        [pattern]=\"property.schema?.pattern\"\n        [required]=\"property.fullKey.endsWith('id') && property.fullKey !== 'id'\"\n        [min]=\"property.schema?.minimum\"\n        [max]=\"property.schema?.maximum\"\n        [ngbTypeahead]=\"property | applyPure: propertySuggest\"\n        [resultTemplate]=\"suggestion\"\n        [inputFormatter]=\"property.formatter\"\n        [focusFirst]=\"true\"\n        (focus)=\"property.editable && typeaheadFocus($event)\"\n        (selectItem)=\"suggestionSelected($event.item, property)\" />\n\n      <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!property.loading\">\n        <he-svg-icon name=\"loading\" animation=\"spin\" size=\"20\" />\n      </span>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #inputSelect let-property>\n  <div class=\"field mb-0\" [class.has-addons]=\"hasAddons(property)\">\n    <div class=\"control is-expanded\">\n      <div\n        class=\"select is-small is-fullwidth\"\n        [class.is-danger]=\"(!property.changed && property.hasError) || isRequired(property)\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\">\n        <select\n          [(ngModel)]=\"property.value\"\n          #propertyModel=\"ngModel\"\n          [id]=\"property.id\"\n          name=\"randomname\"\n          [disabled]=\"!property.editable || property.schema?.internal\"\n          (change)=\"propertyChanged($event.target.value, property)\">\n          <option value=\"\">Select</option>\n          @for (value of property.suggestions.values; track trackByIndex($index, value)) {\n            <option [value]=\"value\">\n              {{ value }}\n            </option>\n          }\n        </select>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"inputAddons; context: { $implicit: property }\" />\n  </div>\n  @if (!property.hasError && propertyModel.invalid) {\n    <p class=\"help is-danger-light\">\n      <span [innerHTML]=\"formatPropertyError(propertyModel.errors, property)\"></span>\n    </p>\n  }\n</ng-template>\n\n<ng-template #removeFieldAddon let-property>\n  @if (!property.isRequired) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        title=\"Remove field\"\n        [class.is-outlined]=\"!property.changed && (property.hasError || property.hasWarning)\"\n        [class.is-danger]=\"!property.changed && property.hasError\"\n        [class.is-warning]=\"!property.changed && property.hasWarning\"\n        (click)=\"$event.stopPropagation(); propertyChanged(null, property)\">\n        <he-svg-icon name=\"xmark\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #inputAddons let-property>\n  @if (property.editable) {\n    @switch (property.schemaType) {\n      @case (SchemaType.Cycle) {\n        <ng-container *ngTemplateOutlet=\"cycleAddons; context: { $implicit: property }\" />\n      }\n    }\n    @if (bibliographiesSearchKey(property)) {\n      <div class=\"control\">\n        <button class=\"button is-small\" title=\"Advanced Search\" (click)=\"bibliographiesSearchProperty.set(property)\">\n          <he-svg-icon name=\"search\" />\n        </button>\n      </div>\n    }\n    <ng-container *ngTemplateOutlet=\"removeFieldAddon; context: { $implicit: property }\" />\n  }\n\n  @if (property.addPropertyEnabled) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small is-danger\"\n        title=\"Add field\"\n        (click)=\"$event.stopPropagation(); addMissingProperty(property)\">\n        <he-svg-icon name=\"plus\" />\n        <span class=\"pl-2\">Add</span>\n      </a>\n    </div>\n  }\n  @if (isRequired(property)) {\n    <div class=\"control\">\n      <label class=\"button is-small is-danger\" [for]=\"property.id\" ngbTooltip=\"This field is required\" placement=\"top\">\n        <he-svg-icon name=\"exclamation-triangle\" />\n      </label>\n    </div>\n  }\n  @if (property.externalUrl?.url) {\n    <div class=\"control\">\n      <a\n        class=\"button is-small\"\n        [href]=\"property.externalUrl.url + (property.externalUrl.urlParamValue ? property.value : '')\"\n        target=\"_blank\"\n        [title]=\"property.externalUrl.title\"\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'\" class=\"ml-2\" />\n      </a>\n    </div>\n  }\n</ng-template>\n\n<ng-template #cycleAddons let-property>\n  @if (property.key === 'cycleDuration') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from startDate and endDate\"\n        (click)=\"calculateCycleDuration(property)\"\n        [disabled]=\"!calculateCycleDurationEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n  @if (property.key === 'startDate') {\n    <div class=\"control\">\n      <button\n        class=\"button is-small\"\n        title=\"Calculate value from endDate and cycleDuration\"\n        (click)=\"calculateCycleStartDate(property)\"\n        [disabled]=\"!calculateCycleStartDateEnabled(property)\">\n        <he-svg-icon name=\"calculator\" />\n      </button>\n    </div>\n  }\n</ng-template>\n\n<ng-template #showNewProperty let-property>\n  @if (property.editable && property.addPropertyEnabled) {\n    <header class=\"card-header\">\n      <form class=\"py-3 px-4 is-flex-grow-1\" (submit)=\"addProperty(property)\" novalidate>\n        <div class=\"field is-horizontal\">\n          <div class=\"field-label is-small\">\n            <label class=\"label\" [for]=\"property.id + '_new'\">\n              <span>Add new field</span>\n            </label>\n          </div>\n          <div class=\"field-body\">\n            <div class=\"field has-addons\">\n              <div class=\"control is-expanded\">\n                <input\n                  class=\"input is-small\"\n                  [(ngModel)]=\"property.newProperty\"\n                  [id]=\"property.id + '_new'\"\n                  name=\"randomname\"\n                  placeholder=\"Search and select field from results\"\n                  [ngbTypeahead]=\"property | applyPure: suggestNewProperty\"\n                  [resultTemplate]=\"suggestion\"\n                  [inputFormatter]=\"formatNewProperty\"\n                  [focusFirst]=\"false\"\n                  [editable]=\"false\"\n                  (focus)=\"typeaheadFocus($event)\" />\n              </div>\n              <div class=\"control\">\n                <button\n                  class=\"button is-small\"\n                  type=\"submit\"\n                  [disabled]=\"!property.newProperty || !property.newProperty.name\">\n                  <he-svg-icon name=\"plus\" />\n                  <span class=\"pl-2\">Add</span>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </form>\n    </header>\n  } @else {\n    <div class=\"pt-1\"></div>\n  }\n</ng-template>\n\n<ng-template #propertyError let-property=\"property\">\n  @if (property.error) {\n    <p class=\"help\" [class.is-danger]=\"property.hasError\" [class.is-warning]=\"property.hasWarning\">\n      <span class=\"is-pre-wrap\" [innerHTML]=\"property.error.message\"></span>\n      @if (property.errorGuidePageId) {\n        <he-guide-overlay [pageId]=\"property.errorGuidePageId\" />\n      }\n    </p>\n  }\n</ng-template>\n\n<ng-template #suggestion let-r=\"result\" let-t=\"term\">\n  <ngb-highlight\n    [title]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [result]=\"r.bibliography?.title || r.bibliography?.documentDOI || r.bibliography?.scopus || r.name\"\n    [term]=\"t\" />\n</ng-template>\n", styles: [".panel.is-default .panel-heading{background-color:#f5f5f5;color:#363636}.card-toggle{left:0;position:absolute;top:0}@media screen and (max-width:767px){.card-toggle{position:relative}}.card{overflow:visible}.card .card{box-shadow:2px 2px #36363652,0 0 0 1px #36363652}.card .card>.card-header{box-shadow:0 2px 1px #36363652}.property-key span:first-child{width:calc(100% - 20px)}.property-array-number{left:-4px;position:absolute;top:-12px}.property-array-number .tag.is-delete{border:1px solid rgba(53.55,53.55,53.55,.32)}.control>.button{height:100%}.is-danger-light{color:#c91e1e}he-sites-maps{height:200px}\n"] }]
         }] });
 
 const nodeTypeToString = (type) => `${type.charAt(0).toLowerCase()}${type.substring(1)}`;
@@ -13662,18 +13694,19 @@ class TermsPropertyContentComponent {
         return keys.includes(key);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsPropertyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsPropertyContentComponent, isStandalone: true, selector: "he-terms-property-content", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, showTermName: { classPropertyName: "showTermName", publicName: "showTermName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (property().term) {\n  @if (showTermName()) {\n    <a class=\"pr-2\" [routerLink]=\"['/', 'term', property().term['@id']]\" target=\"_blank\">\n      <b>{{ property().term.name }}:</b>\n    </a>\n  }\n  @if (property().key?.name) {\n    <span class=\"pr-1\">\n      <span>{{ property().key.name }}</span>\n      @if (hasKey('value')) {\n        ,\n        <span class=\"has-text-underline\">value</span>\n        :\n      }\n    </span>\n  }\n  @if (hasKey('value')) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        property().value.toString().indexOf('http') === 0 ? externalLink : defaultValue;\n        context: { $implicit: property().value }\n      \" />\n    @if (hasKey('sd')) {\n      <span class=\"px-2\">\u00B1</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().sd }\" />\n    }\n    @if (hasKey('min') && hasKey('max')) {\n      <span class=\"is-pl-2\">(</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().min }\" />\n      <span class=\"is-px-2\">-</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().max }\" />\n      <span>)</span>\n    }\n  }\n  @if (property().term.units) {\n    <span class=\"is-ml-1\" [innerHtml]=\"property().term.units | compound: property().term.termType\"></span>\n    <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"property().term\" />\n  }\n}\n\n<ng-template #defaultValue let-value>\n  @if (isEmpty(value)) {\n    <span>{{ 'N/A' }}</span>\n  } @else {\n    @if (isNumber(value)) {\n      <span>{{ value | precision: 3 }}</span>\n    } @else {\n      <span>{{ value }}</span>\n    }\n  }\n</ng-template>\n\n<ng-template #externalLink let-value>\n  <a [href]=\"value\" target=\"_blank\">\n    <span>{{ value }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsPropertyContentComponent, isStandalone: true, selector: "he-terms-property-content", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, showTermName: { classPropertyName: "showTermName", publicName: "showTermName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (property().term) {\n  @if (showTermName()) {\n    <a class=\"pr-2\" [routerLink]=\"['/', 'term', property().term['@id']]\" target=\"_blank\">\n      <b>{{ property().term.name }}:</b>\n    </a>\n  }\n  @if (property().key?.name) {\n    <span class=\"pr-1\">\n      <span>{{ property().key.name }}</span>\n      @if (hasKey('value')) {\n        ,\n        <span class=\"has-text-underline\">value</span>\n        :\n      }\n    </span>\n  }\n  @if (hasKey('value')) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        property().value.toString().indexOf('http') === 0 ? externalLink : defaultValue;\n        context: { $implicit: property().value }\n      \" />\n    @if (hasKey('sd')) {\n      <span class=\"px-2\">\u00B1</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().sd }\" />\n    }\n    @if (hasKey('min') && hasKey('max')) {\n      <span class=\"is-pl-2\">(</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().min }\" />\n      <span class=\"is-px-2\">-</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().max }\" />\n      <span>)</span>\n    }\n  }\n  @if (property().term.units) {\n    <span class=\"is-ml-1\" [innerHtml]=\"property().term.units | compound: property().term.termType\"></span>\n    <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"property().term\" />\n  }\n  @if (hasKey('source')) {\n    <span class=\"is-px-1\">(Source:</span>\n    <markdown class=\"is-inline-block\" [data]=\"property().source\" />\n    <span>)</span>\n  }\n}\n\n<ng-template #defaultValue let-value>\n  @if (isEmpty(value)) {\n    <span>{{ 'N/A' }}</span>\n  } @else {\n    @if (isNumber(value)) {\n      <span>{{ value | precision: 3 }}</span>\n    } @else {\n      <span>{{ value }}</span>\n    }\n  }\n</ng-template>\n\n<ng-template #externalLink let-value>\n  <a [href]=\"value\" target=\"_blank\">\n    <span>{{ value }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: ["markdown ::ng-deep *{display:inline-block}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation", "svgClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsPropertyContentComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-terms-property-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         RouterLink,
                         NgTemplateOutlet,
+                        MarkdownComponent,
                         TermsUnitsDescriptionComponent,
                         CompoundPipe,
                         PrecisionPipe,
                         HESvgIconComponent
-                    ], template: "@if (property().term) {\n  @if (showTermName()) {\n    <a class=\"pr-2\" [routerLink]=\"['/', 'term', property().term['@id']]\" target=\"_blank\">\n      <b>{{ property().term.name }}:</b>\n    </a>\n  }\n  @if (property().key?.name) {\n    <span class=\"pr-1\">\n      <span>{{ property().key.name }}</span>\n      @if (hasKey('value')) {\n        ,\n        <span class=\"has-text-underline\">value</span>\n        :\n      }\n    </span>\n  }\n  @if (hasKey('value')) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        property().value.toString().indexOf('http') === 0 ? externalLink : defaultValue;\n        context: { $implicit: property().value }\n      \" />\n    @if (hasKey('sd')) {\n      <span class=\"px-2\">\u00B1</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().sd }\" />\n    }\n    @if (hasKey('min') && hasKey('max')) {\n      <span class=\"is-pl-2\">(</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().min }\" />\n      <span class=\"is-px-2\">-</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().max }\" />\n      <span>)</span>\n    }\n  }\n  @if (property().term.units) {\n    <span class=\"is-ml-1\" [innerHtml]=\"property().term.units | compound: property().term.termType\"></span>\n    <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"property().term\" />\n  }\n}\n\n<ng-template #defaultValue let-value>\n  @if (isEmpty(value)) {\n    <span>{{ 'N/A' }}</span>\n  } @else {\n    @if (isNumber(value)) {\n      <span>{{ value | precision: 3 }}</span>\n    } @else {\n      <span>{{ value }}</span>\n    }\n  }\n</ng-template>\n\n<ng-template #externalLink let-value>\n  <a [href]=\"value\" target=\"_blank\">\n    <span>{{ value }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n" }]
+                    ], template: "@if (property().term) {\n  @if (showTermName()) {\n    <a class=\"pr-2\" [routerLink]=\"['/', 'term', property().term['@id']]\" target=\"_blank\">\n      <b>{{ property().term.name }}:</b>\n    </a>\n  }\n  @if (property().key?.name) {\n    <span class=\"pr-1\">\n      <span>{{ property().key.name }}</span>\n      @if (hasKey('value')) {\n        ,\n        <span class=\"has-text-underline\">value</span>\n        :\n      }\n    </span>\n  }\n  @if (hasKey('value')) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        property().value.toString().indexOf('http') === 0 ? externalLink : defaultValue;\n        context: { $implicit: property().value }\n      \" />\n    @if (hasKey('sd')) {\n      <span class=\"px-2\">\u00B1</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().sd }\" />\n    }\n    @if (hasKey('min') && hasKey('max')) {\n      <span class=\"is-pl-2\">(</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().min }\" />\n      <span class=\"is-px-2\">-</span>\n      <ng-container *ngTemplateOutlet=\"defaultValue; context: { $implicit: property().max }\" />\n      <span>)</span>\n    }\n  }\n  @if (property().term.units) {\n    <span class=\"is-ml-1\" [innerHtml]=\"property().term.units | compound: property().term.termType\"></span>\n    <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"property().term\" />\n  }\n  @if (hasKey('source')) {\n    <span class=\"is-px-1\">(Source:</span>\n    <markdown class=\"is-inline-block\" [data]=\"property().source\" />\n    <span>)</span>\n  }\n}\n\n<ng-template #defaultValue let-value>\n  @if (isEmpty(value)) {\n    <span>{{ 'N/A' }}</span>\n  } @else {\n    @if (isNumber(value)) {\n      <span>{{ value | precision: 3 }}</span>\n    } @else {\n      <span>{{ value }}</span>\n    }\n  }\n</ng-template>\n\n<ng-template #externalLink let-value>\n  <a [href]=\"value\" target=\"_blank\">\n    <span>{{ value }}</span>\n    <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n  </a>\n</ng-template>\n", styles: ["markdown ::ng-deep *{display:inline-block}\n"] }]
         }] });
 
 class TermsSubClassOfContentComponent {
@@ -13709,5 +13742,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, FilterComponent, FilterHasOptionsPipe, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeSvgIconsModule, HeToastService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeElementDirective, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, arrayValue, availableProperties, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultBarDrawSettings, defaultFeature, defaultLabel, defaultLollipopSettings, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, guideModelUrl, guideNamespace, handleAPIError, handleGuideEvent, hasError, hasLeafWithValue, hasValidationError, hasWarning, ignoreKeys$2 as ignoreKeys, initialFilterState, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, loadMapApi, localStorageSignal, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeUrl, nodeUrlParams, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, FilterComponent, FilterHasOptionsPipe, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeSvgIconsModule, HeToastService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeElementDirective, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, arrayValue, availableProperties, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultBarDrawSettings, defaultFeature, defaultLabel, defaultLollipopSettings, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasLeafWithValue, hasValidationError, hasWarning, ignoreKeys$2 as ignoreKeys, initialFilterState, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, loadMapApi, localStorageSignal, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeUrl, nodeUrlParams, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map