@provoly/dashboard 0.15.6 → 0.15.8

package/fesm2022/provoly-dashboard-admin.mjs

@@ -2322,9 +2322,12 @@ class AdminFieldsFormComponent {
                 type: this.currentField.type
             });
             this.fieldForm.controls['type'].disable();
+            if (this.isGeographicType) {
+                this.fieldForm.addControl('crs', new FormControl(this.currentField.crs, [Validators.required]));
+                this.fieldForm.controls['crs'].disable();
+            }
         }
-        // @ts-ignore
-        this.selectedFieldTypeDescription$ = this.fieldForm.get('type').valueChanges.pipe(startWith(this.fieldTypeTranslations[0]['varType']), distinctUntilChanged(), map((selectedType) => this.fieldTypeTranslations.find((translation) => translation['varType'] === selectedType)?.['description'] ??
+        this.selectedFieldTypeDescription$ = this.fieldForm.get('type')?.valueChanges.pipe(startWith(this.currentField?.type ?? this.fieldTypeTranslations[0]['varType']), distinctUntilChanged(), map((selectedType) => this.fieldTypeTranslations.find((translation) => translation['varType'] === selectedType)?.['description'] ??
             ''));
         this.fieldForm.get('type').valueChanges.subscribe((type) => {
             if (this.isGeographicType) {
@@ -2359,11 +2362,11 @@ class AdminFieldsFormComponent {
         return this.currentField ? this.goBackPathEdit : this.goBackPath;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminFieldsFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3$1.UntypedFormBuilder }, { token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminFieldsFormComponent, selector: "pry-admin-fields-form", inputs: { currentField: "currentField" }, ngImport: i0, template: "<div>\n  <form class=\"o-form\" [formGroup]=\"fieldForm\" (ngSubmit)=\"addField()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"isSubmitted && fieldForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        required\n      />\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"field_name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('maxlength')\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('whitespace') && !fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.noWhitespace' | i18n\n        }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"type\"\n          [labelTranslate]=\"true\"\n          [items]=\"fieldTypeTranslations\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"varType\"\n          bindLabel=\"translation\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <ng-container>\n          <div class=\"info-icon description-container description\">\n            <span class=\"info-text\">i</span>\n          </div>\n          <div class=\"description-tooltip title-tooltip\">\n            <p class=\"a-p -date\">{{ selectedFieldTypeDescription$ | async }}</p>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isGeographicType\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.crs' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"crs\"\n          [labelTranslate]=\"false\"\n          [items]=\"CRS_OPTIONS\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"code\"\n          bindLabel=\"label\"\n          [isForm]=\"true\"\n          id=\"crs\"\n        ></pry-select>\n      </div>\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('crs') && fieldForm.get('crs')?.invalid\"\n        id=\"crs-error\"\n        for=\"crs\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminFieldsFormComponent, selector: "pry-admin-fields-form", inputs: { currentField: "currentField" }, ngImport: i0, template: "<div>\n  <form class=\"o-form\" [formGroup]=\"fieldForm\" (ngSubmit)=\"addField()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"isSubmitted && fieldForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        required\n      />\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"field_name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('maxlength')\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('whitespace') && !fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.noWhitespace' | i18n\n        }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"type\"\n          [items]=\"fieldTypeTranslations\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"varType\"\n          bindLabel=\"translation\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <ng-container>\n          <div class=\"info-icon description-container description\">\n            <span class=\"info-text\">i</span>\n          </div>\n          <div class=\"description-tooltip title-tooltip\">\n            <p class=\"a-p -date\">{{ selectedFieldTypeDescription$ | async }}</p>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isGeographicType\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.crs' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"crs\"\n          [labelTranslate]=\"false\"\n          [items]=\"CRS_OPTIONS\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"code\"\n          bindLabel=\"label\"\n          [isForm]=\"true\"\n          id=\"crs\"\n        ></pry-select>\n      </div>\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('crs') && fieldForm.get('crs')?.invalid\"\n        id=\"crs-error\"\n        for=\"crs\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminFieldsFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-fields-form', template: "<div>\n  <form class=\"o-form\" [formGroup]=\"fieldForm\" (ngSubmit)=\"addField()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"isSubmitted && fieldForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        required\n      />\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"field_name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('maxlength')\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('whitespace') && !fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.noWhitespace' | i18n\n        }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"type\"\n          [labelTranslate]=\"true\"\n          [items]=\"fieldTypeTranslations\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"varType\"\n          bindLabel=\"translation\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <ng-container>\n          <div class=\"info-icon description-container description\">\n            <span class=\"info-text\">i</span>\n          </div>\n          <div class=\"description-tooltip title-tooltip\">\n            <p class=\"a-p -date\">{{ selectedFieldTypeDescription$ | async }}</p>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isGeographicType\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.crs' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"crs\"\n          [labelTranslate]=\"false\"\n          [items]=\"CRS_OPTIONS\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"code\"\n          bindLabel=\"label\"\n          [isForm]=\"true\"\n          id=\"crs\"\n        ></pry-select>\n      </div>\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('crs') && fieldForm.get('crs')?.invalid\"\n        id=\"crs-error\"\n        for=\"crs\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-fields-form', template: "<div>\n  <form class=\"o-form\" [formGroup]=\"fieldForm\" (ngSubmit)=\"addField()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"isSubmitted && fieldForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        required\n      />\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"field_name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('maxlength')\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</span>\n        <span *ngIf=\"fieldForm.get('name')?.hasError('whitespace') && !fieldForm.get('name')?.hasError('minlength')\">{{\n          '@pry.admin.noWhitespace' | i18n\n        }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"type\"\n          [items]=\"fieldTypeTranslations\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"varType\"\n          bindLabel=\"translation\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <ng-container>\n          <div class=\"info-icon description-container description\">\n            <span class=\"info-text\">i</span>\n          </div>\n          <div class=\"description-tooltip title-tooltip\">\n            <p class=\"a-p -date\">{{ selectedFieldTypeDescription$ | async }}</p>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isGeographicType\">\n      <label class=\"a-label\">\n        {{ '@pry.admin.fields.crs' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"title-container\">\n        <pry-select\n          class=\"a-pry-select -width-sm\"\n          formControlName=\"crs\"\n          [labelTranslate]=\"false\"\n          [items]=\"CRS_OPTIONS\"\n          [itemsAsOption]=\"true\"\n          bindValue=\"code\"\n          bindLabel=\"label\"\n          [isForm]=\"true\"\n          id=\"crs\"\n        ></pry-select>\n      </div>\n      <label\n        *ngIf=\"isSubmitted && fieldForm.get('crs') && fieldForm.get('crs')?.invalid\"\n        id=\"crs-error\"\n        for=\"crs\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"fieldForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3$1.UntypedFormBuilder }, { type: i4.PryI18nService }]; }, propDecorators: { currentField: [{
                 type: Input
             }] } });
@@ -3227,16 +3230,18 @@ class AdminSelectMetadataComponent {
                     relativeTo: this.route
                 });
                 this.store.dispatch(AdminActions.mainActions({
-                    actions: [
-                        {
-                            action: AdminActions.routeTo({ path: editPath.toString() }),
-                            label: 'edit',
-                            icon: 'edit',
-                            moduleAccess: 'admin',
-                            pageAccess: 'metadata',
-                            actionAccess: 'write'
-                        }
-                    ]
+                    actions: metadata.readOnly === true
+                        ? []
+                        : [
+                            {
+                                action: AdminActions.routeTo({ path: editPath.toString() }),
+                                label: 'edit',
+                                icon: 'edit',
+                                moduleAccess: 'admin',
+                                pageAccess: 'metadata',
+                                actionAccess: 'write'
+                            }
+                        ]
                 }));
             }
         }));
