geonetwork-ui 2.11.0-dev.7f3cfba04 → 2.11.0-dev.840dcc932

package/fesm2022/geonetwork-ui.mjs

@@ -14,7 +14,7 @@ import * as i4 from '@ngx-translate/core';
 import { TranslateLoader, TranslateCompiler, TranslateDefaultParser, TranslateParser, TranslateService, provideTranslateService, TranslateDirective, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader, TRANSLATE_HTTP_LOADER_CONFIG } from '@ngx-translate/http-loader';
-import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, filter as filter$1, startWith as startWith$1, withLatestFrom, switchMap as switchMap$1, take, mergeMap, delay, debounceTime, distinctUntilChanged, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, withLatestFrom, filter as filter$1, startWith as startWith$1, switchMap as switchMap$1, take, mergeMap, delay, debounceTime, distinctUntilChanged, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import * as i1$1 from '@angular/common';
@@ -52,7 +52,7 @@ import { matClose, matContentCopy, matExpandMore, matExpandLess, matSearch, matS
 import * as i1$4 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i1$5 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTooltipModule, MatTooltip } from '@angular/material/tooltip';
 import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, DateAdapter } from '@angular/material/core';
 import { MAT_DATE_FNS_FORMATS, DateFnsAdapter } from '@angular/material-date-fns-adapter';
 import { enUS } from 'date-fns/locale/en-US';
