@provoly/dashboard 0.13.9 → 0.13.10

package/fesm2022/provoly-dashboard-admin.mjs

@@ -16,6 +16,8 @@ import * as i4 from '@provoly/dashboard';
 import { ClassSelectors, FieldSelectors, FieldType, ClassActions, FieldActions, SubscriptionnerDirective, ConfigSelectors, ConfigActions, DEFAULT_ICON_URL, IconPosition, compareOperationFunctions, ItemUtils, CategoryActions, CategorySelectors, DEFAULT_CATEGORY_UUID, DataSourceActions, DataSourceSelectors, PryDatasetType, ENV_OPTIONS, FIELD_OPTIONS, META_OPTIONS, RelationTypesSelectors, RelationTypesActions, BaseMenuComponent, BaseLayoutComponent, PRY_ACCESS_GUARD, PryDialogConfirmComponent, PrySortModule, PryIconModule, PryModalModule, PryI18nModule, PryCoreModule, PrySelectModule, PryToggleModule, PryOverlayModule } from '@provoly/dashboard';
 import * as i5$1 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import * as i5$2 from '@provoly/dashboard/components/metadata-editor';
+import { MetadataSelectors, MetadataActions, PryExpandPanelModule } from '@provoly/dashboard/components/metadata-editor';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { switchMap, mergeMap, combineLatest, of, map, filter, combineLatestWith, Subscription, BehaviorSubject, Subject, zip, takeUntil, catchError, withLatestFrom, tap } from 'rxjs';
@@ -42,44 +44,26 @@ const AdminActions = {
     fetchAssociationsFailure: createAction('[Admin] Fetch Associations failure', props())
 };
 
-const BASE$2 = '[Admin/User]';
-const BASEAPI$2 = '[Admin/User Api]';
+const BASE$1 = '[Admin/User]';
+const BASEAPI$1 = '[Admin/User Api]';
 const AdminMetadataUserActions = {
-    loadMetadata: createAction(`${BASE$2} Load Metadata`),
-    loadMetadataSuccess: createAction(`${BASEAPI$2} Load Metadata Success`, props()),
-    loadMetadataFailure: createAction(`${BASEAPI$2} Load Metadata Failure`, props()),
-    selectMetadata: createAction(`${BASE$2} Select Metadata`, props()),
-    unselectMetadata: createAction(`${BASE$2} unSelect Metadata`),
-    createMetadata: createAction(`${BASE$2} create metadata`, props()),
-    createMetadataSuccess: createAction(`${BASEAPI$2} create metadata Success`, props()),
-    createMetadataFailure: createAction(`${BASEAPI$2} create metadata Failure`, props()),
-    goToDetailsViewMetadata: createAction(`${BASE$2} go to details view metadata`, props()),
-    goToDetailsViewMetadataSuccess: createAction(`${BASEAPI$2} go to details view metadata success`, props()),
-    goToDetailsViewMetadataFailure: createAction(`${BASEAPI$2} go to details view metadata failure`, props()),
-    goToEditMetadata: createAction(`${BASE$2} go to edit view`, props()),
-    goToEditMetadataSuccess: createAction(`${BASE$2} go to edit view success`, props()),
-    goToEditMetadataFailure: createAction(`${BASE$2} go to edit view failure`, props()),
-    updateMetadata: createAction(`${BASE$2} update meta data`, props()),
-    updateMetadataSuccess: createAction(`${BASEAPI$2} update meta data Success`, props()),
-    updateMetadataFailure: createAction(`${BASEAPI$2} update meta data Failure`, props())
-};
-
-const BASE$1 = '[Admin/Metadata]';
-const BASEAPI$1 = '[Admin/Metadata Api]';
-const MetadataActions = {
     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`),
-    goToNewMetadata: createAction(`${BASE$1} go to new metadata`, props()),
-    goToNewMetadataSuccess: createAction(`${BASEAPI$1} go to new metadata success`),
-    goToNewMetadataFailure: createAction(`${BASEAPI$1} go to new metadata failure`, props()),
     createMetadata: createAction(`${BASE$1} create metadata`, props()),
     createMetadataSuccess: createAction(`${BASEAPI$1} create metadata Success`, props()),
     createMetadataFailure: createAction(`${BASEAPI$1} create metadata Failure`, props()),
-    goToDetailsView: createAction(`${BASE$1} go to details view`, props()),
-    goToDetailsViewSuccess: createAction(`${BASEAPI$1} go to details view success`, props()),
-    goToDetailsViewFailure: createAction(`${BASEAPI$1} go to details view 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 = {
@@ -159,15 +143,15 @@ const predicateReducer = createReducer(initialPredicateState, on(PredicatesActio
     loading: false
 })));
 
-const feature$b = createFeatureSelector(predicatesFeatureKey);
-const predicates = createSelector(feature$b, (state) => state?.predicates);
-const loading$6 = createSelector(feature$b, (state) => state?.loading);
-const currentPredicate = createSelector(feature$b, (state) => state?.currentPredicate);
+const feature$9 = createFeatureSelector(predicatesFeatureKey);
+const predicates = createSelector(feature$9, (state) => state?.predicates);
+const loading$5 = createSelector(feature$9, (state) => state?.loading);
+const currentPredicate = createSelector(feature$9, (state) => state?.currentPredicate);
 const currentPredicateId = createSelector(currentPredicate, (pred) => pred?.id);
 const PredicatesSelectors = {
-    feature: feature$b,
+    feature: feature$9,
     predicates,
-    loading: loading$6,
+    loading: loading$5,
     currentPredicate,
     currentPredicateId
 };
@@ -280,11 +264,11 @@ const abacRuleReducer = createReducer(initialAbacRuleState, on(AbacRulesActions.
     };
 }));
 
-const feature$a = createFeatureSelector(abacRulesFeatureKey);
-const abacRules = createSelector(feature$a, (state) => state?.abacRules);
-const loading$5 = createSelector(feature$a, (state) => state?.loading);
-const editAbacRule = createSelector(feature$a, (state) => state?.editAbacRule);
-const editAbacRuleConditions = createSelector(feature$a, (state) => state?.editAbacRuleConditions);
+const feature$8 = createFeatureSelector(abacRulesFeatureKey);
+const abacRules = createSelector(feature$8, (state) => state?.abacRules);
+const loading$4 = createSelector(feature$8, (state) => state?.loading);
+const editAbacRule = createSelector(feature$8, (state) => state?.editAbacRule);
+const editAbacRuleConditions = createSelector(feature$8, (state) => state?.editAbacRuleConditions);
 const editAbacRuleType = createSelector(editAbacRule, (rule) => rule?.type);
 const editAbacRuleConditionsMasterId = createSelector(editAbacRuleConditions, (conditions) => conditions?.masterId);
 const editAbacRuleConditionsTypeSelected = createSelector(editAbacRuleConditions, (conditions) => (conditions?.ids ?? []).find((id) => ['METADATA', 'ATTRIBUTE'].includes(conditions.entities[id].type)));