@@ -3262,11 +3267,11 @@ class AdminSelectMetadataComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminSelectMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminSelectMetadataComponent, selector: "pry-select-metadata", ngImport: i0, template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminSelectMetadataComponent, selector: "pry-select-metadata", ngImport: i0, template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadata.system !== undefined\">\n      {{ '@pry.admin.metadata.system' | i18n }} :\n      <strong>{{ metadata.system ? '\u2714' : '\u2718' }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminSelectMetadataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-select-metadata', template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n" }]
+            args: [{ selector: 'pry-select-metadata', template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadata.system !== undefined\">\n      {{ '@pry.admin.metadata.system' | i18n }} :\n      <strong>{{ metadata.system ? '\u2714' : '\u2718' }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 class AdminPredicatesSelectComponent {
@@ -5854,7 +5859,8 @@ const enTranslations = {
                 invalid: 'Field is required',
                 listLabel: 'Value name',
                 addValue: 'Add new value',
-                removeValue: 'Remove value'
+                removeValue: 'Remove value',
+                system: 'System metadata'
             },
             'metadata-rules': {
                 title: 'Metadata Rules',
@@ -6220,7 +6226,8 @@ const frTranslations = {
                 invalid: 'Le champs est requis',
                 listLabel: 'Nom de la valeur',
                 addValue: 'Ajouter une nouvelle valeur',
-                removeValue: 'Supprimer cette valeur'
+                removeValue: 'Supprimer cette valeur',
+                system: 'Métadonnée système'
             },
             'metadata-rules': {
                 title: 'Règles Metadonnées',