@@ -2469,6 +2469,8 @@ class Iso19139Converter extends BaseConverter {
             this.writers['resourceIdentifiers'](record, rootEl);
         if (record.kind === 'dataset') {
             fieldChanged('status') && this.writers['status'](record, rootEl);
+            fieldChanged('featureTypeDescriptions') &&
+                this.writers['featureTypeDescriptions'](record, rootEl);
         }
         if (record.kind === 'dataset' || record.kind === 'reuse') {
             fieldChanged('updateFrequency') &&
@@ -2640,14 +2642,16 @@ function extractCharacterStringOrText() {
     return fallback(extractCharacterString(), readText());
 }
 function extractListedValue() {
-    return pipe(combine(pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findChildElement('gfc:label', false), extractCharacterString())), map(([code, label]) => ({
-        ...(code && { code }),
+    return pipe(combine(pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findChildElement('gfc:label', false), extractCharacterString()), pipe(findChildElement('gfc:definition', false), extractCharacterString())), map(([code, label, description]) => ({
+        value: code ?? '',
         ...(label && { label }),
+        ...(description && { description }),
     })));
 }
 function extractFeatureAttribute() {
-    return pipe(combine(pipe(findChildElement('gfc:memberName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findNestedElement('gfc:valueType', 'gco:TypeName', 'gco:aName'), extractCharacterString()), pipe(findNestedElements('gfc:listedValue', 'gfc:FC_ListedValue'), mapArray(extractListedValue()), filterArray((value) => !!(value.code || value.label)))), map(([name, description, code, type, values]) => ({
+    return pipe(combine(pipe(findChildElement('gfc:memberName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:designation', false), extractCharacterString()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findNestedElement('gfc:valueType', 'gco:TypeName', 'gco:aName'), extractCharacterString()), pipe(findNestedElements('gfc:listedValue', 'gfc:FC_ListedValue'), mapArray(extractListedValue()), filterArray((value) => !!(value.value || value.label)))), map(([name, label, description, code, type, values]) => ({
         name: name ?? '',
+        ...(label && { label }),
         ...(description && { description }),
         ...(code && { code }),
         ...(type && { type }),
@@ -2655,8 +2659,9 @@ function extractFeatureAttribute() {
     })));
 }
 function readFeatureTypeDescriptions(rootEl) {
-    return pipe(findNestedElements('mdb:contentInfo', 'mrc:MD_FeatureCatalogue', 'mrc:featureCatalogue', 'gfc:FC_FeatureCatalogue', 'gfc:featureType', 'gfc:FC_FeatureType'), mapArray(pipe(combine(pipe(findChildElement('gfc:typeName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findNestedElements('gfc:carrierOfCharacteristics', 'gfc:FC_FeatureAttribute'), mapArray(extractFeatureAttribute()))), map(([name, description, attributes]) => ({
+    return pipe(findNestedElements('mdb:contentInfo', 'mrc:MD_FeatureCatalogue', 'mrc:featureCatalogue', 'gfc:FC_FeatureCatalogue', 'gfc:featureType', 'gfc:FC_FeatureType'), mapArray(pipe(combine(pipe(findChildElement('gfc:typeName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:designation', false), extractCharacterString()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findNestedElements('gfc:carrierOfCharacteristics', 'gfc:FC_FeatureAttribute'), mapArray(extractFeatureAttribute()))), map(([name, label, description, attributes]) => ({
         name: name ?? '',
+        ...(label && { label }),
         ...(description && { description }),
         attributes,
     })))))(rootEl);
@@ -2815,6 +2820,52 @@ function writeAssociatedRecords(record, rootEl) {
         .filter((assoc) => assoc.uniqueIdentifier && assoc.associationType)
         .map((assoc) => pipe(createNestedElement('mri:associatedResource', 'mri:MD_AssociatedResource'), appendChildren(pipe(createNestedElement('mri:associationType', 'mri:DS_AssociationTypeCode'), writeAttribute('codeList', 'http://standards.iso.org/iso/19115/resources/Codelists/cat/codelists.xml#DS_AssociationTypeCode'), writeAttribute('codeListValue', assoc.associationType)), pipe(createElement('mri:metadataReference'), writeAttribute('uuidref', assoc.uniqueIdentifier)))))))(rootEl);
 }
+function createNilElement(name, nilReason) {
+    return pipe(createElement(name), writeAttribute('gco:nilReason', nilReason));
+}
+function createFeatureCatalogueShell() {
+    return pipe(createNestedElement('mdb:contentInfo', 'mrc:MD_FeatureCatalogue', 'mrc:featureCatalogue', 'gfc:FC_FeatureCatalogue'), 
+    // create mandatory elements which are not part of the model yet
+    appendChildren(createNilElement('cat:name', 'missing'), createNilElement('cat:scope', 'missing'), createNilElement('cat:versionNumber', 'missing'), createNilElement('cat:versionDate', 'missing'), createNilElement('gfc:producer', 'missing')));
+}
+function createListedValue(value) {
+    return pipe(createNestedElement('gfc:listedValue', 'gfc:FC_ListedValue'), appendChildren(value.label
+        ? pipe(createElement('gfc:label'), writeCharacterString(value.label))
+        : createNilElement('gfc:label', 'missing'), value.value
+        ? pipe(createElement('gfc:code'), writeCharacterString(value.value))
+        : null, value.description
+        ? pipe(createElement('gfc:definition'), writeCharacterString(value.description))
+        : null));
+}
+function createFeatureAttribute(attribute) {
+    return pipe(createNestedElement('gfc:carrierOfCharacteristics', 'gfc:FC_FeatureAttribute'), appendChildren(pipe(createElement('gfc:memberName'), setTextContent(attribute.name)), attribute.description
+        ? pipe(createElement('gfc:definition'), writeCharacterString(attribute.description))
+        : null, createNilElement('gfc:cardinality', 'missing'), attribute.label
+        ? pipe(createElement('gfc:designation'), writeCharacterString(attribute.label))
+        : null, attribute.code
+        ? pipe(createElement('gfc:code'), writeCharacterString(attribute.code))
+        : null, attribute.type
+        ? pipe(createNestedElement('gfc:valueType', 'gco:TypeName', 'gco:aName'), writeCharacterString(attribute.type))
+        : null, ...(attribute.values ?? [])
+        .filter((value) => value.value || value.label)
+        .map(createListedValue)));
+}
+function createFeatureType(featureType) {
+    return pipe(createNestedElement('gfc:featureType', 'gfc:FC_FeatureType'), appendChildren(pipe(createElement('gfc:typeName'), setTextContent(featureType.name)), featureType.description
+        ? pipe(createElement('gfc:definition'), writeCharacterString(featureType.description))
+        : null, pipe(createNestedElement('gfc:isAbstract', 'gco:Boolean'), setTextContent('false')), featureType.label
+        ? pipe(createElement('gfc:designation'), writeCharacterString(featureType.label))
+        : null, ...featureType.attributes.map(createFeatureAttribute), createNilElement('gfc:featureCatalogue', 'missing')));
+}
+function writeFeatureTypeDescriptions(record, rootEl) {
+    const featureTypes = record.featureTypeDescriptions ?? [];
+    const catalogues = findNestedElements('mdb:contentInfo', 'mrc:MD_FeatureCatalogue', 'mrc:featureCatalogue', 'gfc:FC_FeatureCatalogue')(rootEl);
+    catalogues.forEach((catalogue) => removeChildrenByName('gfc:featureType')(catalogue));
+    if (!featureTypes.length)
+        return;
+    const catalogue = catalogues[0] ?? appendChildTree(createFeatureCatalogueShell())(rootEl);
+    appendChildren(...featureTypes.map(createFeatureType))(catalogue);
+}
 
 class Iso191153Converter extends Iso19139Converter {
     constructor() {
@@ -2852,6 +2903,7 @@ class Iso191153Converter extends Iso19139Converter {
         this.writers['lineage'] = writeLineage;
         this.writers['sourceRecords'] = writeSourceRecords;
         this.writers['associatedRecords'] = writeAssociatedRecords;
+        this.writers['featureTypeDescriptions'] = writeFeatureTypeDescriptions;
         this.writers['onlineResources'] = writeOnlineResources;
         this.writers['status'] = writeStatus;
         this.writers['spatialRepresentation'] = writeSpatialRepresentation;
@@ -2941,10 +2993,12 @@ class Iso191153Converter extends Iso19139Converter {
         });
     }
     async writeRecord(record, reference) {
-        let result = await super.writeRecord(record, reference);
-        // fix gco namespace definition (changes between iso19139 and iso19115-3
-        result = result.replace('"http://www.isotc211.org/2005/gco"', '"http://standards.iso.org/iso/19115/-3/gco/1.0"');
-        return result;
+        const result = await super.writeRecord(record, reference);
+        // fix the gco and gfc namespace definitions (they change between iso19139 and iso19115-3);
+        // only on the root element, where they are declared, so that nested declarations stay untouched
+        return result.replace(/<mdb:MD_Metadata[^>]*>/, (rootTag) => rootTag
+            .replace('"http://www.isotc211.org/2005/gco"', '"http://standards.iso.org/iso/19115/-3/gco/1.0"')
+            .replace('"http://www.isotc211.org/2005/gfc"', '"http://standards.iso.org/iso/19110/gfc/1.1"'));
     }
 }
 
@@ -19088,7 +19142,7 @@ class Gn4FieldMapper {
                 const values = (attr.values ?? [])
                     .filter((value) => value.code || value.label)
                     .map((value) => ({
-                    ...(value.code && { code: value.code }),
+                    value: value.code || '',
                     ...(value.label && { label: value.label }),
                 }));
                 return {
@@ -20510,7 +20564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.11.0-dev.7f3cfba04";
+var version = "2.11.0-dev.840dcc932";
 var engines = {
 	node: ">=24"
 };
@@ -21423,10 +21477,21 @@ class Gn4Repository {
         this.platformService = inject(PlatformServiceInterface);
         this.gn4LanguagesApi = inject(LanguagesApiService);
         this.settingsService = inject(Gn4SettingsService);
+        this.gn4TagsApi = inject(TagsApiService);
         this.disableDraft = inject(DISABLE_DRAFT, { optional: true }) ?? false;
         this.defaultConverter = inject(DEFAULT_RECORD_CONVERTER);
         this._draftsChanged = new Subject();
         this.draftsChanged$ = this._draftsChanged.asObservable();
+        /*
+         * FLAGS
+         * Note: in GN4 API, categories are named "tags"
+         */
+        this.categoriesIdentifierForFlags = this.gn4TagsApi.getTags().pipe(map$1((categories) => categories.reduce((acc, category) => {
+            if (category.name.startsWith('geonetwork-ui-flag:')) {
+                acc[category.name.replace(/^geonetwork-ui-flag:/, '')] = category.id;
+            }
+            return acc;
+        }, {})), shareReplay$1(1));
     }
     search({ filters, fields, offset, limit, sort, filterIds, filterGeometry, }) {
         return this.gn4SearchApi
@@ -21728,6 +21793,32 @@ class Gn4Repository {
     removeRecordFromLocalStorage(recordId) {
         window.localStorage.removeItem(this.getLocalStorageKeyForRecord(recordId));
     }
+    getCategoryIdForFlag(flagName) {
+        return this.categoriesIdentifierForFlags.pipe(map$1((categories) => {
+            const categoryId = categories[flagName];
+            if (categoryId === undefined) {
+                console.warn(`The record flag ${flagName} is not created on GeoNetwork backend; please create a category with the name geonetwork-ui-flag:${flagName} for this to work.`);
+                return null;
+            }
+            return categoryId;
+        }));
+    }
+    setRecordFlag(uniqueIdentifier, flagName, value) {
+        return this.getCategoryIdForFlag(flagName).pipe(switchMap((categoryId) => {
+            if (categoryId === null)
+                return of();
+            return value
+                ? this.gn4RecordsApi.tagRecord(uniqueIdentifier, [categoryId], false)
+                : this.gn4RecordsApi.deleteTags(uniqueIdentifier, [categoryId]);
+        }));
+    }
+    getRecordFlag(uniqueIdentifier, flagName) {
+        return this.gn4RecordsApi.getRecordTags(uniqueIdentifier).pipe(withLatestFrom(this.getCategoryIdForFlag(flagName)), map$1(([tags, categoryId]) => {
+            if (categoryId === null)
+                return false;
+            return Array.from(tags).some((tag) => tag.id === categoryId);
+        }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: Gn4Repository, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: Gn4Repository }); }
 }
@@ -22343,6 +22434,9 @@ class Gn4PlatformService {
         this.me$ = this.disableAuth
             ? of(null)
             : of(true).pipe(switchMap(() => this.meApi.getMe()), switchMap((apiUser) => this.mapper.userFromMeApi(apiUser)), shareReplay$1({ bufferSize: 1, refCount: true }));
+        this.isAdmin$ = this.disableAuth
+            ? of(false)
+            : of(true).pipe(switchMap(() => this.meApi.getMe()), map$1((apiUser) => !!apiUser?.admin), shareReplay$1({ bufferSize: 1, refCount: true }));
         /**
          * A map of already loaded thesauri (groups of keywords); the key is a URI
          * @private
@@ -22378,6 +22472,9 @@ class Gn4PlatformService {
     isAnonymous() {
         return this.isUserAnonymous$;
     }
+    isAdministrator() {
+        return this.isAdmin$;
+    }
     getOrganizations() {
         return undefined;
     }
@@ -30243,7 +30340,7 @@ class FeatureCatalogListComponent {
         return col.key;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureCatalogListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, providers: [provideIcons({ iconoirList })], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }, { propertyName: "panelComponent", first: true, predicate: ["expanel"], descendants: true, read: ExpandablePanelComponent, static: true }], ngImport: i0, template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass", "scrollContainer", "cdkScrollContainer"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, providers: [provideIcons({ iconoirList })], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }, { propertyName: "panelComponent", first: true, predicate: ["expanel"], descendants: true, read: ExpandablePanelComponent, static: true }], ngImport: i0, template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.value }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass", "scrollContainer", "cdkScrollContainer"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureCatalogListComponent, decorators: [{
             type: Component,
@@ -30256,7 +30353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         TruncatedTextComponent,
                         NgIconComponent,
                         ScrollingModule,
-                    ], providers: [provideIcons({ iconoirList })], template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n" }]
+                    ], providers: [provideIcons({ iconoirList })], template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.value }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { filteredFeatureCatalog: [{
                 type: Input
             }], scrollContainer: [{
@@ -36468,6 +36565,15 @@ const DEFAULT_CONFIGURATION = {
                                 labelKey: marker('editor.record.form.field.title'),
                             },
                         },
+                        {
+                            model: 'flags',
+                            modelSpecifier: 'flags:IS_REFERENCE_DATASET',
+                            formFieldConfig: {
+                                labelKey: marker('editor.record.form.field.flags.IS_REFERENCE_DATASET'),
+                                hintKey: marker('editor.record.form.field.hint.flags.IS_REFERENCE_DATASET'),
+                            },
+                            hidden: '${record.kind != "dataset" || !user.isAdmin}',
+                        },
                         {
                             model: 'abstract',
                             formFieldConfig: {
@@ -39352,6 +39458,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Output
             }] } });
 
+class FormFieldRecordFlagComponent {
+    constructor() {
+        this.flagName = input(...(ngDevMode ? [undefined, { debugName: "flagName" }] : []));
+        this.labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : []));
+        this.hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : []));
+        this.editorFacade = inject(EditorFacade);
+        this.repository = inject(RecordsRepositoryInterface);
+        this.notificationsService = inject(NotificationsService);
+        this.translateService = inject(TranslateService);
+        this.record = toSignal(this.editorFacade.record$);
+        this.recordKind = toSignal(this.editorFacade.record$.pipe(map$1((record) => record.kind)));
+        this.initialValue$ = this.editorFacade.record$.pipe(filter((record) => !!record), switchMap$1((record) => this.repository.getRecordFlag(record.uniqueIdentifier, this.flagName())));
+    }
+    onToggle(enabled) {
+        if (this.record() === null) {
+            return;
+        }
+        this.repository
+            .setRecordFlag(this.record().uniqueIdentifier, this.flagName(), enabled)
+            .subscribe({
+            next: () => {
+                // do nothing
+            },
+            error: (error) => {
+                this.notificationsService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('editor.record.flag.saveError.title'),
+                    text: `${this.translateService.instant('editor.record.flag.saveError.body', {
+                        recordKind: this.recordKind(),
+                    })} ${error.message}`,
+                }, undefined, error);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldRecordFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FormFieldRecordFlagComponent, isStandalone: true, selector: "gn-ui-form-field-record-flag", inputs: { flagName: { classPropertyName: "flagName", publicName: "flagName", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, hintKey: { classPropertyName: "hintKey", publicName: "hintKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex-1 flex justify-between items-center\">\n  <gn-ui-check-toggle\n    [label]=\"labelKey() | translate\"\n    [value]=\"initialValue$ | async\"\n    (toggled)=\"onToggle($event)\"\n    [attr.data-cy]=\"'record-flag-toggle-' + flagName()\"\n  ></gn-ui-check-toggle>\n\n  @if (hintKey()) {\n  <ng-icon\n    name=\"matHelpOutline\"\n    size=\"16\"\n    class=\"m-2\"\n    [matTooltip]=\"hintKey() | translate\"\n    matTooltipPosition=\"above\"\n  ></ng-icon>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+            provideIcons({
+                matHelpOutline,
+            }),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldRecordFlagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-form-field-record-flag', standalone: true, imports: [AsyncPipe, CheckToggleComponent, TranslatePipe, NgIcon, MatTooltip], viewProviders: [
+                        provideIcons({
+                            matHelpOutline,
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-1 flex justify-between items-center\">\n  <gn-ui-check-toggle\n    [label]=\"labelKey() | translate\"\n    [value]=\"initialValue$ | async\"\n    (toggled)=\"onToggle($event)\"\n    [attr.data-cy]=\"'record-flag-toggle-' + flagName()\"\n  ></gn-ui-check-toggle>\n\n  @if (hintKey()) {\n  <ng-icon\n    name=\"matHelpOutline\"\n    size=\"16\"\n    class=\"m-2\"\n    [matTooltip]=\"hintKey() | translate\"\n    matTooltipPosition=\"above\"\n  ></ng-icon>\n  }\n</div>\n" }]
+        }], propDecorators: { flagName: [{ type: i0.Input, args: [{ isSignal: true, alias: "flagName", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }] } });
+
 class FormFieldComponent {
     constructor() {
         this.valueChange = new EventEmitter();
@@ -39370,6 +39526,7 @@ class FormFieldComponent {
             this.model === 'legalConstraints' ||
             this.model === 'securityConstraints' ||
             this.model === 'otherConstraints' ||
+            this.model === 'flags' ||
             this.componentName === 'form-field-constraints-shortcuts');
     }
     get valueAsString() {
@@ -39409,6 +39566,9 @@ class FormFieldComponent {
         const identifiers = this.value;
         return identifiers?.[0]?.code || '';
     }
+    get recordFlag() {
+        return this.modelSpecifier?.replace(/^flags:/, '');
+    }
     handleResourceIdentifierChange(code) {
         const identifiers = this.value;
         if (!code) {
@@ -39426,7 +39586,7 @@ class FormFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", recordKind: "recordKind", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, providers: [provideIcons({ matEditOutline, matHelpOutline })], viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], hostDirectives: [{ directive: FieldFocusDirective }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate: { recordKind }\"\n      [hint]=\"config.hintKey! | translate: { recordKind }\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder'\n              | translate: { recordKind }\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <ng-icon\n            name=\"matEditOutline\"\n            size=\"16\"\n            class=\"m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n          ></ng-icon>\n          <ng-icon\n            *ngIf=\"config.hintKey\"\n            name=\"matHelpOutline\"\n            size=\"16\"\n            class=\"m-2\"\n            [matTooltip]=\"config.hintKey! | translate: { recordKind }\"\n            matTooltipPosition=\"above\"\n          ></ng-icon>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [hint]=\"config.hintKey! | translate: { recordKind }\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [recordKind]=\"recordKind\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n        [recordKind]=\"recordKind\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'associatedRecords'\">\n      <gn-ui-form-field-associated-records\n        [value]=\"valueAsAssociatedRecords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-associated-records>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        [modelSpecifier]=\"modelSpecifier\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-single-link-resource\n        *ngIf=\"modelSpecifier === 'onlineResourceType:singleLink'\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-single-link-resource>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [":host{scroll-margin-top:90px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value", "recordKind"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldAssociatedRecordsComponent, selector: "gn-ui-form-field-associated-records", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "recordKind", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineSingleLinkResourceComponent, selector: "gn-ui-form-field-online-single-link-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value", "modelSpecifier"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", recordKind: "recordKind", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, providers: [provideIcons({ matEditOutline, matHelpOutline })], viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], hostDirectives: [{ directive: FieldFocusDirective }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  @if (withoutWrapper) {\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  } @else {\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate: { recordKind }\"\n      [hint]=\"config.hintKey! | translate: { recordKind }\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  }\n</div>\n\n<ng-template #fieldContent>\n  @switch (model) {\n    @case ('title') {\n      <div class=\"flex flex-row flex-start items-center gap-3\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder'\n              | translate: { recordKind }\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <ng-icon\n            name=\"matEditOutline\"\n            size=\"16\"\n            class=\"m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n          ></ng-icon>\n          @if (config.hintKey) {\n            <ng-icon\n              name=\"matHelpOutline\"\n              size=\"16\"\n              class=\"m-2\"\n              [matTooltip]=\"config.hintKey! | translate: { recordKind }\"\n              matTooltipPosition=\"above\"\n            ></ng-icon>\n          }\n        </div>\n      </div>\n    }\n    @case ('abstract') {\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [hint]=\"config.hintKey! | translate: { recordKind }\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    }\n    @case ('overviews') {\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [recordKind]=\"recordKind\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    }\n    @case ('resourceIdentifiers') {\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    }\n    @case ('resourceCreated') {\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    }\n    @case ('resourceUpdated') {\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    }\n    @case ('updateFrequency') {\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n        [recordKind]=\"recordKind\"\n      ></gn-ui-form-field-update-frequency>\n    }\n    @case ('associatedRecords') {\n      <gn-ui-form-field-associated-records\n        [value]=\"valueAsAssociatedRecords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-associated-records>\n    }\n    @case ('temporalExtents') {\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    }\n    @case ('spatialExtents') {\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    }\n    @case ('keywords') {\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    }\n    @case ('topics') {\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    }\n    @case ('licenses') {\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    }\n\n    <!-- TODO: merge these cases together when migrated to angular 21 -->\n    @case ('legalConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n    @case ('securityConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n    @case ('otherConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n\n    @case ('contactsForResource') {\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    }\n    @case ('contacts') {\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        [modelSpecifier]=\"modelSpecifier\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    }\n    @case ('onlineResources') {\n      @if (modelSpecifier === 'onlineResourceType:!link') {\n        <gn-ui-form-field-online-resources\n          [metadataUuid]=\"uniqueIdentifier\"\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-resources>\n      } @else if (modelSpecifier === 'onlineResourceType:link') {\n        <gn-ui-form-field-online-link-resources\n          [metadataUuid]=\"uniqueIdentifier\"\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-link-resources>\n      } @else if (modelSpecifier === 'onlineResourceType:singleLink') {\n        <gn-ui-form-field-online-single-link-resource\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-single-link-resource>\n      }\n    }\n    @case ('flags') {\n      <gn-ui-form-field-record-flag\n        [flagName]=\"recordFlag\"\n        [labelKey]=\"config.labelKey\"\n        [hintKey]=\"config.hintKey\"\n      ></gn-ui-form-field-record-flag>\n    }\n  }\n\n  @if (!model) {\n    @switch (componentName) {\n      @case ('form-field-constraints-shortcuts') {\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      }\n      @case ('form-field-spatial-toggle') {\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      }\n    }\n  }\n</ng-template>\n", styles: [":host{scroll-margin-top:90px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value", "recordKind"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldAssociatedRecordsComponent, selector: "gn-ui-form-field-associated-records", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "recordKind", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineSingleLinkResourceComponent, selector: "gn-ui-form-field-online-single-link-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value", "modelSpecifier"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: FormFieldRecordFlagComponent, selector: "gn-ui-form-field-record-flag", inputs: ["flagName", "labelKey", "hintKey"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -39456,7 +39616,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         FormFieldTopicsComponent,
                         TextFieldModule,
                         NgIconComponent,
-                    ], providers: [provideIcons({ matEditOutline, matHelpOutline })], hostDirectives: [FieldFocusDirective], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate: { recordKind }\"\n      [hint]=\"config.hintKey! | translate: { recordKind }\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder'\n              | translate: { recordKind }\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <ng-icon\n            name=\"matEditOutline\"\n            size=\"16\"\n            class=\"m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n          ></ng-icon>\n          <ng-icon\n            *ngIf=\"config.hintKey\"\n            name=\"matHelpOutline\"\n            size=\"16\"\n            class=\"m-2\"\n            [matTooltip]=\"config.hintKey! | translate: { recordKind }\"\n            matTooltipPosition=\"above\"\n          ></ng-icon>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [hint]=\"config.hintKey! | translate: { recordKind }\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [recordKind]=\"recordKind\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n        [recordKind]=\"recordKind\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'associatedRecords'\">\n      <gn-ui-form-field-associated-records\n        [value]=\"valueAsAssociatedRecords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-associated-records>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        [modelSpecifier]=\"modelSpecifier\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-single-link-resource\n        *ngIf=\"modelSpecifier === 'onlineResourceType:singleLink'\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-single-link-resource>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [":host{scroll-margin-top:90px}\n"] }]
+                        FormFieldRecordFlagComponent,
+                    ], providers: [provideIcons({ matEditOutline, matHelpOutline })], hostDirectives: [FieldFocusDirective], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  @if (withoutWrapper) {\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  } @else {\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate: { recordKind }\"\n      [hint]=\"config.hintKey! | translate: { recordKind }\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  }\n</div>\n\n<ng-template #fieldContent>\n  @switch (model) {\n    @case ('title') {\n      <div class=\"flex flex-row flex-start items-center gap-3\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder'\n              | translate: { recordKind }\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <ng-icon\n            name=\"matEditOutline\"\n            size=\"16\"\n            class=\"m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n          ></ng-icon>\n          @if (config.hintKey) {\n            <ng-icon\n              name=\"matHelpOutline\"\n              size=\"16\"\n              class=\"m-2\"\n              [matTooltip]=\"config.hintKey! | translate: { recordKind }\"\n              matTooltipPosition=\"above\"\n            ></ng-icon>\n          }\n        </div>\n      </div>\n    }\n    @case ('abstract') {\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [hint]=\"config.hintKey! | translate: { recordKind }\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    }\n    @case ('overviews') {\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [recordKind]=\"recordKind\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    }\n    @case ('resourceIdentifiers') {\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    }\n    @case ('resourceCreated') {\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    }\n    @case ('resourceUpdated') {\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    }\n    @case ('updateFrequency') {\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n        [recordKind]=\"recordKind\"\n      ></gn-ui-form-field-update-frequency>\n    }\n    @case ('associatedRecords') {\n      <gn-ui-form-field-associated-records\n        [value]=\"valueAsAssociatedRecords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-associated-records>\n    }\n    @case ('temporalExtents') {\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    }\n    @case ('spatialExtents') {\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    }\n    @case ('keywords') {\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    }\n    @case ('topics') {\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    }\n    @case ('licenses') {\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate: { recordKind }\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    }\n\n    <!-- TODO: merge these cases together when migrated to angular 21 -->\n    @case ('legalConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n    @case ('securityConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n    @case ('otherConstraints') {\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints>\n    }\n\n    @case ('contactsForResource') {\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    }\n    @case ('contacts') {\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        [modelSpecifier]=\"modelSpecifier\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    }\n    @case ('onlineResources') {\n      @if (modelSpecifier === 'onlineResourceType:!link') {\n        <gn-ui-form-field-online-resources\n          [metadataUuid]=\"uniqueIdentifier\"\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-resources>\n      } @else if (modelSpecifier === 'onlineResourceType:link') {\n        <gn-ui-form-field-online-link-resources\n          [metadataUuid]=\"uniqueIdentifier\"\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-link-resources>\n      } @else if (modelSpecifier === 'onlineResourceType:singleLink') {\n        <gn-ui-form-field-online-single-link-resource\n          [value]=\"valueAsOnlineResources\"\n          (valueChange)=\"valueChange.emit($event)\"\n        ></gn-ui-form-field-online-single-link-resource>\n      }\n    }\n    @case ('flags') {\n      <gn-ui-form-field-record-flag\n        [flagName]=\"recordFlag\"\n        [labelKey]=\"config.labelKey\"\n        [hintKey]=\"config.hintKey\"\n      ></gn-ui-form-field-record-flag>\n    }\n  }\n\n  @if (!model) {\n    @switch (componentName) {\n      @case ('form-field-constraints-shortcuts') {\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      }\n      @case ('form-field-spatial-toggle') {\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      }\n    }\n  }\n</ng-template>\n", styles: [":host{scroll-margin-top:90px}\n"] }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], recordKind: [{
@@ -39487,9 +39648,13 @@ const TOKEN_OPERATOR_LOGICAL = ['==', '!='];
 const TOKEN_STRING_LITERAL = ["'", '"'];
 const TOKEN_GROUP_START = '(';
 const TOKEN_GROUP_END = ')';
+const TOKEN_OPERATOR_BOOLEAN = ['&&', '||'];
+const TOKEN_OPERATOR_NOT = '!';
 // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_precedence
 const OPERATORS_BY_PRECEDENCE = [
     [TOKEN_OPERATOR_TERNARY_FIRST, TOKEN_OPERATOR_TERNARY_SECOND],
+    TOKEN_OPERATOR_BOOLEAN,
+    [TOKEN_OPERATOR_NOT],
     TOKEN_OPERATOR_LOGICAL,
 ];
 const ALL_OPERATORS = OPERATORS_BY_PRECEDENCE.flat();
@@ -39599,6 +39764,16 @@ function evaluateInternal(expression, currentContext) {
             pos++;
             continue;
         }
+        // BOOLEAN LITERAL
+        const isBooleanLiteral = readNext(expression, pos, 4) === 'true' ||
+            readNext(expression, pos, 5) === 'false';
+        if (isBooleanLiteral) {
+            const literal = readNext(expression, pos, 4) === 'true' ? 'true' : 'false';
+            pos += literal.length;
+            const booleanLiteral = literal === 'true';
+            currentEvaluator = () => booleanLiteral;
+            continue;
+        }
         // SYMBOL (NAME)
         const isSymbol = /[a-zA-Z]/.test(readNext(expression, pos));
         if (isSymbol) {
@@ -39689,6 +39864,35 @@ function evaluateInternal(expression, currentContext) {
             };
             continue;
         }
+        // BOOLEAN OPERATORS
+        const isBooleanOperator = TOKEN_OPERATOR_BOOLEAN.some((token) => readNext(expression, pos, token.length) === token);
+        if (isBooleanOperator) {
+            const matchingOperator = TOKEN_OPERATOR_BOOLEAN.find((token) => readNext(expression, pos, token.length) === token);
+            const isAnd = matchingOperator === '&&';
+            pos += matchingOperator.length;
+            const leftEvaluator = currentEvaluator;
+            const rightExpression = readUntilNextOperator(expression, pos, matchingOperator);
+            pos += rightExpression.length;
+            const rightEvaluator = evaluateInternal(rightExpression, currentContext).evaluator;
+            currentEvaluator = (context) => {
+                return isAnd
+                    ? Boolean(leftEvaluator(context) && rightEvaluator(context))
+                    : Boolean(leftEvaluator(context) || rightEvaluator(context));
+            };
+            continue;
+        }
+        // PREFIX OPERATORS
+        const isNotOperator = readNext(expression, pos) === TOKEN_OPERATOR_NOT;
+        if (isNotOperator) {
+            pos++;
+            const operandExpression = readUntilNextOperator(expression, pos, TOKEN_OPERATOR_NOT);
+            pos += operandExpression.length;
+            const operandEvaluator = evaluateInternal(operandExpression, currentContext).evaluator;
+            currentEvaluator = (context) => {
+                return !operandEvaluator(context);
+            };
+            continue;
+        }
         // TERNARY OPERATOR
         const isTernary = readNext(expression, pos) === TOKEN_OPERATOR_TERNARY_FIRST;
         if (isTernary) {
@@ -39759,6 +39963,7 @@ class RecordFormComponent {
     constructor() {
         this.facade = inject(EditorFacade);
         this.notifications = inject(NotificationsService);
+        this.platform = inject(PlatformServiceInterface);
         this.subscription = new Subscription();
         this.recordUniqueIdentifier$ = this.facade.record$.pipe(map$2((record) => record.uniqueIdentifier));
         this.recordKind$ = this.facade.record$.pipe(map$2((record) => record.kind));
@@ -39769,6 +39974,8 @@ class RecordFormComponent {
         this.formFields = viewChildren(FormFieldComponent, ...(ngDevMode ? [{ debugName: "formFields" }] : []));
         this.sectionFocusDirectives = viewChildren('sectionFocus', ...(ngDevMode ? [{ debugName: "sectionFocusDirectives" }] : []));
         this.recordSignal = toSignal(this.facade.record$, { requireSync: true });
+        this.userSignal = toSignal(this.platform.getMe());
+        this.isAdminSignal = toSignal(this.platform.isAdministrator());
         this.expressionCache = new Map();
     }
     focusField(model, sectionIndex) {
@@ -39793,7 +40000,7 @@ class RecordFormComponent {
         this.subscription.unsubscribe();
     }
     handleFieldValueChange(model, newValue) {
-        if (!model) {
+        if (!model || model === 'flags') {
             return;
         }
         this.facade.updateRecordField(model, newValue);
@@ -39836,7 +40043,15 @@ ${errors.map((err) => `> ${err}`).join('\n')}`);
                 text: 'An error happened while evaluating an expression inside the editor configuration; open the developer console for more information',
             });
         }
-        this.expressionCache.set(expression, computed(() => evaluator({ globals: { record: this.recordSignal() } })));
+        this.expressionCache.set(expression, computed(() => evaluator({
+            globals: {
+                record: this.recordSignal(),
+                user: {
+                    ...this.userSignal(),
+                    isAdmin: this.isAdminSignal(),
+                },
+            },
+        })));
         return this.expressionCache.get(expression);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RecordFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }