@provoly/dashboard 0.14.8 → 0.14.9

package/fesm2022/provoly-dashboard-admin.mjs

@@ -45,28 +45,6 @@ const AdminActions = {
     fetchAssociationsFailure: createAction('[Admin] Fetch Associations failure', props())
 };
 
-const BASE$1 = '[Admin/User]';
-const BASEAPI$1 = '[Admin/User Api]';
-const AdminMetadataUserActions = {
-    loadMetadata: createAction(`${BASE$1} Load Metadata`),
-    loadMetadataSuccess: createAction(`${BASEAPI$1} Load Metadata Success`, props()),
-    loadMetadataFailure: createAction(`${BASEAPI$1} Load Metadata Failure`, props()),
-    selectMetadata: createAction(`${BASE$1} Select Metadata`, props()),
-    unselectMetadata: createAction(`${BASE$1} unSelect Metadata`),
-    createMetadata: createAction(`${BASE$1} create metadata`, props()),
-    createMetadataSuccess: createAction(`${BASEAPI$1} create metadata Success`, props()),
-    createMetadataFailure: createAction(`${BASEAPI$1} create metadata Failure`, props()),
-    goToDetailsViewMetadata: createAction(`${BASE$1} go to details view metadata`, props()),
-    goToDetailsViewMetadataSuccess: createAction(`${BASEAPI$1} go to details view metadata success`, props()),
-    goToDetailsViewMetadataFailure: createAction(`${BASEAPI$1} go to details view metadata failure`, props()),
-    goToEditMetadata: createAction(`${BASE$1} go to edit view`, props()),
-    goToEditMetadataSuccess: createAction(`${BASE$1} go to edit view success`, props()),
-    goToEditMetadataFailure: createAction(`${BASE$1} go to edit view failure`, props()),
-    updateMetadata: createAction(`${BASE$1} update meta data`, props()),
-    updateMetadataSuccess: createAction(`${BASEAPI$1} update meta data Success`, props()),
-    updateMetadataFailure: createAction(`${BASEAPI$1} update meta data Failure`, props())
-};
-
 const PredicatesActions = {
     loadPredicates: createAction('[Admin/Predicates] Load Predicates'),
     loadPredicatesSuccess: createAction('[Admin/Predicates Api] Load Predicates Success', props()),
@@ -422,64 +400,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }] } });
 