@@ -295,9 +279,9 @@ const editAbacRuleConditionsFirstAttribute = createSelector(editAbacRuleConditio
 });
 const editAbacRuleConditionsById = (id) => createSelector(editAbacRuleConditions, (conditions) => conditions.entities[id]);
 const AbacRulesSelectors = {
-    feature: feature$a,
+    feature: feature$8,
     abacRules,
-    loading: loading$5,
+    loading: loading$4,
     editAbacRule,
     editAbacRuleConditions,
     editAbacRuleType,
@@ -307,54 +291,6 @@ const AbacRulesSelectors = {
     editAbacRuleConditionsById
 };
 
-const metadataFeatureKey = '@pry/admin/metadata';
-const initialMetadataState = {
-    metadata: [],
-    selectedMetadata: null,
-    loading: false,
-    errors: null
-};
-/**
- * @TODO merge this store with admin user store ?
- */
-const metadataReducer = createReducer(initialMetadataState, on(MetadataActions.loadMetadataSuccess, (state, action) => ({
-    ...state,
-    metadata: [...action.metadata],
-    loading: false
-})), on(MetadataActions.loadMetadataFailure, MetadataActions.goToNewMetadataFailure, MetadataActions.createMetadataFailure, MetadataActions.goToDetailsViewFailure, (state, action) => ({
-    ...state,
-    loading: false,
-    errors: action.error
-})), on(MetadataActions.unselectMetadata, (state) => ({
-    ...state,
-    selectedMetadata: null
-})), on(MetadataActions.loadMetadata, MetadataActions.goToNewMetadata, (state) => ({
-    ...state,
-    loading: true
-})), on(MetadataActions.createMetadataSuccess, (state, action) => ({
-    ...state,
-    metadata: [...state.metadata, action.metadata],
-    loading: false
-})), on(MetadataActions.goToDetailsView, (state, action) => ({
-    ...state,
-    selectedMetadata: action.id
-})));
-
-const feature$9 = createFeatureSelector(metadataFeatureKey);
-const metadata$1 = createSelector(feature$9, (state) => state?.metadata);
-const loading$4 = createSelector(feature$9, (state) => state?.loading);
-const selectedMetadata$1 = createSelector(feature$9, (state) => state?.metadata.find((x) => x.id === state.selectedMetadata) || null);
-const selectedMetadataId$1 = createSelector(selectedMetadata$1, (metadata) => metadata?.id);
-const selectMetadataById = (id) => createSelector(metadata$1, (metadata) => metadata?.find((m) => m.id === id));
-const MetadataSelectors = {
-    feature: feature$9,
-    loading: loading$4,
-    metadata: metadata$1,
-    selectedMetadata: selectedMetadata$1,
-    selectedMetadataId: selectedMetadataId$1,
-    selectMetadataById
-};
-
 class SelectMetadataComponent {
     constructor(store) {
         this.store = store;
@@ -528,19 +464,19 @@ const adminMetadataUserReducer = createReducer(initialAdminUserState$1, on(Admin
     loading: false
 })));
 
-const feature$8 = createFeatureSelector(adminMetadataUserFeatureKey);
-const metadata = createSelector(feature$8, (state) => state?.metadata);
-const loading$3 = createSelector(feature$8, (state) => state?.loading);
-const selectedMetadata = createSelector(feature$8, (state) => state?.metadata.find((x) => x.id === state.selectedMetadata) || null);
+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$2 = createSelector(feature$8, (state) => ({ value: state?.editable }));
+const editable$1 = createSelector(feature$7, (state) => ({ value: state?.editable }));
 const AdminMetadataUserSelectors = {
-    feature: feature$8,
+    feature: feature$7,
     loading: loading$3,
     metadata,
     selectedMetadata,
     selectedMetadataId,
-    editable: editable$2
+    editable: editable$1
 };
 
 class MetadataConditionComponent {
@@ -1071,17 +1007,17 @@ const classReducer = createReducer(initialClassState, on(AdminClassActions.selec
     selectedAttribute: undefined
 })));
 
-const feature$7 = createFeatureSelector(classesFeatureKey);
-const loading$2 = createSelector(feature$7, (state) => state?.loading);
-const selectedClass = createSelector(feature$7, (state) => state?.selectedClass);
+const feature$6 = createFeatureSelector(classesFeatureKey);
+const loading$2 = createSelector(feature$6, (state) => state?.loading);
+const selectedClass = createSelector(feature$6, (state) => state?.selectedClass);
 const selectedClassId = createSelector(selectedClass, (state) => state?.id);
-const selectedAttribute = createSelector(feature$7, (state) => state?.selectedAttribute);
+const selectedAttribute = createSelector(feature$6, (state) => state?.selectedAttribute);
 const selectedAttributeId = createSelector(selectedAttribute, (state) => state?.id);
-const interClass = createSelector(feature$7, (state) => state?.interClass);
+const interClass = createSelector(feature$6, (state) => state?.interClass);
 const interClassId = createSelector(interClass, (state) => state?.id);
-const openModal = createSelector(feature$7, (state) => state.openModal);
+const openModal = createSelector(feature$6, (state) => state.openModal);
 const AdminClassSelectors = {
-    feature: feature$7,
+    feature: feature$6,
     loading: loading$2,
     selectedClass,
     selectedClassId,
@@ -2195,13 +2131,13 @@ const environmentReducer = createReducer(initialEnvironmentState, on(Environment
     loading: false
 })));
 
-const feature$6 = createFeatureSelector(environmentFeatureKey);
-const environments = createSelector(feature$6, (state) => state?.environments);
-const loading$1 = createSelector(feature$6, (state) => state?.loading);
-const currentEnv = createSelector(feature$6, (state) => state?.currentEnv);
+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 currentEnvName = createSelector(currentEnv, (env) => env?.name);
 const EnvironmentSelectors = {
-    feature: feature$6,
+    feature: feature$5,
     environments,
     loading: loading$1,
     currentEnv,
@@ -2509,12 +2445,12 @@ const fieldReducer = createReducer(initialFieldState, on(FieldsActions.selectFie
     selectedField: undefined
 })));
 
-const feature$5 = createFeatureSelector(fieldsFeatureKey);
-const loading = createSelector(feature$5, (state) => state?.loading);
-const selectedField = createSelector(feature$5, (state) => state?.selectedField);
+const feature$4 = createFeatureSelector(fieldsFeatureKey);
+const loading = createSelector(feature$4, (state) => state?.loading);
+const selectedField = createSelector(feature$4, (state) => state?.selectedField);
 const selectedFieldId = createSelector(selectedField, (state) => state?.id);
 const FieldsSelectors = {
-    feature: feature$5,
+    feature: feature$4,
     loading,
     selectedField,
     selectedFieldId
@@ -2616,15 +2552,15 @@ const adminReducer = createReducer(initialAdminState, on(AdminActions.highlightM
     selectedAssociation: action.association
 })));
 
-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 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 key = c.subMenu ?? 'none';
     let menu = p.find((menu) => menu.name === key);
     if (!menu) {
@@ -2634,9 +2570,9 @@ const subMenus = createSelector(feature$4, (state) => state?.menus.reduce((p, c)
     menu.subMenus.push(c);
     return p;
 }, []));
-const selectedAssociation = createSelector(feature$4, (state) => state?.selectedAssociation);
+const selectedAssociation = createSelector(feature$3, (state) => state?.selectedAssociation);
 const AdminSelectors = {
-    feature: feature$4,
+    feature: feature$3,
     highlightedMenu,
     menuOpen,
     menus,
@@ -2649,9 +2585,6 @@ const AdminSelectors = {
 };
 
 class PryAssociationComponent {
-    ngOnInit() {
-        console.log(this.associations);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAssociationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAssociationComponent, selector: "pry-association", inputs: { associations: "associations" }, ngImport: i0, template: "<div *ngFor=\"let association of associations?.associations\" class=\"a-container-type\">\n  <p class=\"a-label-type {{ association.type }}\">\n    <strong>{{ '@pry.admin.association.' + association.type | i18n }}</strong>\n  </p>\n  <p>\n    {{ association.name }}\n  </p>\n</div>\n<p *ngIf=\"associations?.usedElsewhere === true\" class=\"a-p\">\n  <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n</p>\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: "pipe", type: i4.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
@@ -2833,65 +2766,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             args: [{ selector: 'pry-admin-attribute-select', template: "<div\n  *ngIf=\"selectedAttribute$ | async as attribute\"\n  [id]=\"'panel-attr-' + attribute.id\"\n  [attr.aria-labelledby]=\"'button-attr-' + attribute.id\"\n  class=\"o-panel\"\n>\n  <div>\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.classes.attributes.info' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.name' | i18n }} :\n              <strong>{{ attribute.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.field' | i18n }} :\n              <strong>{{ attribute.fieldName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.category' | i18n }} :\n              <strong>{{ attribute.categoryName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.multiValued' | i18n }} :\n              <strong>{{ attribute.multiValued }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"2\"\n      >\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      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
-const AdminDatasetActions = {
-    isEditable: createAction(`[Admin/Datasource] Is editable`, props()),
-    loadDatasetMetadata: createAction(`[Admin/Datasource] Load Metadata of selected Datasets`, props()),
-    loadDatasetMetadataSuccess: createAction(`[Admin/Datasource] Load Metadata of selected Datasets Success`, props()),
-    loadDatasetMetadataFailure: createAction(`[Admin/Datasource] Load Metadata of selected Datasets Failure`, props()),
-    addDatasetMetadata: createAction(`[Admin/Datasource] Add Metadata of selected Datasets`, props()),
-    addDatasetMetadataSuccess: createAction(`[Admin/Datasource] Add Metadata of selected Datasets Success`, props()),
-    addDatasetMetadataFailure: createAction(`[Admin/Datasource] Add Metadata of selected Datasets Failure`, props()),
-    deleteDatasetMetadata: createAction(`[Admin/Datasource] Delete Metadata of selected Datasets`, props()),
-    deleteDatasetMetadataSuccess: createAction(`[Admin/Datasource] Delete Metadata of selected Datasets Success`, props()),
-    deleteDatasetMetadataFailure: createAction(`[Admin/Datasource] Delete Metadata of selected Datasets Failure`, props())
-};
-
-const adminDatasetFeatureKey = '@pry/admin/dataset';
-const initialAdminDatasetState = {
-    editable: false
-};
-const adminDatasetReducer = createReducer(initialAdminDatasetState, on(AdminDatasetActions.isEditable, (state, action) => ({
-    ...state,
-    editable: action.editable
-})));
-
-const feature$3 = createFeatureSelector(adminDatasetFeatureKey);
-const editable$1 = createSelector(feature$3, (state) => state.editable);
-const AdminDatasetSelectors = {
-    feature: feature$3,
-    editable: editable$1
-};
-
 let nextCompId$8 = 0;
 class AdminSelectDatasetComponent extends SubscriptionnerDirective {
     static { this.id = 'AdminSelectDatasetComponent'; }
-    constructor(store, router, route, formBuilder) {
+    constructor(store, router, route) {
         super();
         this.store = store;
         this.router = router;
         this.route = route;
-        this.formBuilder = formBuilder;
         this.sub = new Subscription();
         this.currentTypeTranslation = '';
         this.tab = 0;
-        this.isSubmitted = false;
-        this.datasetId = '';
         this.store.dispatch(MetadataActions.loadMetadata());
         this.selectedDataset$ = this.store.select(DataSourceSelectors.selectedDataset);
         this.datasetMetadata$ = this.store.select(DataSourceSelectors.selectedDatasetMetadata);
         this.associations$ = this.store.select(AdminSelectors.selectedAssociation);
-        this.metadata$ = this.store.select(MetadataSelectors.metadata);
-        this.editable$ = this.store.select(AdminDatasetSelectors.editable);
+        this.editable$ = this.store.select(MetadataSelectors.editable);
         this.compId = nextCompId$8++;
-        this.form = this.formBuilder.group({
-            metadata: [{}, [Validators.required]],
-            value: ['', [Validators.required, Validators.pattern('^[+-]?[0-9]*$')]]
-        });
     }
     ngOnInit() {
         this.subscriptions.add(this.selectedDataset$.subscribe((dataset) => {
             if (dataset) {
-                this.datasetId = dataset.id;
                 const editPath = this.router.createUrlTree(['.', 'dataset', 'edit', dataset.id], {
                     relativeTo: this.route
                 });
@@ -2921,21 +2816,6 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
                 }));
             }
         }));
-        this.subscriptions.add(this.selectedDataset$.subscribe((dataset) => {
-            if (dataset) {
-                this.availableMetadata$?.subscribe((meta) => {
-                    this.form.patchValue({
-                        metadata: meta[0]
-                    });
-                    this.onMetaChange(meta[0]);
-                    this.form.patchValue({ value: '' });
-                });
-            }
-        }));
-        this.availableMetadata$ = combineLatest([this.datasetMetadata$, this.metadata$]).pipe(map(([datasetMetadata, metaDefs]) => {
-            let datasetMetadataIds = datasetMetadata?.map((u) => u.metadataDef.id);
-            return metaDefs.filter((meta) => !datasetMetadataIds?.includes(meta.id));
-        }));
     }
     closePanel() {
         const path = this.router.createUrlTree(['.', 'dataset', 'new'], { relativeTo: this.route });
@@ -2954,54 +2834,26 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
             ]
         }));
     }
-    addDatasetMetadata() {
-        this.isSubmitted = true;
-        if (this.form.valid) {
-            this.isSubmitted = false;
-            let payload = {
-                datasetId: this.datasetId,
-                metadataId: this.form.value['metadata']['id'],
-                value: this.form.value['value']
-            };
-            this.store.dispatch(AdminDatasetActions.addDatasetMetadata(payload));
-        }
-    }
-    onMetaChange(metadata) {
-        if (metadata) {
-            if (metadata.type === 'INTEGER') {
-                this.form.controls['value'].setValidators([Validators.required, Validators.pattern('^[+-]?[0-9]*$')]);
-            }
-            else if (metadata.type === 'DOUBLE') {
-                this.form.controls['value'].setValidators([Validators.required, Validators.pattern('[+-]?([0-9]*[.])?[0-9]+')]);
-            }
-            else {
-                this.form.controls['value'].setValidators([Validators.required]);
-            }
-        }
+    switch(number) {
+        this.tab = number;
     }
     removeMetadata(metadata) {
-        this.store.dispatch(AdminDatasetActions.deleteDatasetMetadata({ datasetId: this.datasetId, metadataId: metadata.metadataDef.id }));
-    }
-    editMetadata(currentMetadata) {
-        this.store.dispatch(AdminDatasetActions.isEditable({ editable: true }));
-        let value = currentMetadata.value;
-        let datasetMetadataDef = currentMetadata.metadataDef;
-        this.form.patchValue({
-            metadata: datasetMetadataDef,
-            value: value
-        });
-        this.onMetaChange(datasetMetadataDef);
+        this.store.dispatch(MetadataActions.deleteDatasetMetadata({ datasetId: metadata.id, metadataId: metadata.metadataId }));
     }
-    switch(number) {
-        this.tab = number;
+    addDatasetMetadata(metadata) {
+        this.store.dispatch(MetadataActions.addDatasetMetadata({
+            datasetId: metadata.id,
+            metadataId: metadata.metadataId,
+            value: metadata.value
+        }));
     }
-    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 }, { token: i3$1.FormBuilder }], 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>\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.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n            <div *ngFor=\"let metadata of datasetMetadata$ | async\">\n              <div class=\"o-tabs__panels__item__content\">\n                <div class=\"o-tabs__panels__item__content__actions\">\n                  <div class=\"o-tabs__panels__item__content__actions__text\">\n                    <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                      >{{ metadata.metadataDef.name }} :</span\n                    >\n                    <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                  </div>\n\n                  <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                    <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.edit' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"edit-icon\"\n                          iconSvg=\"edit\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"editMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.delete' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"delete-icon\"\n                          iconSvg=\"delete\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"removeMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                    </ng-container>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n            <ng-container *ngIf=\"form.value.metadata\">\n              <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n                <fieldset>\n                  <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                  <div class=\"m-form-label-field\">\n                    <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                    <pry-select\n                      id=\"metadata\"\n                      class=\"a-pry-select\"\n                      formControlName=\"metadata\"\n                      [items]=\"availableMetadata$ | async\"\n                      (ngModelChange)=\"onMetaChange($event)\"\n                      [isForm]=\"true\"\n                      [itemsAsOption]=\"true\"\n                      bindLabel=\"name\"\n                      [readonly]=\"(editable$ | async) ?? false\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && form.get('metadata')?.invalid\n                          ? 'metadata-label metadata-error'\n                          : 'metadata-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n                    >\n                    </pry-select>\n                    <label\n                      *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n                      id=\"metadata-error\"\n                      for=\"metadata\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n\n                  <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                        {{ '@pry.action.selectDate' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"form_date\"\n                        type=\"date\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid\n                            ? 'form-date-label form-date-error'\n                            : 'form-date-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"form_date-error\"\n                        for=\"form_date\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        {{ '@pry.admin.required' | i18n }}\n                      </label>\n                    </div>\n                  </ng-container>\n\n                  <ng-template #inputList>\n                    <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n                      <div class=\"m-form-label-field\">\n                        <label id=\"list-label\" class=\"a-label\" for=\"list\">{{\n                          '@pry.action.choiceInList' | i18n\n                        }}</label>\n                        <pry-select\n                          id=\"list\"\n                          class=\"a-pry-select\"\n                          formControlName=\"value\"\n                          [items]=\"form.value['metadata']['allowedValues']\"\n                          [isForm]=\"true\"\n                          aria-labelledby=\"list-label\"\n                        ></pry-select>\n                      </div>\n                    </ng-container>\n                  </ng-template>\n\n                  <ng-template #inputText>\n                    <div class=\"m-form-label-field\">\n                      <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                        {{ '@pry.action.text' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"text\"\n                        type=\"text\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"test-error\"\n                        for=\"text\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n                        <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                          <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                            {{ '@pry.admin.environment.formatDouble' | i18n }}\n                          </span>\n                          <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                            {{ '@pry.admin.environment.formatInt' | i18n }}\n                          </span>\n                        </ng-container>\n                      </label>\n                    </div>\n                  </ng-template>\n                </fieldset>\n\n                <div class=\"m-btn-group -end\">\n                  <button\n                    type=\"submit\"\n                    class=\"a-btn a-btn--primary\"\n                    [innerHTML]=\"\n                      ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                        | i18n\n                    \"\n                  ></button>\n                </div>\n              </form>\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\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        </div>\n      </div>\n    </div>\n  </div>\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: "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.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: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    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>\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.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\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        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\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        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5$2.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["targetId", "editable", "metadata"], 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>\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.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n            <div *ngFor=\"let metadata of datasetMetadata$ | async\">\n              <div class=\"o-tabs__panels__item__content\">\n                <div class=\"o-tabs__panels__item__content__actions\">\n                  <div class=\"o-tabs__panels__item__content__actions__text\">\n                    <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                      >{{ metadata.metadataDef.name }} :</span\n                    >\n                    <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                  </div>\n\n                  <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                    <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.edit' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"edit-icon\"\n                          iconSvg=\"edit\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"editMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.delete' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"delete-icon\"\n                          iconSvg=\"delete\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"removeMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                    </ng-container>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n            <ng-container *ngIf=\"form.value.metadata\">\n              <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n                <fieldset>\n                  <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                  <div class=\"m-form-label-field\">\n                    <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                    <pry-select\n                      id=\"metadata\"\n                      class=\"a-pry-select\"\n                      formControlName=\"metadata\"\n                      [items]=\"availableMetadata$ | async\"\n                      (ngModelChange)=\"onMetaChange($event)\"\n                      [isForm]=\"true\"\n                      [itemsAsOption]=\"true\"\n                      bindLabel=\"name\"\n                      [readonly]=\"(editable$ | async) ?? false\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && form.get('metadata')?.invalid\n                          ? 'metadata-label metadata-error'\n                          : 'metadata-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n                    >\n                    </pry-select>\n                    <label\n                      *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n                      id=\"metadata-error\"\n                      for=\"metadata\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n\n                  <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                        {{ '@pry.action.selectDate' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"form_date\"\n                        type=\"date\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid\n                            ? 'form-date-label form-date-error'\n                            : 'form-date-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"form_date-error\"\n                        for=\"form_date\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        {{ '@pry.admin.required' | i18n }}\n                      </label>\n                    </div>\n                  </ng-container>\n\n                  <ng-template #inputList>\n                    <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n                      <div class=\"m-form-label-field\">\n                        <label id=\"list-label\" class=\"a-label\" for=\"list\">{{\n                          '@pry.action.choiceInList' | i18n\n                        }}</label>\n                        <pry-select\n                          id=\"list\"\n                          class=\"a-pry-select\"\n                          formControlName=\"value\"\n                          [items]=\"form.value['metadata']['allowedValues']\"\n                          [isForm]=\"true\"\n                          aria-labelledby=\"list-label\"\n                        ></pry-select>\n                      </div>\n                    </ng-container>\n                  </ng-template>\n\n                  <ng-template #inputText>\n                    <div class=\"m-form-label-field\">\n                      <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                        {{ '@pry.action.text' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"text\"\n                        type=\"text\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"test-error\"\n                        for=\"text\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n                        <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                          <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                            {{ '@pry.admin.environment.formatDouble' | i18n }}\n                          </span>\n                          <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                            {{ '@pry.admin.environment.formatInt' | i18n }}\n                          </span>\n                        </ng-container>\n                      </label>\n                    </div>\n                  </ng-template>\n                </fieldset>\n\n                <div class=\"m-btn-group -end\">\n                  <button\n                    type=\"submit\"\n                    class=\"a-btn a-btn--primary\"\n                    [innerHTML]=\"\n                      ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                        | i18n\n                    \"\n                  ></button>\n                </div>\n              </form>\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\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        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3$1.FormBuilder }]; } });
+            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>\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.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\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        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\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        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 let nextCompId$7 = 0;
 class AdminEnvironmentSelectComponent {
@@ -3613,9 +3465,8 @@ const AdminUserSelectors = {
 let nextCompId = 0;
 class AdminUserSelectComponent {
     static { this.id = 'AdminUserSelectComponent'; }
-    constructor(store, formBuilder) {
+    constructor(store) {
         this.store = store;
-        this.formBuilder = formBuilder;
         this.userId = '';
         this.tab = 0;
         this.sub = new Subscription();
@@ -3628,10 +3479,6 @@ class AdminUserSelectComponent {
         this.metadata$ = this.store.select(AdminMetadataUserSelectors.metadata);
         this.editable$ = this.store.select(AdminUserSelectors.editable);
         this.compId = nextCompId++;
-        this.metaForm = this.formBuilder.group({
-            metadata: [{}, [Validators.required]],
-            value: ['', [Validators.required, Validators.pattern('^[+-]?[0-9]*$')]]
-        });
     }
     ngOnInit() {
         this.sub.add(this.selectedUser$.subscribe((user) => {
@@ -3640,17 +3487,6 @@ class AdminUserSelectComponent {
             }
         }));
         this.sub.add(this.editable$.subscribe((edit) => (this.editable = edit)));
-        this.metadataAvailable$ = combineLatest([this.userMetadata$, this.metadata$]).pipe(map(([userMetas, metaDefs]) => {
-            let userMetaIds = userMetas?.map((u) => u.userProfile.id);
-            return metaDefs.filter((meta) => !userMetaIds?.includes(meta.id));
-        }));
-        this.sub.add(this.metadataAvailable$.subscribe((meta) => {
-            this.metaForm.patchValue({
-                metadata: meta[0]
-            });
-            this.onMetaChange(meta[0]);
-            this.metaForm.patchValue({ value: '' });
-        }));
     }
     ngOnDestroy() {
         this.sub.unsubscribe();
@@ -3659,57 +3495,26 @@ class AdminUserSelectComponent {
         this.store.dispatch(AdminActions.togglePanel({ panelOpen: false }));
         this.store.dispatch(AdminUserActions.unselectUser());
     }
-    addMetadataUser() {
-        this.isSubmitted = true;
-        if (this.metaForm.valid) {
-            this.isSubmitted = false;
-            let payload = {
-                userId: this.userId,
-                metaId: this.metaForm.value['metadata']['id'],
-                value: this.metaForm.value['value']
-            };
-            this.store.dispatch(AdminUserActions.addMetadataUser(payload));
-        }
-    }
-    onMetaChange(metadata) {
-        if (metadata) {
-            if (metadata.type === 'INTEGER') {
-                this.metaForm.controls['value'].setValidators([Validators.required, Validators.pattern('^[+-]?[0-9]*$')]);
-            }
-            else if (metadata.type === 'DOUBLE') {
-                this.metaForm.controls['value'].setValidators([
-                    Validators.required,
-                    Validators.pattern('[+-]?([0-9]*[.])?[0-9]+')
-                ]);
-            }
-            else {
-                this.metaForm.controls['value'].setValidators([Validators.required]);
-            }
-        }
+    addMetadataUser(metadata) {
+        this.store.dispatch(AdminUserActions.addMetadataUser({
+            userId: metadata.id,
+            metaId: metadata.metadataId,
+            value: metadata.value
+        }));
     }
     removeMetadata(metadata) {
-        this.store.dispatch(AdminUserActions.deleteMetadataUser({ userId: this.userId, metadataId: metadata.userProfile.id }));
-    }
-    editMetadata(currentMetadata) {
-        this.store.dispatch(AdminUserActions.isEditable({ editable: true }));
-        let value = currentMetadata.value;
-        let userProfile = currentMetadata.userProfile;
-        this.metaForm.patchValue({
-            metadata: userProfile,
-            value: value
-        });
-        this.onMetaChange(userProfile);
+        this.store.dispatch(AdminUserActions.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 }, { token: i3$1.UntypedFormBuilder }], 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>\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  </div>\n\n  <div class=\"o-tabs\">\n    <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        role=\"tab\"\n        [id]=\"'tab-' + compId + '-0'\"\n        [attr.aria-selected]=\"tab === 0\"\n        [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        (click)=\"switch(0)\"\n      >\n        {{ '@pry.admin.userInfo.profile' | i18n }}\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        [id]=\"'tab-' + compId + '-1'\"\n        role=\"tab\"\n        [attr.aria-selected]=\"tab === 1\"\n        [attr.tabindex]=\"tab === 1 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n        (click)=\"switch(1)\"\n      >\n        {{ '@pry.admin.details' | i18n }}\n      </button>\n    </div>\n\n    <div class=\"o-tabs__panels\">\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 0\"\n        [id]=\"'tabpanel-' + compId + '-0'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n        tabindex=\"0\"\n      >\n        <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n          <div *ngFor=\"let metadata of userMetadata$ | async\">\n            <div class=\"o-tabs__panels__item__content\">\n              <div class=\"o-tabs__panels__item__content__actions\">\n                <div class=\"o-tabs__panels__item__content__actions__text\">\n                  <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                    >{{ metadata.userProfile.name }} :</span\n                  >\n                  <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                </div>\n\n                <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                  <ng-container *pryAccess=\"{ module: 'admin', page: 'user', action: 'write' }\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                      <span class=\"u-visually-hidden\"\n                        >{{ '@pry.action.edit' | i18n }} {{ metadata.userProfile.name }}</span\n                      >\n                      <pry-icon\n                        class=\"edit-icon\"\n                        iconSvg=\"edit\"\n                        [width]=\"15\"\n                        [height]=\"15\"\n                        (click)=\"editMetadata(metadata)\"\n                      ></pry-icon>\n                    </button>\n                    <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                      <span class=\"u-visually-hidden\"\n                        >{{ '@pry.action.delete' | i18n }} {{ metadata.userProfile.name }}</span\n                      >\n                      <pry-icon\n                        class=\"delete-icon\"\n                        iconSvg=\"delete\"\n                        [width]=\"15\"\n                        [height]=\"15\"\n                        (click)=\"removeMetadata(metadata)\"\n                      ></pry-icon>\n                    </button>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ng-container *pryAccess=\"{ module: 'admin', page: 'user', action: 'write' }\">\n          <ng-container *ngIf=\"metaForm.value.metadata\">\n            <form class=\"o-form -border-top\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadataUser()\">\n              <fieldset>\n                <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                <div class=\"m-form-label-field\">\n                  <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                  <pry-select\n                    id=\"metadata\"\n                    class=\"a-pry-select\"\n                    formControlName=\"metadata\"\n                    [items]=\"metadataAvailable$ | async\"\n                    (ngModelChange)=\"onMetaChange($event)\"\n                    [isForm]=\"true\"\n                    [itemsAsOption]=\"true\"\n                    bindLabel=\"name\"\n                    [readonly]=\"editable\"\n                    [attr.aria-labelledby]=\"\n                      isSubmitted && metaForm.get('metadata')?.invalid\n                        ? 'metadata-label metadata-error'\n                        : 'metadata-label'\n                    \"\n                    [attr.aria-invalid]=\"isSubmitted && metaForm.get('metadata')?.invalid\"\n                  >\n                  </pry-select>\n                  <label\n                    *ngIf=\"isSubmitted && metaForm.get('metadata')?.invalid\"\n                    id=\"metadata-error\"\n                    for=\"metadata\"\n                    class=\"a-label a-label--help -error\"\n                  >\n                    {{ '@pry.admin.required' | i18n }}\n                  </label>\n                </div>\n\n                <ng-container *ngIf=\"metaForm.value['metadata']['type'] === 'DATE'; else inputList\">\n                  <div class=\"m-form-label-field\">\n                    <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                      {{ '@pry.action.selectDate' | i18n }} *\n                      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                    </label>\n                    <input\n                      id=\"form_date\"\n                      type=\"date\"\n                      class=\"a-form-field\"\n                      formControlName=\"value\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && metaForm.get('value')?.invalid\n                          ? 'form-date-label form-date-error'\n                          : 'form-date-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      required\n                    />\n                    <label\n                      *ngIf=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      id=\"form_date-error\"\n                      for=\"form_date\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n                </ng-container>\n\n                <ng-template #inputList>\n                  <ng-container *ngIf=\"metaForm.value['metadata']['type'] === 'LIST'; else inputText\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n                      <pry-select\n                        id=\"list\"\n                        class=\"a-pry-select\"\n                        formControlName=\"value\"\n                        [items]=\"metaForm.value['metadata']['allowedValues']\"\n                        [isForm]=\"true\"\n                        aria-labelledby=\"list-label\"\n                      ></pry-select>\n                    </div>\n                  </ng-container>\n                </ng-template>\n\n                <ng-template #inputText>\n                  <div class=\"m-form-label-field\">\n                    <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                      {{ '@pry.action.text' | i18n }} *\n                      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                    </label>\n                    <input\n                      id=\"text\"\n                      type=\"text\"\n                      class=\"a-form-field\"\n                      formControlName=\"value\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && metaForm.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      required\n                    />\n                    <label\n                      *ngIf=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      id=\"test-error\"\n                      for=\"text\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      <span *ngIf=\"metaForm.get('value')?.hasError('required')\">{{\n                        '@pry.admin.required' | i18n\n                      }}</span>\n                      <ng-container *ngIf=\"metaForm.get('value')?.hasError('pattern')\">\n                        <span *ngIf=\"metaForm.value['metadata']['type'] === 'DOUBLE'\">\n                          {{ '@pry.admin.environment.formatDouble' | i18n }}\n                        </span>\n                        <span *ngIf=\"metaForm.value['metadata']['type'] === 'INTEGER'\">\n                          {{ '@pry.admin.environment.formatInt' | i18n }}\n                        </span>\n                      </ng-container>\n                    </label>\n                  </div>\n                </ng-template>\n              </fieldset>\n\n              <div class=\"m-btn-group -end\">\n                <button\n                  type=\"submit\"\n                  class=\"a-btn a-btn--primary\"\n                  [innerHTML]=\"\n                    ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                      | i18n\n                  \"\n                ></button>\n              </div>\n            </form>\n          </ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"0\"\n      >\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      </div>\n    </div>\n  </div>\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: "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.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.ɵ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>\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  </div>\n\n  <div class=\"o-tabs\">\n    <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        role=\"tab\"\n        [id]=\"'tab-' + compId + '-0'\"\n        [attr.aria-selected]=\"tab === 0\"\n        [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        (click)=\"switch(0)\"\n      >\n        {{ '@pry.admin.userInfo.profile' | i18n }}\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        [id]=\"'tab-' + compId + '-1'\"\n        role=\"tab\"\n        [attr.aria-selected]=\"tab === 1\"\n        [attr.tabindex]=\"tab === 1 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n        (click)=\"switch(1)\"\n      >\n        {{ '@pry.admin.details' | i18n }}\n      </button>\n    </div>\n\n    <div class=\"o-tabs__panels\">\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 0\"\n        [id]=\"'tabpanel-' + compId + '-0'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n        tabindex=\"0\"\n      >\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      </div>\n\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"0\"\n      >\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      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5$2.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["targetId", "editable", "metadata"], 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>\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  </div>\n\n  <div class=\"o-tabs\">\n    <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        role=\"tab\"\n        [id]=\"'tab-' + compId + '-0'\"\n        [attr.aria-selected]=\"tab === 0\"\n        [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        (click)=\"switch(0)\"\n      >\n        {{ '@pry.admin.userInfo.profile' | i18n }}\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        [id]=\"'tab-' + compId + '-1'\"\n        role=\"tab\"\n        [attr.aria-selected]=\"tab === 1\"\n        [attr.tabindex]=\"tab === 1 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n        (click)=\"switch(1)\"\n      >\n        {{ '@pry.admin.details' | i18n }}\n      </button>\n    </div>\n\n    <div class=\"o-tabs__panels\">\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 0\"\n        [id]=\"'tabpanel-' + compId + '-0'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n        tabindex=\"0\"\n      >\n        <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n          <div *ngFor=\"let metadata of userMetadata$ | async\">\n            <div class=\"o-tabs__panels__item__content\">\n              <div class=\"o-tabs__panels__item__content__actions\">\n                <div class=\"o-tabs__panels__item__content__actions__text\">\n                  <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                    >{{ metadata.userProfile.name }} :</span\n                  >\n                  <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                </div>\n\n                <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                  <ng-container *pryAccess=\"{ module: 'admin', page: 'user', action: 'write' }\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                      <span class=\"u-visually-hidden\"\n                        >{{ '@pry.action.edit' | i18n }} {{ metadata.userProfile.name }}</span\n                      >\n                      <pry-icon\n                        class=\"edit-icon\"\n                        iconSvg=\"edit\"\n                        [width]=\"15\"\n                        [height]=\"15\"\n                        (click)=\"editMetadata(metadata)\"\n                      ></pry-icon>\n                    </button>\n                    <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                      <span class=\"u-visually-hidden\"\n                        >{{ '@pry.action.delete' | i18n }} {{ metadata.userProfile.name }}</span\n                      >\n                      <pry-icon\n                        class=\"delete-icon\"\n                        iconSvg=\"delete\"\n                        [width]=\"15\"\n                        [height]=\"15\"\n                        (click)=\"removeMetadata(metadata)\"\n                      ></pry-icon>\n                    </button>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ng-container *pryAccess=\"{ module: 'admin', page: 'user', action: 'write' }\">\n          <ng-container *ngIf=\"metaForm.value.metadata\">\n            <form class=\"o-form -border-top\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadataUser()\">\n              <fieldset>\n                <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                <div class=\"m-form-label-field\">\n                  <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                  <pry-select\n                    id=\"metadata\"\n                    class=\"a-pry-select\"\n                    formControlName=\"metadata\"\n                    [items]=\"metadataAvailable$ | async\"\n                    (ngModelChange)=\"onMetaChange($event)\"\n                    [isForm]=\"true\"\n                    [itemsAsOption]=\"true\"\n                    bindLabel=\"name\"\n                    [readonly]=\"editable\"\n                    [attr.aria-labelledby]=\"\n                      isSubmitted && metaForm.get('metadata')?.invalid\n                        ? 'metadata-label metadata-error'\n                        : 'metadata-label'\n                    \"\n                    [attr.aria-invalid]=\"isSubmitted && metaForm.get('metadata')?.invalid\"\n                  >\n                  </pry-select>\n                  <label\n                    *ngIf=\"isSubmitted && metaForm.get('metadata')?.invalid\"\n                    id=\"metadata-error\"\n                    for=\"metadata\"\n                    class=\"a-label a-label--help -error\"\n                  >\n                    {{ '@pry.admin.required' | i18n }}\n                  </label>\n                </div>\n\n                <ng-container *ngIf=\"metaForm.value['metadata']['type'] === 'DATE'; else inputList\">\n                  <div class=\"m-form-label-field\">\n                    <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                      {{ '@pry.action.selectDate' | i18n }} *\n                      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                    </label>\n                    <input\n                      id=\"form_date\"\n                      type=\"date\"\n                      class=\"a-form-field\"\n                      formControlName=\"value\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && metaForm.get('value')?.invalid\n                          ? 'form-date-label form-date-error'\n                          : 'form-date-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      required\n                    />\n                    <label\n                      *ngIf=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      id=\"form_date-error\"\n                      for=\"form_date\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n                </ng-container>\n\n                <ng-template #inputList>\n                  <ng-container *ngIf=\"metaForm.value['metadata']['type'] === 'LIST'; else inputText\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n                      <pry-select\n                        id=\"list\"\n                        class=\"a-pry-select\"\n                        formControlName=\"value\"\n                        [items]=\"metaForm.value['metadata']['allowedValues']\"\n                        [isForm]=\"true\"\n                        aria-labelledby=\"list-label\"\n                      ></pry-select>\n                    </div>\n                  </ng-container>\n                </ng-template>\n\n                <ng-template #inputText>\n                  <div class=\"m-form-label-field\">\n                    <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                      {{ '@pry.action.text' | i18n }} *\n                      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                    </label>\n                    <input\n                      id=\"text\"\n                      type=\"text\"\n                      class=\"a-form-field\"\n                      formControlName=\"value\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && metaForm.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      required\n                    />\n                    <label\n                      *ngIf=\"isSubmitted && metaForm.get('value')?.invalid\"\n                      id=\"test-error\"\n                      for=\"text\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      <span *ngIf=\"metaForm.get('value')?.hasError('required')\">{{\n                        '@pry.admin.required' | i18n\n                      }}</span>\n                      <ng-container *ngIf=\"metaForm.get('value')?.hasError('pattern')\">\n                        <span *ngIf=\"metaForm.value['metadata']['type'] === 'DOUBLE'\">\n                          {{ '@pry.admin.environment.formatDouble' | i18n }}\n                        </span>\n                        <span *ngIf=\"metaForm.value['metadata']['type'] === 'INTEGER'\">\n                          {{ '@pry.admin.environment.formatInt' | i18n }}\n                        </span>\n                      </ng-container>\n                    </label>\n                  </div>\n                </ng-template>\n              </fieldset>\n\n              <div class=\"m-btn-group -end\">\n                <button\n                  type=\"submit\"\n                  class=\"a-btn a-btn--primary\"\n                  [innerHTML]=\"\n                    ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                      | i18n\n                  \"\n                ></button>\n              </div>\n            </form>\n          </ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"0\"\n      >\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      </div>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i3$1.UntypedFormBuilder }]; }, propDecorators: { profil: [{
+            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>\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  </div>\n\n  <div class=\"o-tabs\">\n    <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        role=\"tab\"\n        [id]=\"'tab-' + compId + '-0'\"\n        [attr.aria-selected]=\"tab === 0\"\n        [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n        (click)=\"switch(0)\"\n      >\n        {{ '@pry.admin.userInfo.profile' | i18n }}\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"o-tabs__list__btn\"\n        [id]=\"'tab-' + compId + '-1'\"\n        role=\"tab\"\n        [attr.aria-selected]=\"tab === 1\"\n        [attr.tabindex]=\"tab === 1 ? 0 : -1\"\n        [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n        (click)=\"switch(1)\"\n      >\n        {{ '@pry.admin.details' | i18n }}\n      </button>\n    </div>\n\n    <div class=\"o-tabs__panels\">\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 0\"\n        [id]=\"'tabpanel-' + compId + '-0'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n        tabindex=\"0\"\n      >\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      </div>\n\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"0\"\n      >\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      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { profil: [{
                 type: Input
             }] } });
 
@@ -5418,21 +5223,6 @@ class AdminService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.get(`${url}/predicates/id/${id}`)));
     }
-    getMetadataList() {
-        return this.store
-            .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(`${url}/metadata`)));
-    }
-    getMetadata(id) {
-        return this.store
-            .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(`${url}/metadata/id/${id}`)));
-    }
-    postMetadata(metadata) {
-        return this.store
-            .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.post(`${url}/metadata`, metadata)));
-    }
     getUserMetadata() {
         return this.store
             .select(ConfigSelectors.refUrl)
@@ -5789,34 +5579,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: AdminService }, { type: i4.PryDialogService }, { type: AdminService }]; } });
 
-class AdminDatasetEffects {
-    constructor(actions$, dataSourceService) {
-        this.actions$ = actions$;
-        this.dataSourceService = dataSourceService;
-        this.addDatasetMetadata$ = createEffect(() => this.actions$.pipe(ofType(AdminDatasetActions.addDatasetMetadata), mergeMap$1((action) => this.dataSourceService.addDatasetMetadata(action.datasetId, action.metadataId, action.value).pipe(map$1(() => AdminDatasetActions.addDatasetMetadataSuccess({ datasetId: action.datasetId })), catchError$1((error) => [AdminDatasetActions.addDatasetMetadataFailure({ error })])))));
-        this.addDatasetMetadataSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminDatasetActions.addDatasetMetadataSuccess), mergeMap$1((action) => {
-            return [
-                DataSourceActions.dataset.getDatasetById({ id: action.datasetId }),
-                AdminDatasetActions.isEditable({ editable: false }),
-                DataSourceActions.dataset.loadDataset()
-            ];
-        })));
-        this.deleteDatasetMetadata$ = createEffect(() => this.actions$.pipe(ofType(AdminDatasetActions.deleteDatasetMetadata), mergeMap$1((action) => this.dataSourceService.deleteDatasetMetadata(action.datasetId, action.metadataId).pipe(map$1(() => AdminDatasetActions.deleteDatasetMetadataSuccess({ datasetId: action.datasetId })), catchError$1((error) => [AdminDatasetActions.deleteDatasetMetadataFailure({ error })])))));
-        this.deleteDatasetMetadataSuccess$ = createEffect(() => this.actions$.pipe(ofType(AdminDatasetActions.deleteDatasetMetadataSuccess), mergeMap$1((action) => {
-            return [
-                DataSourceActions.dataset.getDatasetById({ id: action.datasetId }),
-                AdminDatasetActions.isEditable({ editable: false }),
-                DataSourceActions.dataset.loadDataset()
-            ];
-        })));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminDatasetEffects, deps: [{ token: i1$2.Actions }, { token: i4.DataSourceService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminDatasetEffects }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminDatasetEffects, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: i4.DataSourceService }]; } });
-
 class EnvironmentEffects {
     constructor(actions$, service, router) {
         this.actions$ = actions$;
@@ -6001,29 +5763,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 }]
         }] });
 
-class MetadataEffects {
-    constructor(actions$, service, store, router) {
-        this.actions$ = actions$;
-        this.service = service;
-        this.store = store;
-        this.router = router;
-        this.loadMetadata$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.loadMetadata), mergeMap$1((_) => this.service.getMetadataList().pipe(map$1((metadata) => MetadataActions.loadMetadataSuccess({ metadata: metadata })), catchError$1((error) => [MetadataActions.loadMetadataFailure({ error: error })])))));
-        this.goToNewMetadata$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.goToNewMetadata), map$1((action) => {
-            return AdminActions.routeTo({ path: action.route });
-        })));
-        this.goToDetailsView$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.goToDetailsView), mergeMap$1((action) => this.service.getMetadata(action.id).pipe(map$1((metadata) => MetadataActions.goToDetailsViewSuccess({ metadata })), catchError$1((error) => [MetadataActions.goToDetailsViewFailure({ error: error })])))));
-        this.createMetadata$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.createMetadata), mergeMap$1((action) => this.service.postMetadata(action.metadata).pipe(map$1(() => MetadataActions.createMetadataSuccess({ metadata: action.metadata })), catchError$1((error) => [MetadataActions.createMetadataFailure({ error: error })])))));
-        this.createMetadataSuccess$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.createMetadataSuccess), map$1((action) => {
-            return MetadataActions.loadMetadata();
-        })));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }, { token: i1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataEffects }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataEffects, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: AdminService }, { type: i1.Store }, { type: i2.Router }]; } });
-
 class PredicatesEffects {
     constructor(actions$, service, router) {
         this.actions$ = actions$;
@@ -6760,11 +6499,14 @@ class AdminEffects {
         this.actions$ = actions$;
         this.service = service;
         this.router = router;
-        this.routeTo$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.routeTo, DataSourceActions.dataset.created, DataSourceActions.dataset.updated), mergeMap$1((action) => {
+        this.routeTo$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.routeTo, DataSourceActions.dataset.created, DataSourceActions.dataset.updated), mergeMap((action) => {
             this.router.navigate([action.path], { queryParams: action.params });
             return action.path === this.router.url ? [] : [AdminActions.resetActions()];
         })));
-        this.deleteRelationTypeSuccess$ = createEffect(() => this.actions$.pipe(ofType(RelationTypesActions.deleteRelationTypeSuccess), mergeMap$1((action) => {
+        this.goToNewMetadata$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.goToNewMetadata), map((action) => {
+            return AdminActions.routeTo({ path: action.route });
+        })));
+        this.deleteRelationTypeSuccess$ = createEffect(() => this.actions$.pipe(ofType(RelationTypesActions.deleteRelationTypeSuccess), mergeMap((action) => {
             return [
                 RelationTypesActions.load(),
                 AdminActions.selectComponentType({ componentType: null }),
@@ -6782,10 +6524,10 @@ class AdminEffects {
                 })
             ];
         })));
-        this.closePanel$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.highlightMenu), mergeMap$1((action) => {
+        this.closePanel$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.highlightMenu), mergeMap((action) => {
             return [AdminActions.togglePanel({ panelOpen: false })];
         })));
-        this.deleted$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.deleted), mergeMap$1((action) => [
+        this.deleted$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.deleted), mergeMap((action) => [
             AdminActions.togglePanel({ panelOpen: false }),
             AdminActions.selectComponentType({ componentType: null }),
             AdminActions.mainActions({
@@ -6801,13 +6543,13 @@ class AdminEffects {
                 ]
             })
         ])));
-        this.openNewDataset$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.openNewDataset), map$1((action) => {
+        this.openNewDataset$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.openNewDataset), map((action) => {
             return AdminActions.routeTo({ path: action.route });
         })));
-        this.fetchClassAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchClassAssociations), mergeMap$1((action) => this.service.getClassAssociations(action.id).pipe(map$1((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError$1((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
-        this.fetchFieldAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchFieldAssociations), mergeMap$1((action) => this.service.getFieldAssociations(action.id).pipe(map$1((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError$1((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
-        this.fetchDatasetAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchDatasetAssociations), mergeMap$1((action) => this.service.getDatasetAssociations(action.id).pipe(map$1((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError$1((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
-        this.fetchAttributeAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchAttributeAssociations), mergeMap$1((action) => this.service.getAttributeAssociations(action.id).pipe(map$1((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError$1((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
+        this.fetchClassAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchClassAssociations), mergeMap((action) => this.service.getClassAssociations(action.id).pipe(map((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
+        this.fetchFieldAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchFieldAssociations), mergeMap((action) => this.service.getFieldAssociations(action.id).pipe(map((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
+        this.fetchDatasetAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchDatasetAssociations), mergeMap((action) => this.service.getDatasetAssociations(action.id).pipe(map((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
+        this.fetchAttributeAssociations$ = createEffect(() => this.actions$.pipe(ofType(AdminActions.fetchAttributeAssociations), mergeMap((action) => this.service.getAttributeAssociations(action.id).pipe(map((association) => AdminActions.fetchAssociationsSuccess({ association })), catchError((error) => [AdminActions.fetchAssociationsFailure({ error: error })])))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminEffects }); }
@@ -6897,7 +6639,7 @@ class PryAdminModule {
             AdminClassesCustomizeSymbolComponent,
             PryAssociationComponent], imports: [CommonModule,
             PryCoreModule,
-            AdminRoutingModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, PryIconModule,
+            AdminRoutingModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, PryIconModule,
             FormsModule,
             ReactiveFormsModule,
             PrySortModule,
@@ -6909,13 +6651,13 @@ class PryAdminModule {
             OverlayModule,
             PryOverlayModule,
             DragDropModule,
-            PryI18nModule] }); }
+            PryI18nModule,
+            PryExpandPanelModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAdminModule, providers: [DatePipe], imports: [CommonModule,
             PryCoreModule,
             AdminRoutingModule,
             StoreModule.forFeature(adminFeatureKey, adminReducer),
             StoreModule.forFeature(predicatesFeatureKey, predicateReducer),
-            StoreModule.forFeature(metadataFeatureKey, metadataReducer),
             StoreModule.forFeature(abacRulesFeatureKey, abacRuleReducer),
             StoreModule.forFeature(environmentFeatureKey, environmentReducer),
             StoreModule.forFeature(adminMetadataUserFeatureKey, adminMetadataUserReducer),
@@ -6924,10 +6666,8 @@ class PryAdminModule {
             StoreModule.forFeature(fieldsFeatureKey, fieldReducer),
             StoreModule.forFeature(adminUserFeatureKey, adminUserReducer),
             StoreModule.forFeature(linksFeatureKey, linkReducer),
-            StoreModule.forFeature(adminDatasetFeatureKey, adminDatasetReducer),
             EffectsModule.forFeature([AdminEffects]),
             EffectsModule.forFeature([PredicatesEffects]),
-            EffectsModule.forFeature([MetadataEffects]),
             EffectsModule.forFeature([EnvironmentEffects]),
             EffectsModule.forFeature([AbacRulesEffects]),
             EffectsModule.forFeature([AdminMetadataUserEffects]),
@@ -6936,7 +6676,6 @@ class PryAdminModule {
             EffectsModule.forFeature([AdminUserEffects]),
             EffectsModule.forFeature([LinksEffects]),
             EffectsModule.forFeature([AdminMetadataRulesEffects]),
-            EffectsModule.forFeature([AdminDatasetEffects]),
             PryIconModule,
             FormsModule,
             ReactiveFormsModule,
@@ -6949,7 +6688,8 @@ class PryAdminModule {
             OverlayModule,
             PryOverlayModule,
             DragDropModule,
-            PryI18nModule] }); }
+            PryI18nModule,
+            PryExpandPanelModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAdminModule, decorators: [{
             type: NgModule,
@@ -7036,7 +6776,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         AdminRoutingModule,
                         StoreModule.forFeature(adminFeatureKey, adminReducer),
                         StoreModule.forFeature(predicatesFeatureKey, predicateReducer),
-                        StoreModule.forFeature(metadataFeatureKey, metadataReducer),
                         StoreModule.forFeature(abacRulesFeatureKey, abacRuleReducer),
                         StoreModule.forFeature(environmentFeatureKey, environmentReducer),
                         StoreModule.forFeature(adminMetadataUserFeatureKey, adminMetadataUserReducer),
@@ -7045,10 +6784,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         StoreModule.forFeature(fieldsFeatureKey, fieldReducer),
                         StoreModule.forFeature(adminUserFeatureKey, adminUserReducer),
                         StoreModule.forFeature(linksFeatureKey, linkReducer),
-                        StoreModule.forFeature(adminDatasetFeatureKey, adminDatasetReducer),
                         EffectsModule.forFeature([AdminEffects]),
                         EffectsModule.forFeature([PredicatesEffects]),
-                        EffectsModule.forFeature([MetadataEffects]),
                         EffectsModule.forFeature([EnvironmentEffects]),
                         EffectsModule.forFeature([AbacRulesEffects]),
                         EffectsModule.forFeature([AdminMetadataUserEffects]),
@@ -7057,7 +6794,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         EffectsModule.forFeature([AdminUserEffects]),
                         EffectsModule.forFeature([LinksEffects]),
                         EffectsModule.forFeature([AdminMetadataRulesEffects]),
-                        EffectsModule.forFeature([AdminDatasetEffects]),
                         PryIconModule,
                         FormsModule,
                         ReactiveFormsModule,
@@ -7070,7 +6806,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         OverlayModule,
                         PryOverlayModule,
                         DragDropModule,
-                        PryI18nModule
+                        PryI18nModule,
+                        PryExpandPanelModule
                     ]
                 }]
         }], ctorParameters: function () { return [{ type: i4.PryI18nService }]; } });