-const adminMetadataUserFeatureKey = '@pry/admin/metadata/user';
-const initialAdminUserState$1 = {
-    metadata: [],
-    selectedMetadata: null,
-    loading: false,
-    editable: false,
-    errors: null
-};
-const adminMetadataUserReducer = createReducer(initialAdminUserState$1, on(AdminMetadataUserActions.loadMetadataSuccess, (state, action) => ({
-    ...state,
-    metadata: [...action.metadata],
-    loading: false
-})), on(AdminMetadataUserActions.loadMetadataFailure, AdminMetadataUserActions.createMetadataFailure, AdminMetadataUserActions.updateMetadataFailure, (state, action) => ({
-    ...state,
-    loading: false,
-    errors: action.error
-})), on(AdminMetadataUserActions.selectMetadata, (state, action) => ({
-    ...state,
-    selectedMetadata: action.id
-})), on(AdminMetadataUserActions.unselectMetadata, (state) => ({
-    ...state,
-    selectedMetadata: null
-})), on(AdminMetadataUserActions.loadMetadata, AdminMetadataUserActions.updateMetadata, (state) => ({
-    ...state,
-    loading: true
-})), on(AdminMetadataUserActions.createMetadataSuccess, (state, action) => ({
-    ...state,
-    metadata: [...state.metadata, action.metadata],
-    loading: false
-})), on(AdminMetadataUserActions.goToDetailsViewMetadata, (state, action) => ({
-    ...state,
-    selectedMetadata: action.id,
-    editable: false
-})), on(AdminMetadataUserActions.goToEditMetadata, (state, action) => ({
-    ...state,
-    selectedMetadata: action.id,
-    editable: true
-})), on(AdminMetadataUserActions.updateMetadataSuccess, (state, action) => ({
-    ...state,
-    metadata: [...state.metadata.map((old) => (old.id === action.metadata.id ? action.metadata : old))],
-    loading: false
-})));
-
-const feature$7 = createFeatureSelector(adminMetadataUserFeatureKey);
-const metadata = createSelector(feature$7, (state) => state?.metadata);
-const loading$3 = createSelector(feature$7, (state) => state?.loading);
-const selectedMetadata = createSelector(feature$7, (state) => state?.metadata.find((x) => x.id === state.selectedMetadata) || null);
-const selectedMetadataId = createSelector(selectedMetadata, (metadata) => metadata?.id);
-const editable$1 = createSelector(feature$7, (state) => ({ value: state?.editable }));
-const AdminMetadataUserSelectors = {
-    feature: feature$7,
-    loading: loading$3,
-    metadata,
-    selectedMetadata,
-    selectedMetadataId,
-    editable: editable$1
-};
-
 class MetadataConditionComponent {
     set id(val) {
         this._id = val;
@@ -496,7 +416,7 @@ class MetadataConditionComponent {
             { operator: 'EQUALS', translation: '@pry.search.operator.equalsString' },
             { operator: 'NOT_EQUALS', translation: '@pry.search.operator.notEqualsString' }
         ]);
-        this.metadataUsers$ = this.store.select(AdminMetadataUserSelectors.metadata);
+        this.metadataUsers$ = this.store.select(MetadataSelectors.userProfile);
     }
     assignObservables() {
         this.condition$ = this.store.select(AbacRulesSelectors.editAbacRuleConditionsById(this._id ?? ''));
@@ -646,7 +566,7 @@ class AdminAbacRulesEditComponent {
         this.store.dispatch(FieldActions.load());
         this.store.dispatch(PredicatesActions.loadPredicates());
         this.store.dispatch(MetadataActions.loadMetadata());
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
+        this.store.dispatch(MetadataActions.loadUserProfile());
     }
     ngOnInit() {
         this.route.params.subscribe((params) => {
@@ -841,7 +761,7 @@ class AdminAbacRulesNewComponent {
         this.store.dispatch(FieldActions.load());
         this.store.dispatch(PredicatesActions.loadPredicates());
         this.store.dispatch(MetadataActions.loadMetadata());
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
+        this.store.dispatch(MetadataActions.loadUserProfile());
         const newRule = this.abacRuleService.initializeNewAbacRule();
         this.store.dispatch(AbacRulesActions.initEditAbacRule({ rule: newRule }));
     }
@@ -1008,18 +928,18 @@ const classReducer = createReducer(initialClassState, on(AdminClassActions.selec
     selectedAttribute: undefined
 })));
 
-const feature$6 = createFeatureSelector(classesFeatureKey);
-const loading$2 = createSelector(feature$6, (state) => state?.loading);
-const selectedClass = createSelector(feature$6, (state) => state?.selectedClass);
+const feature$7 = createFeatureSelector(classesFeatureKey);
+const loading$3 = createSelector(feature$7, (state) => state?.loading);
+const selectedClass = createSelector(feature$7, (state) => state?.selectedClass);
 const selectedClassId = createSelector(selectedClass, (state) => state?.id);
-const selectedAttribute = createSelector(feature$6, (state) => state?.selectedAttribute);
+const selectedAttribute = createSelector(feature$7, (state) => state?.selectedAttribute);
 const selectedAttributeId = createSelector(selectedAttribute, (state) => state?.id);
-const interClass = createSelector(feature$6, (state) => state?.interClass);
+const interClass = createSelector(feature$7, (state) => state?.interClass);
 const interClassId = createSelector(interClass, (state) => state?.id);
-const openModal = createSelector(feature$6, (state) => state.openModal);
+const openModal = createSelector(feature$7, (state) => state.openModal);
 const AdminClassSelectors = {
-    feature: feature$6,
-    loading: loading$2,
+    feature: feature$7,
+    loading: loading$3,
     selectedClass,
     selectedClassId,
     selectedAttribute,
@@ -1505,7 +1425,7 @@ class AdminAttributesFormComponent {
         this.categories$ = combineLatest([this.store.select(CategorySelectors.categories), this.filterCategories$]).pipe(map(([categories, filter]) => categories.filter((cat) => !filter || cat.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))));
         this.attrForm = this.formBuilder.group({
             id: [v4()],
-            name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(100), noWhitespaceValidator]],
+            name: ['', [Validators.required, Validators.minLength(2), Validators.maxLength(100), noWhitespaceValidator]],
             description: [{ value: '', disabled: true }],
             field: ['', [Validators.required]],
             category: [DEFAULT_CATEGORY_UUID],
@@ -1607,11 +1527,11 @@ class AdminAttributesFormComponent {
         this.closeCategory();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminAttributesFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3$1.UntypedFormBuilder }, { token: i5.Overlay }, { token: i0.ViewContainerRef }, { token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminAttributesFormComponent, selector: "pry-admin-attributes-form", inputs: { selectedClass: "selectedClass", interClass: "interClass", selectedAttribute: "selectedAttribute" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" required />\n    <label class=\"a-label a-label--help -error\" *ngIf=\"nameAlreadyExists$ | async\">{{\n      '@pry.admin.exists' | i18n\n    }}</label>\n    <div *ngIf=\"attrForm.get('name')?.invalid\">\n      <div *ngIf=\"attrForm.get('name')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('maxlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('whitespace') && !attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"title-container\">\n      <pry-select\n        id=\"type\"\n        class=\"a-pry-select\"\n        formControlName=\"field\"\n        [labelTranslate]=\"true\"\n        [items]=\"fields$ | async\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n      ></pry-select>\n      <ng-container *ngIf=\"selectedFieldTypeDescription$ | async as description\">\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\">{{ description }}</p>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"attrForm.get('field')?.invalid\">\n      <div *ngIf=\"attrForm.get('field')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [labelTranslate]=\"true\"\n      [items]=\"categories$ | async\"\n      (click)=\"showCategory()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      [readonly]=\"true\"\n    ></pry-select>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n\n<ng-template #template>\n  <div class=\"o-modal o-modal--selector\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.category.select' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeCategory()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <form (ngSubmit)=\"addCategory()\">\n      <div class=\"m-form-label-field selector\">\n        <label class=\"a-label\" for=\"name-search\">{{ '@pry.admin.classes.category.searchOrCreate' | i18n }}</label>\n        <input\n          type=\"text\"\n          class=\"a-form-field\"\n          (input)=\"search($event)\"\n          [(ngModel)]=\"catToAdd.name\"\n          name=\"name\"\n          id=\"name-search\"\n        />\n      </div>\n\n      <table class=\"a-table\">\n        <caption>\n          {{\n            '@pry.admin.classes.category.name' | i18n\n          }}\n        </caption>\n        <thead>\n          <tr>\n            <th scole=\"col\">{{ '@pry.admin.classes.category.name' | i18n }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cat of categories$ | async\">\n            <td>\n              <button type=\"button\" class=\"a-btn a-btn--ghost select-it\" (click)=\"setCategory(cat)\">\n                <span class=\"u-visually-hidden\">{{ '@pry.admin.classes.category.selectIt' | i18n }}</span>\n                {{ cat.name }}\n              </button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <ng-container *ngIf=\"(categories$ | async)?.length === 0\">\n        <p class=\"a-p a-p--create\">\n          <strong>{{ catToAdd.name }} </strong>\n          <span [innerHTML]=\"'@pry.admin.classes.category.add' | i18n\"></span>\n        </p>\n        <button\n          type=\"submit\"\n          class=\"a-btn a-btn--primary\"\n          [innerHTML]=\"'@pry.admin.classes.category.create' | i18n\"\n        ></button>\n      </ng-container>\n    </form>\n  </div>\n</ng-template>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: AdminAttributesFormComponent, selector: "pry-admin-attributes-form", inputs: { selectedClass: "selectedClass", interClass: "interClass", selectedAttribute: "selectedAttribute" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" required />\n    <label class=\"a-label a-label--help -error\" *ngIf=\"nameAlreadyExists$ | async\">{{\n      '@pry.admin.exists' | i18n\n    }}</label>\n    <div *ngIf=\"attrForm.get('name')?.invalid\">\n      <div *ngIf=\"attrForm.get('name')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.minLength' | i18n : { len: 2 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('maxlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('whitespace') && !attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"title-container\">\n      <pry-select\n        id=\"type\"\n        class=\"a-pry-select\"\n        formControlName=\"field\"\n        [labelTranslate]=\"true\"\n        [items]=\"fields$ | async\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n      ></pry-select>\n      <ng-container *ngIf=\"selectedFieldTypeDescription$ | async as description\">\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\">{{ description }}</p>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"attrForm.get('field')?.invalid\">\n      <div *ngIf=\"attrForm.get('field')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [labelTranslate]=\"true\"\n      [items]=\"categories$ | async\"\n      (click)=\"showCategory()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      [readonly]=\"true\"\n    ></pry-select>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n\n<ng-template #template>\n  <div class=\"o-modal o-modal--selector\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.category.select' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeCategory()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <form (ngSubmit)=\"addCategory()\">\n      <div class=\"m-form-label-field selector\">\n        <label class=\"a-label\" for=\"name-search\">{{ '@pry.admin.classes.category.searchOrCreate' | i18n }}</label>\n        <input\n          type=\"text\"\n          class=\"a-form-field\"\n          (input)=\"search($event)\"\n          [(ngModel)]=\"catToAdd.name\"\n          name=\"name\"\n          id=\"name-search\"\n        />\n      </div>\n\n      <table class=\"a-table\">\n        <caption>\n          {{\n            '@pry.admin.classes.category.name' | i18n\n          }}\n        </caption>\n        <thead>\n          <tr>\n            <th scole=\"col\">{{ '@pry.admin.classes.category.name' | i18n }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cat of categories$ | async\">\n            <td>\n              <button type=\"button\" class=\"a-btn a-btn--ghost select-it\" (click)=\"setCategory(cat)\">\n                <span class=\"u-visually-hidden\">{{ '@pry.admin.classes.category.selectIt' | i18n }}</span>\n                {{ cat.name }}\n              </button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <ng-container *ngIf=\"(categories$ | async)?.length === 0\">\n        <p class=\"a-p a-p--create\">\n          <strong>{{ catToAdd.name }} </strong>\n          <span [innerHTML]=\"'@pry.admin.classes.category.add' | i18n\"></span>\n        </p>\n        <button\n          type=\"submit\"\n          class=\"a-btn a-btn--primary\"\n          [innerHTML]=\"'@pry.admin.classes.category.create' | i18n\"\n        ></button>\n      </ng-container>\n    </form>\n  </div>\n</ng-template>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: AdminAttributesFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-attributes-form', template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" required />\n    <label class=\"a-label a-label--help -error\" *ngIf=\"nameAlreadyExists$ | async\">{{\n      '@pry.admin.exists' | i18n\n    }}</label>\n    <div *ngIf=\"attrForm.get('name')?.invalid\">\n      <div *ngIf=\"attrForm.get('name')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.minLength' | i18n : { len: 3 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('maxlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('whitespace') && !attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"title-container\">\n      <pry-select\n        id=\"type\"\n        class=\"a-pry-select\"\n        formControlName=\"field\"\n        [labelTranslate]=\"true\"\n        [items]=\"fields$ | async\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n      ></pry-select>\n      <ng-container *ngIf=\"selectedFieldTypeDescription$ | async as description\">\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\">{{ description }}</p>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"attrForm.get('field')?.invalid\">\n      <div *ngIf=\"attrForm.get('field')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [labelTranslate]=\"true\"\n      [items]=\"categories$ | async\"\n      (click)=\"showCategory()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      [readonly]=\"true\"\n    ></pry-select>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n\n<ng-template #template>\n  <div class=\"o-modal o-modal--selector\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.category.select' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeCategory()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <form (ngSubmit)=\"addCategory()\">\n      <div class=\"m-form-label-field selector\">\n        <label class=\"a-label\" for=\"name-search\">{{ '@pry.admin.classes.category.searchOrCreate' | i18n }}</label>\n        <input\n          type=\"text\"\n          class=\"a-form-field\"\n          (input)=\"search($event)\"\n          [(ngModel)]=\"catToAdd.name\"\n          name=\"name\"\n          id=\"name-search\"\n        />\n      </div>\n\n      <table class=\"a-table\">\n        <caption>\n          {{\n            '@pry.admin.classes.category.name' | i18n\n          }}\n        </caption>\n        <thead>\n          <tr>\n            <th scole=\"col\">{{ '@pry.admin.classes.category.name' | i18n }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cat of categories$ | async\">\n            <td>\n              <button type=\"button\" class=\"a-btn a-btn--ghost select-it\" (click)=\"setCategory(cat)\">\n                <span class=\"u-visually-hidden\">{{ '@pry.admin.classes.category.selectIt' | i18n }}</span>\n                {{ cat.name }}\n              </button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <ng-container *ngIf=\"(categories$ | async)?.length === 0\">\n        <p class=\"a-p a-p--create\">\n          <strong>{{ catToAdd.name }} </strong>\n          <span [innerHTML]=\"'@pry.admin.classes.category.add' | i18n\"></span>\n        </p>\n        <button\n          type=\"submit\"\n          class=\"a-btn a-btn--primary\"\n          [innerHTML]=\"'@pry.admin.classes.category.create' | i18n\"\n        ></button>\n      </ng-container>\n    </form>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-admin-attributes-form', template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" required />\n    <label class=\"a-label a-label--help -error\" *ngIf=\"nameAlreadyExists$ | async\">{{\n      '@pry.admin.exists' | i18n\n    }}</label>\n    <div *ngIf=\"attrForm.get('name')?.invalid\">\n      <div *ngIf=\"attrForm.get('name')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.minLength' | i18n : { len: 2 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('maxlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n          '@pry.admin.maxLength' | i18n : { len: 100 }\n        }}</label>\n      </div>\n      <div *ngIf=\"attrForm.get('name')?.hasError('whitespace') && !attrForm.get('name')?.hasError('minlength')\">\n        <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"title-container\">\n      <pry-select\n        id=\"type\"\n        class=\"a-pry-select\"\n        formControlName=\"field\"\n        [labelTranslate]=\"true\"\n        [items]=\"fields$ | async\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n      ></pry-select>\n      <ng-container *ngIf=\"selectedFieldTypeDescription$ | async as description\">\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\">{{ description }}</p>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"attrForm.get('field')?.invalid\">\n      <div *ngIf=\"attrForm.get('field')?.hasError('required')\">\n        <label class=\"a-label a-label--help -error\">{{ '@pry.admin.required' | i18n }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [labelTranslate]=\"true\"\n      [items]=\"categories$ | async\"\n      (click)=\"showCategory()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      [readonly]=\"true\"\n    ></pry-select>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n\n<ng-template #template>\n  <div class=\"o-modal o-modal--selector\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.category.select' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeCategory()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <form (ngSubmit)=\"addCategory()\">\n      <div class=\"m-form-label-field selector\">\n        <label class=\"a-label\" for=\"name-search\">{{ '@pry.admin.classes.category.searchOrCreate' | i18n }}</label>\n        <input\n          type=\"text\"\n          class=\"a-form-field\"\n          (input)=\"search($event)\"\n          [(ngModel)]=\"catToAdd.name\"\n          name=\"name\"\n          id=\"name-search\"\n        />\n      </div>\n\n      <table class=\"a-table\">\n        <caption>\n          {{\n            '@pry.admin.classes.category.name' | i18n\n          }}\n        </caption>\n        <thead>\n          <tr>\n            <th scole=\"col\">{{ '@pry.admin.classes.category.name' | i18n }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cat of categories$ | async\">\n            <td>\n              <button type=\"button\" class=\"a-btn a-btn--ghost select-it\" (click)=\"setCategory(cat)\">\n                <span class=\"u-visually-hidden\">{{ '@pry.admin.classes.category.selectIt' | i18n }}</span>\n                {{ cat.name }}\n              </button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <ng-container *ngIf=\"(categories$ | async)?.length === 0\">\n        <p class=\"a-p a-p--create\">\n          <strong>{{ catToAdd.name }} </strong>\n          <span [innerHTML]=\"'@pry.admin.classes.category.add' | i18n\"></span>\n        </p>\n        <button\n          type=\"submit\"\n          class=\"a-btn a-btn--primary\"\n          [innerHTML]=\"'@pry.admin.classes.category.create' | i18n\"\n        ></button>\n      </ng-container>\n    </form>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3$1.UntypedFormBuilder }, { type: i5.Overlay }, { type: i0.ViewContainerRef }, { type: i4.PryI18nService }]; }, propDecorators: { selectedClass: [{
                 type: Input
             }], interClass: [{
@@ -2133,15 +2053,15 @@ const environmentReducer = createReducer(initialEnvironmentState, on(Environment
     loading: false
 })));
 
-const feature$5 = createFeatureSelector(environmentFeatureKey);
-const environments = createSelector(feature$5, (state) => state?.environments);
-const loading$1 = createSelector(feature$5, (state) => state?.loading);
-const currentEnv = createSelector(feature$5, (state) => state?.currentEnv);
+const feature$6 = createFeatureSelector(environmentFeatureKey);
+const environments = createSelector(feature$6, (state) => state?.environments);
+const loading$2 = createSelector(feature$6, (state) => state?.loading);
+const currentEnv = createSelector(feature$6, (state) => state?.currentEnv);
 const currentEnvName = createSelector(currentEnv, (env) => env?.name);
 const EnvironmentSelectors = {
-    feature: feature$5,
+    feature: feature$6,
     environments,
-    loading: loading$1,
+    loading: loading$2,
     currentEnv,
     currentEnvName
 };
@@ -2457,13 +2377,13 @@ const fieldReducer = createReducer(initialFieldState, on(FieldsActions.selectFie
     selectedField: undefined
 })));
 
-const feature$4 = createFeatureSelector(fieldsFeatureKey);
-const loading = createSelector(feature$4, (state) => state?.loading);
-const selectedField = createSelector(feature$4, (state) => state?.selectedField);
+const feature$5 = createFeatureSelector(fieldsFeatureKey);
+const loading$1 = createSelector(feature$5, (state) => state?.loading);
+const selectedField = createSelector(feature$5, (state) => state?.selectedField);
 const selectedFieldId = createSelector(selectedField, (state) => state?.id);
 const FieldsSelectors = {
-    feature: feature$4,
-    loading,
+    feature: feature$5,
+    loading: loading$1,
     selectedField,
     selectedFieldId
 };
@@ -2564,15 +2484,15 @@ const adminReducer = createReducer(initialAdminState, on(AdminActions.highlightM
     selectedAssociation: action.association
 })));
 
-const feature$3 = createFeatureSelector(adminFeatureKey);
-const highlightedMenu = createSelector(feature$3, (state) => state?.highlightedMenu);
-const menuOpen = createSelector(feature$3, (state) => state.menuOpen);
-const menus = createSelector(feature$3, (state) => state?.menus);
-const actions = createSelector(feature$3, (state) => state.actions);
-const subActions = createSelector(feature$3, (state) => state.subActions);
-const panelOpen = createSelector(feature$3, (state) => state.panelOpen);
-const componentType = createSelector(feature$3, (state) => state?.componentType);
-const subMenus = createSelector(feature$3, (state) => state?.menus.reduce((p, c) => {
+const feature$4 = createFeatureSelector(adminFeatureKey);
+const highlightedMenu = createSelector(feature$4, (state) => state?.highlightedMenu);
+const menuOpen = createSelector(feature$4, (state) => state.menuOpen);
+const menus = createSelector(feature$4, (state) => state?.menus);
+const actions = createSelector(feature$4, (state) => state.actions);
+const subActions = createSelector(feature$4, (state) => state.subActions);
+const panelOpen = createSelector(feature$4, (state) => state.panelOpen);
+const componentType = createSelector(feature$4, (state) => state?.componentType);
+const subMenus = createSelector(feature$4, (state) => state?.menus.reduce((p, c) => {
     const key = c.subMenu ?? 'none';
     let menu = p.find((menu) => menu.name === key);
     if (!menu) {
@@ -2582,9 +2502,9 @@ const subMenus = createSelector(feature$3, (state) => state?.menus.reduce((p, c)
     menu.subMenus.push(c);
     return p;
 }, []));
-const selectedAssociation = createSelector(feature$3, (state) => state?.selectedAssociation);
+const selectedAssociation = createSelector(feature$4, (state) => state?.selectedAssociation);
 const AdminSelectors = {
-    feature: feature$3,
+    feature: feature$4,
     highlightedMenu,
     menuOpen,
     menus,
@@ -2843,11 +2763,11 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminSelectDatasetComponent, 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: AdminSelectDatasetComponent, selector: "pry-admin-select-dataset", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.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\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [editable]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ 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: "component", type: i5$3.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["targetId", "editable", "metadata", "initialMetadataSelection"], outputs: ["addMeta", "removeMeta"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { 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: AdminSelectDatasetComponent, selector: "pry-admin-select-dataset", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.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\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n      [type]=\"'meta'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ 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: "component", type: i5$3.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata", "initialMetadataSelection"], outputs: ["addMeta", "removeMeta"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { 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: AdminSelectDatasetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.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\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [editable]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.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\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n      [type]=\"'meta'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 class AdminEnvironmentSelectComponent {
@@ -3054,12 +2974,12 @@ const adminMetadataRulesReducer = createReducer(initialMetadataRulesState, on(Ad
     error: action.error
 })));
 
-const feature$2 = createFeatureSelector(adminMetadataRulesFeatureKey);
-const metadataRulesList = createSelector(feature$2, (state) => state?.list);
-const metadataRulesSelectedId = createSelector(feature$2, (state) => state?.metadataRulesSelected?.id);
-const metadataRulesSelected = createSelector(feature$2, (state) => state?.metadataRulesSelected);
+const feature$3 = createFeatureSelector(adminMetadataRulesFeatureKey);
+const metadataRulesList = createSelector(feature$3, (state) => state?.list);
+const metadataRulesSelectedId = createSelector(feature$3, (state) => state?.metadataRulesSelected?.id);
+const metadataRulesSelected = createSelector(feature$3, (state) => state?.metadataRulesSelected);
 const MetadataRulesSelectors = {
-    feature: feature$2,
+    feature: feature$3,
     metadataRulesList,
     metadataRulesSelected,
     metadataRulesSelectedId
@@ -3138,6 +3058,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             args: [{ selector: 'pry-admin-select-metadata-rules', template: "<div\n  *ngIf=\"metadataRulesSelected$ | async as metadataRules\"\n  [id]=\"'panel-meta-rule-' + metadataRules.id\"\n  [attr.aria-labelledby]=\"'button-meta-rule-' + metadataRules.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\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataRuleDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataRuleDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} :\n      <strong>{{ metadataRules.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.name' | i18n }} :\n      <strong>{{ metadataRules.metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.metadata.description\">\n      {{ '@pry.admin.metadata-rules.metadata-item.description' | i18n }} :\n      <strong>{{ metadataRules.metadata.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.type' | i18n }} :\n      <strong>{{ metadataRules.metadata.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.metadata.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.metadata.allowedValues\">{{ item }}</p>\n    </ng-container>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.name' | i18n }} :\n      <strong>{{ metadataRules.userProfile.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.userProfile.description\">\n      {{ '@pry.admin.metadata-rules.metadata-user.description' | i18n }} :\n      <strong>{{ metadataRules.userProfile.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.type' | i18n }} :\n      <strong>{{ metadataRules.userProfile.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.userProfile.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.userProfile.allowedValues\">{{ item }}</p>\n    </ng-container>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
+const BASE$1 = '[Admin/User]';
+const BASEAPI$1 = '[Admin/User Api]';
+const AdminMetadataUserActions = {
+    selectMetadata: createAction(`${BASE$1} Select Metadata`, props()),
+    unselectMetadata: createAction(`${BASE$1} unSelect Metadata`),
+    createMetadata: createAction(`${BASE$1} create metadata`, props()),
+    createMetadataSuccess: createAction(`${BASEAPI$1} create metadata Success`, props()),
+    createMetadataFailure: createAction(`${BASEAPI$1} create metadata Failure`, props()),
+    goToDetailsViewMetadata: createAction(`${BASE$1} go to details view metadata`, props()),
+    goToDetailsViewMetadataSuccess: createAction(`${BASEAPI$1} go to details view metadata success`, props()),
+    goToDetailsViewMetadataFailure: createAction(`${BASEAPI$1} go to details view metadata failure`, props()),
+    goToEditMetadata: createAction(`${BASE$1} go to edit view`, props()),
+    goToEditMetadataSuccess: createAction(`${BASE$1} go to edit view success`, props()),
+    goToEditMetadataFailure: createAction(`${BASE$1} go to edit view failure`, props()),
+    updateMetadata: createAction(`${BASE$1} update meta data`, props()),
+    updateMetadataSuccess: createAction(`${BASEAPI$1} update meta data Success`, props()),
+    updateMetadataFailure: createAction(`${BASEAPI$1} update meta data Failure`, props())
+};
+
+const adminMetadataUserFeatureKey = '@pry/admin/metadata/user';
+const initialAdminUserState$1 = {
+    loading: false,
+    editable: false,
+    errors: null,
+    selectedMetadataId: null
+};
+const adminMetadataUserReducer = createReducer(initialAdminUserState$1, on(AdminMetadataUserActions.selectMetadata, (state, action) => ({
+    ...state,
+    selectedMetadataId: action.id
+})), on(AdminMetadataUserActions.unselectMetadata, (state) => ({
+    ...state,
+    selectedMetadataId: null
+})), on(AdminMetadataUserActions.goToDetailsViewMetadata, (state, action) => ({
+    ...state,
+    selectedMetadataId: action.id,
+    editable: false
+})), on(AdminMetadataUserActions.goToEditMetadata, (state, action) => ({
+    ...state,
+    selectedMetadataId: action.id,
+    editable: true
+})));
+
+const feature$2 = createFeatureSelector(adminMetadataUserFeatureKey);
+const loading = createSelector(feature$2, (state) => state?.loading);
+const editable$1 = createSelector(feature$2, (state) => ({ value: state?.editable }));
+const selectedMetadataId = createSelector(feature$2, (state) => state?.selectedMetadataId);
+const AdminMetadataUserSelectors = {
+    feature: feature$2,
+    loading,
+    selectedMetadataId,
+    editable: editable$1
+};
+
 class AdminUserSelectMetadataComponent {
     static { this.id = 'AdminUserSelectMetadataComponent'; }
     constructor(store, router, route) {
@@ -3146,7 +3119,10 @@ class AdminUserSelectMetadataComponent {
         this.route = route;
         this.sub = new Subscription();
         this.currentTypeTranslation = '';
-        this.metadata$ = this.store.select(AdminMetadataUserSelectors.selectedMetadata);
+        this.metadata$ = combineLatest([
+            this.store.select(AdminMetadataUserSelectors.selectedMetadataId),
+            this.store.select(MetadataSelectors.userProfile)
+        ]).pipe(map(([id, metas]) => metas.find((meta) => meta.id === id)));
         this.sub.add(this.metadata$.subscribe((meta) => {
             const type = META_OPTIONS.find((el) => el.varType === meta?.type);
             this.currentTypeTranslation = type ? type.translation : META_OPTIONS[0].translation;
@@ -3380,22 +3356,12 @@ const AdminUserActions = {
     loadUsersFailure: createAction(`${BASEAPI} Load Users Failure`, props()),
     selectUser: createAction(`${BASE} Select User`, props()),
     unselectUser: createAction(`${BASE} unSelect User`),
-    isEditable: createAction(`${BASE} Is editable`, props()),
-    loadMetadataUser: createAction(`${BASE} Load Metadata of selected Users`, props()),
-    loadMetadataUserSuccess: createAction(`${BASEAPI} Load Metadata of selected Users Success`, props()),
-    loadMetadataUserFailure: createAction(`${BASEAPI} Load Metadata of selected Users Failure`, props()),
-    addMetadataUser: createAction(`${BASE} Add Metadata of selected Users`, props()),
-    addMetadataUserSuccess: createAction(`${BASEAPI} Add Metadata of selected Users Success`, props()),
-    addMetadataUserFailure: createAction(`${BASEAPI} Add Metadata of selected Users Failure`, props()),
-    deleteMetadataUser: createAction(`${BASE} Delete Metadata of selected Users`, props()),
-    deleteMetadataUserSuccess: createAction(`${BASEAPI} Delete Metadata of selected Users Success`, props()),
-    deleteMetadataUserFailure: createAction(`${BASEAPI} Delete Metadata of selected Users Failure`, props())
+    isEditable: createAction(`${BASE} Is editable`, props())
 };
 
 const adminUserFeatureKey = '@pry/admin/user';
 const initialAdminUserState = {
     users: [],
-    selectedMetadataUser: [],
     editable: false
 };
 const adminUserReducer = createReducer(initialAdminUserState, on(AdminUserActions.loadUsersSuccess, (state, action) => ({
@@ -3407,11 +3373,7 @@ const adminUserReducer = createReducer(initialAdminUserState, on(AdminUserAction
     editable: false
 })), on(AdminUserActions.unselectUser, (state, action) => ({
     ...state,
-    selectedUser: undefined,
-    selectedMetadataUser: []
-})), on(AdminUserActions.loadMetadataUserSuccess, (state, action) => ({
-    ...state,
-    selectedMetadataUser: action.metadata
+    selectedUser: undefined
 })), on(AdminUserActions.isEditable, (state, action) => ({
     ...state,
     editable: action.editable
@@ -3420,13 +3382,11 @@ const adminUserReducer = createReducer(initialAdminUserState, on(AdminUserAction
 const feature$1 = createFeatureSelector(adminUserFeatureKey);
 const users = createSelector(feature$1, (state) => state?.users);
 const selectedUser = createSelector(feature$1, (state) => state?.selectedUser);
-const selectedMetadataUser = createSelector(feature$1, (state) => state?.selectedMetadataUser);
 const editable = createSelector(feature$1, (state) => state.editable);
 const AdminUserSelectors = {
     feature: feature$1,
     users,
     selectedUser,
-    selectedMetadataUser,
     editable
 };
 
@@ -3441,10 +3401,10 @@ class AdminUserSelectComponent {
         this.editable = false;
         this.isSubmitted = false;
         this.profil = false;
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
+        this.store.dispatch(MetadataActions.loadUserProfile());
         this.selectedUser$ = this.store.select(AdminUserSelectors.selectedUser);
-        this.userMetadata$ = this.store.select(AdminUserSelectors.selectedMetadataUser);
-        this.metadata$ = this.store.select(AdminMetadataUserSelectors.metadata);
+        this.userMetadata$ = this.store.select(MetadataSelectors.selectedUserProfile);
+        this.metadata$ = this.store.select(MetadataSelectors.userProfile);
         this.editable$ = this.store.select(AdminUserSelectors.editable);
         this.compId = nextCompId++;
     }
@@ -3464,24 +3424,24 @@ class AdminUserSelectComponent {
         this.store.dispatch(AdminUserActions.unselectUser());
     }
     addMetadataUser(metadata) {
-        this.store.dispatch(AdminUserActions.addMetadataUser({
+        this.store.dispatch(MetadataActions.addMetadataUser({
             userId: metadata.id,
             metaId: metadata.metadataId,
             value: metadata.value
         }));
     }
     removeMetadata(metadata) {
-        this.store.dispatch(AdminUserActions.deleteMetadataUser({ userId: this.userId, metadataId: metadata.metadataId }));
+        this.store.dispatch(MetadataActions.deleteMetadataUser({ userId: this.userId, metadataId: metadata.metadataId }));
     }
     switch(number) {
         this.tab = number;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminUserSelectComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminUserSelectComponent, selector: "pry-admin-user-select", inputs: { profil: "profil" }, ngImport: i0, template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.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 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [editable]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\n  </ng-template>\n</div>\n", dependencies: [{ 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: "component", type: i5$3.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["targetId", "editable", "metadata", "initialMetadataSelection"], outputs: ["addMeta", "removeMeta"] }, { 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: AdminUserSelectComponent, selector: "pry-admin-user-select", inputs: { profil: "profil" }, ngImport: i0, template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.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 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n      [type]=\"'user'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\n  </ng-template>\n</div>\n", dependencies: [{ 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: "component", type: i5$3.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata", "initialMetadataSelection"], outputs: ["addMeta", "removeMeta"] }, { 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: AdminUserSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-user-select', template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.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 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [editable]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\n  </ng-template>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-user-select', template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.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 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n      [type]=\"'user'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { profil: [{
                 type: Input
             }] } });
@@ -3767,7 +3727,7 @@ class AdminFormMetadataRulesComponent {
         this.isSameRules = false;
         this.isSubmitted = false;
         this.metadataList$ = this.store.select(MetadataSelectors.metadata);
-        this.metadataUserList$ = this.store.select(AdminMetadataUserSelectors.metadata);
+        this.metadataUserList$ = this.store.select(MetadataSelectors.userProfile);
         this.metadataRulesList$ = this.store.select(MetadataRulesSelectors.metadataRulesList);
         this.form = this.formBuilder.group({
             id: [v4()],
@@ -3781,7 +3741,7 @@ class AdminFormMetadataRulesComponent {
         this.isSameName = false;
         this.store.dispatch(AdminMetadataRulesActions.load());
         this.store.dispatch(MetadataActions.loadMetadata());
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
+        this.store.dispatch(MetadataActions.loadUserProfile());
         this.sub = this.metadataList$.subscribe((metadataList) => {
             this.metadataList = metadataList;
         });
@@ -4064,15 +4024,14 @@ class AdminMetadataUserComponent {
             { headerType: 'label', label: this.translateService.instant('@pry.admin.user.label') },
             { headerType: 'label', label: this.translateService.instant('@pry.admin.user.type') }
         ];
-        this.metadata$ = this.store.select(AdminMetadataUserSelectors.metadata);
+        this.metadata$ = this.store.select(MetadataSelectors.userProfile);
         this.selectedMetadataId$ = this.store.select(AdminMetadataUserSelectors.selectedMetadataId);
         this.store.dispatch(AdminMetadataUserActions.unselectMetadata());
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
-        this.store
-            .select(AdminMetadataUserSelectors.selectedMetadata)
-            .pipe(filter$1((x) => !!x), takeUntil(this.unsubscribe$))
-            .subscribe((selectedMetadata) => {
-            this.value = selectedMetadata.name;
+        this.store.dispatch(MetadataActions.loadUserProfile());
+        combineLatest([this.store.select(AdminMetadataUserSelectors.selectedMetadataId), this.metadata$])
+            .pipe(filter(([x]) => !!x), takeUntil(this.unsubscribe$))
+            .subscribe(([id, metas]) => {
+            this.value = metas.find((meta) => meta.id === id)?.name ?? '';
         });
         const path = this.router.createUrlTree(['.', 'new'], { relativeTo: this.route });
         this.store.dispatch(AdminActions.mainActions({
@@ -4128,7 +4087,7 @@ class FormMetadataComponent {
     ngOnInit() {
         if (this.isMetaUser) {
             this.metadataNames$ = this.store
-                .select(AdminMetadataUserSelectors.metadata)
+                .select(MetadataSelectors.userProfile)
                 .pipe(map((metadata) => metadata.map((metadata) => metadata.name.toLowerCase())));
         }
         else {
@@ -4224,8 +4183,8 @@ class AdminUserEditMetadataComponent {
         this.store = store;
         this.router = router;
         this.route = route;
-        this.metadata$ = this.store.select(AdminMetadataUserSelectors.selectedMetadata);
-        this.store.dispatch(AdminMetadataUserActions.loadMetadata());
+        this.metadata$ = this.store.select(MetadataSelectors.selectedMetadata);
+        this.store.dispatch(MetadataActions.loadUserProfile());
     }
     ngOnInit() {
         this.route.params.subscribe((params) => {
@@ -5296,21 +5255,6 @@ class AdminService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.get(`${url}/users`)));
     }
-    getMetadataUser(userId) {
-        return this.store
-            .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(`${url}/users/id/${userId}/metadata`)));
-    }
-    addMetadataUser(userId, metaId, value) {
-        return this.store.select(ConfigSelectors.refUrl).pipe(mergeMap((url) => this.httpClient.put(encodeURI(`${url}/users/id/${userId}/metadata/id/${metaId}`), {
-            value: value
-        })));
-    }
-    deleteMetadataUser(userId, metaId) {
-        return this.store
-            .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.delete(encodeURI(`${url}/users/id/${userId}/metadata/id/${metaId}`))));
-    }
     getLinks() {
         return this.store
             .select(ConfigSelectors.refUrl)
@@ -5695,7 +5639,6 @@ class AdminMetadataUserEffects {
         this.adminService = adminService;
         this.store = store;
         this.router = router;
-        this.loadMetadata$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.loadMetadata), mergeMap$1((_) => this.adminService.getUserMetadata().pipe(map$1((metadata) => AdminMetadataUserActions.loadMetadataSuccess({ metadata: metadata })), catchError$1((error) => [AdminMetadataUserActions.loadMetadataFailure({ error: error })])))));
         this.goToDetailsView$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.goToDetailsViewMetadata), mergeMap$1((action) => this.adminService.getUserMetadataDef(action.id).pipe(map$1((metadata) => AdminMetadataUserActions.goToDetailsViewMetadataSuccess({ metadata })), catchError$1((error) => [AdminMetadataUserActions.goToDetailsViewMetadataFailure({ error: error })])))));
         this.switchToEditView$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.goToEditMetadata), mergeMap$1((action) => this.adminService.getUserMetadataDef(action.id).pipe(map$1((metadata) => AdminMetadataUserActions.goToEditMetadataSuccess({ metadata, route: action.route })), catchError$1((error) => [AdminMetadataUserActions.goToEditMetadataFailure({ error: error })])))));
         this.goToEditViewSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.goToEditMetadataSuccess), map$1((action) => {
@@ -5703,11 +5646,11 @@ class AdminMetadataUserEffects {
         })));
         this.createMetadata$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.createMetadata), mergeMap$1((action) => this.adminService.postUserMetadata(action.metadata).pipe(map$1(() => AdminMetadataUserActions.createMetadataSuccess({ metadata: action.metadata })), catchError$1((error) => [AdminMetadataUserActions.createMetadataFailure({ error: error })])))));
         this.createMetadataSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.createMetadataSuccess), map$1((action) => {
-            return AdminMetadataUserActions.loadMetadata();
+            return MetadataActions.loadUserProfile();
         })));
         this.updateMetadata$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.updateMetadata), mergeMap$1((action) => this.adminService.postUserMetadata(action.metadata).pipe(map$1(() => AdminMetadataUserActions.updateMetadataSuccess({ metadata: action.metadata })), catchError$1((error) => [AdminMetadataUserActions.updateMetadataFailure({ error: error })])))));
         this.updateMetadataSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminMetadataUserActions.updateMetadataSuccess), map$1((action) => {
-            return AdminMetadataUserActions.loadMetadata();
+            return MetadataActions.loadUserProfile();
         })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminMetadataUserEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }, { token: i1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -5755,24 +5698,6 @@ class AdminUserEffects {
         this.actions$ = actions$;
         this.adminService = adminService;
         this.loadUsers$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.loadUsers), mergeMap$1((_) => this.adminService.getUsers().pipe(map$1((users) => AdminUserActions.loadUsersSuccess({ users })), catchError$1((error) => [AdminUserActions.loadUsersFailure({ error })])))));
-        this.loadMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.loadMetadataUser), mergeMap$1((action) => this.adminService.getMetadataUser(action.userId).pipe(map$1((metadata) => AdminUserActions.loadMetadataUserSuccess({ metadata })), catchError$1((error) => [AdminUserActions.loadMetadataUserFailure({ error })])))));
-        this.selectUser$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.selectUser), map$1((action) => {
-            return AdminUserActions.loadMetadataUser({ userId: action.userId });
-        })));
-        this.addMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.addMetadataUser), mergeMap$1((action) => this.adminService.addMetadataUser(action.userId, action.metaId, action.value).pipe(map$1(() => AdminUserActions.addMetadataUserSuccess({ userId: action.userId })), catchError$1((error) => [AdminUserActions.addMetadataUserFailure({ error })])))));
-        this.addMetadataUserSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.addMetadataUserSuccess), mergeMap$1((action) => {
-            return [
-                AdminUserActions.loadMetadataUser({ userId: action.userId }),
-                AdminUserActions.isEditable({ editable: false })
-            ];
-        })));
-        this.deleteMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.deleteMetadataUser), mergeMap$1((action) => this.adminService.deleteMetadataUser(action.userId, action.metadataId).pipe(map$1(() => AdminUserActions.deleteMetadataUserSuccess({ userId: action.userId })), catchError$1((error) => [AdminUserActions.deleteMetadataUserFailure({ error })])))));
-        this.deleteMetadataUserSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminUserActions.deleteMetadataUserSuccess), mergeMap$1((action) => {
-            return [
-                AdminUserActions.loadMetadataUser({ userId: action.userId }),
-                AdminUserActions.isEditable({ editable: false })
-            ];
-        })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminUserEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminUserEffects }); }