@provoly/dashboard 0.12.7 → 0.12.9

package/fesm2022/provoly-dashboard-admin.mjs

@@ -33,7 +33,13 @@ const AdminActions = {
     mainActions: createAction('[Admin] set toolbox main actions', props()),
     subActions: createAction('[Admin] set toolbox sub actions', props()),
     togglePanel: createAction('[Admin] Toggle panel', props()),
-    selectComponentType: createAction('[Admin] Select component Type for panel ', props())
+    selectComponentType: createAction('[Admin] Select component Type for panel ', props()),
+    fetchClassAssociations: createAction('[Admin] Fetch Class associations', props()),
+    fetchFieldAssociations: createAction('[Admin] Fetch field associations', props()),
+    fetchAttributeAssociations: createAction('[Admin] Fetch Attribute associations', props()),
+    fetchDatasetAssociations: createAction('[Admin] Fetch Dataset associations', props()),
+    fetchAssociationsSuccess: createAction('[Admin] Fetch Associations Success', props()),
+    fetchAssociationsFailure: createAction('[Admin] Fetch Associations failure', props())
 };
 
 const BASE$2 = '[Admin/User]';
@@ -1936,6 +1942,7 @@ class AdminClassesComponent {
         this.store.dispatch(AdminActions.routeTo({ path: path.toString() }));
     }
     selectClass(clazz) {
+        this.store.dispatch(AdminActions.fetchClassAssociations({ id: clazz.id }));
         this.store.dispatch(AdminClassActions.selectClass({ clazz: clazz }));
         this.store.dispatch(AdminActions.selectComponentType({ componentType: 'AdminClassesSelectComponent' }));
     }
@@ -2003,6 +2010,7 @@ class AdminDatasetComponent {
         this.labelDatasetSelected = $event;
     }
     selectDataset(dataset) {
+        this.store.dispatch(AdminActions.fetchDatasetAssociations({ id: dataset.id }));
         this.store.dispatch(DataSourceActions.dataset.selectDataset({ dataset }));
         this.store.dispatch(AdminActions.selectComponentType({ componentType: 'AdminSelectDatasetComponent' }));
     }
@@ -2540,6 +2548,7 @@ class AdminFieldsComponent {
     selectField(field) {
         this.store.dispatch(FieldsActions.selectField({ field: field }));
         this.store.dispatch(AdminActions.selectComponentType({ componentType: 'AdminFieldsSelectComponent' }));
+        this.store.dispatch(AdminActions.fetchFieldAssociations({ id: field.id }));
     }
     getTranslationType(type) {
         return FIELD_OPTIONS.find((el) => el.varType === type)?.translation || 'undefined';
@@ -2573,7 +2582,8 @@ const initialAdminState = {
     actions: [],
     subActions: [],
     panelOpen: true,
-    componentType: null
+    componentType: null,
+    selectedAssociation: undefined
 };
 const adminReducer = createReducer(initialAdminState, on(AdminActions.highlightMenu, (state, action) => ({
     ...state,
@@ -2600,6 +2610,9 @@ const adminReducer = createReducer(initialAdminState, on(AdminActions.highlightM
 }), on(AdminActions.selectComponentType, (state, action) => ({
     ...state,
     componentType: action.componentType
+})), on(AdminActions.fetchAssociationsSuccess, (state, action) => ({
+    ...state,
+    selectedAssociation: action.association
 })));
 
 const feature$4 = createFeatureSelector(adminFeatureKey);
@@ -2620,6 +2633,7 @@ 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 AdminSelectors = {
     feature: feature$4,
     highlightedMenu,
@@ -2629,7 +2643,8 @@ const AdminSelectors = {
     actions,
     subActions,
     panelOpen,
-    componentType
+    componentType,
+    selectedAssociation
 };
 
 let nextCompId$a = 0;
@@ -2642,6 +2657,7 @@ class AdminClassesSelectComponent {
         this.tab = 0;
         this.sub = new Subscription();
         this.currentClass$ = this.store.select(AdminClassSelectors.selectedClass);
+        this.associations$ = this.store.select(AdminSelectors.selectedAssociation);
         this.compId = nextCompId$a++;
         this.linkedObjects$ = this.currentClass$.pipe(concatLatestFrom((clazz) => this.store.select(DataSourceSelectors.datasets)), map(([clazz, datasets]) => datasets.filter((dataset) => dataset.oClass === clazz?.id)));
     }
@@ -2720,11 +2736,11 @@ class AdminClassesSelectComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassesSelectComponent, 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: AdminClassesSelectComponent, selector: "pry-admin-classes-select", ngImport: i0, template: "<div\n  *ngIf=\"currentClass$ | async as clazz\"\n  [id]=\"'panel-class-' + clazz.id\"\n  [attr.aria-labelledby]=\"'button-class-' + clazz.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.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.linkedObjects' | 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.name' | i18n }} :\n              <strong>{{ clazz.name }}</strong>\n            </p>\n            <p class=\"a-p u-display-flex -align-center\">\n              {{ '@pry.admin.classes.image' | i18n }} :\n              <img\n                alt=\"\"\n                [height]=\"25\"\n                [width]=\"25\"\n                [src]=\"clazz.id | translateId: { type: 'class', output: 'icon' } | async\"\n              />\n            </p>\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=\"1\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <table class=\"a-table\">\n              <caption>\n                {{\n                  '@pry.admin.dataset.title' | i18n\n                }},\n                {{\n                  '@pry.action.sortableColumnHeader' | i18n\n                }}\n              </caption>\n              <thead>\n                <tr>\n                  <th>{{ '@pry.admin.classes.name' | i18n }}</th>\n                  <th>{{ '@pry.admin.classes.type' | i18n }}</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr *ngFor=\"let object of linkedObjects$ | async\">\n                  <td>{{ object.name }}</td>\n                  <td>{{ '@pry.admin.dataset.title' | i18n }}</td>\n                </tr>\n              </tbody>\n            </table>\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: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminClassesSelectComponent, selector: "pry-admin-classes-select", ngImport: i0, template: "<div\n  *ngIf=\"currentClass$ | async as clazz\"\n  [id]=\"'panel-class-' + clazz.id\"\n  [attr.aria-labelledby]=\"'button-class-' + clazz.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.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.name' | i18n }} :\n              <strong>{{ clazz.name }}</strong>\n            </p>\n            <p class=\"a-p u-display-flex -align-center\">\n              {{ '@pry.admin.classes.image' | i18n }} :\n              <img\n                alt=\"\"\n                [height]=\"25\"\n                [width]=\"25\"\n                [src]=\"clazz.id | translateId : { type: 'class', output: 'icon' } | async\"\n              />\n            </p>\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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassesSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-classes-select', template: "<div\n  *ngIf=\"currentClass$ | async as clazz\"\n  [id]=\"'panel-class-' + clazz.id\"\n  [attr.aria-labelledby]=\"'button-class-' + clazz.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.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.linkedObjects' | 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.name' | i18n }} :\n              <strong>{{ clazz.name }}</strong>\n            </p>\n            <p class=\"a-p u-display-flex -align-center\">\n              {{ '@pry.admin.classes.image' | i18n }} :\n              <img\n                alt=\"\"\n                [height]=\"25\"\n                [width]=\"25\"\n                [src]=\"clazz.id | translateId: { type: 'class', output: 'icon' } | async\"\n              />\n            </p>\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=\"1\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <table class=\"a-table\">\n              <caption>\n                {{\n                  '@pry.admin.dataset.title' | i18n\n                }},\n                {{\n                  '@pry.action.sortableColumnHeader' | i18n\n                }}\n              </caption>\n              <thead>\n                <tr>\n                  <th>{{ '@pry.admin.classes.name' | i18n }}</th>\n                  <th>{{ '@pry.admin.classes.type' | i18n }}</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr *ngFor=\"let object of linkedObjects$ | async\">\n                  <td>{{ object.name }}</td>\n                  <td>{{ '@pry.admin.dataset.title' | i18n }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-classes-select', template: "<div\n  *ngIf=\"currentClass$ | async as clazz\"\n  [id]=\"'panel-class-' + clazz.id\"\n  [attr.aria-labelledby]=\"'button-class-' + clazz.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.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.name' | i18n }} :\n              <strong>{{ clazz.name }}</strong>\n            </p>\n            <p class=\"a-p u-display-flex -align-center\">\n              {{ '@pry.admin.classes.image' | i18n }} :\n              <img\n                alt=\"\"\n                [height]=\"25\"\n                [width]=\"25\"\n                [src]=\"clazz.id | translateId : { type: 'class', output: 'icon' } | async\"\n              />\n            </p>\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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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$9 = 0;
@@ -2844,6 +2860,7 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
         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.compId = nextCompId$8++;
@@ -2960,11 +2977,11 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
         this.tab = number;
     }
     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\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 !== 1\"\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.dataset.id' | i18n }} :\n              <strong>{{ dataset.id }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.name' | i18n }} :\n              <strong>{{ dataset.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.oClass' | i18n }} :\n              <strong>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.type' | i18n }} :\n              <strong>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</strong>\n            </p>\n          </div>\n        </div>\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    </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", "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.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminSelectDatasetComponent, selector: "pry-admin-select-dataset", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel\"\n>\n  <div>\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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: 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\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 !== 1\"\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.dataset.id' | i18n }} :\n              <strong>{{ dataset.id }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.name' | i18n }} :\n              <strong>{{ dataset.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.oClass' | i18n }} :\n              <strong>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.dataset.type' | i18n }} :\n              <strong>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</strong>\n            </p>\n          </div>\n        </div>\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    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel\"\n>\n  <div>\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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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 }]; } });
 
 let nextCompId$7 = 0;
@@ -3060,6 +3077,7 @@ class AdminFieldsSelectComponent {
         this.tab = 0;
         this.sub = new Subscription();
         this.currentField$ = this.store.select(FieldsSelectors.selectedField);
+        this.associations$ = this.store.select(AdminSelectors.selectedAssociation);
         this.compId = nextCompId$6++;
         this.attributes$ = combineLatest([this.currentField$, store.select(ClassSelectors.classes)]).pipe(map(([field, classes]) => {
             return classes
@@ -3127,11 +3145,11 @@ class AdminFieldsSelectComponent {
         this.sub.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminFieldsSelectComponent, 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: AdminFieldsSelectComponent, selector: "pry-admin-fields-select", ngImport: i0, template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.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.fields.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.fields.attributesTab' | 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.fields.name' | i18n }} :\n              <strong>{{ field.name }}</strong>\n            </p>\n            <p class=\"a-p\">{{ '@pry.admin.fields.description' | i18n }} :</p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.fields.type' | i18n }} :\n              <strong>{{ getTranslationType(field.type) | i18n }}</strong>\n            </p>\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=\"1\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <table class=\"a-table\">\n              <caption>\n                {{\n                  '@pry.admin.dataset.title' | i18n\n                }},\n                {{\n                  '@pry.action.sortableColumnHeader' | i18n\n                }}\n              </caption>\n              <thead>\n                <tr>\n                  <th>{{ '@pry.admin.fields.attributeName' | i18n }}</th>\n                  <th>{{ '@pry.admin.fields.className' | i18n }}</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr *ngFor=\"let attribute of attributes$ | async\">\n                  <td>{{ attribute.name }}</td>\n                  <td>{{ attribute.classId | translateId: { type: 'class' } | async }}</td>\n                </tr>\n              </tbody>\n            </table>\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: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminFieldsSelectComponent, selector: "pry-admin-fields-select", ngImport: i0, template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.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.fields.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.fields.name' | i18n }} :\n              <strong>{{ field.name }}</strong>\n            </p>\n            <p class=\"a-p\">{{ '@pry.admin.fields.description' | i18n }} :</p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.fields.type' | i18n }} :\n              <strong>{{ getTranslationType(field.type) | i18n }}</strong>\n            </p>\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=\"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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminFieldsSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-fields-select', template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.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.fields.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.fields.attributesTab' | 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.fields.name' | i18n }} :\n              <strong>{{ field.name }}</strong>\n            </p>\n            <p class=\"a-p\">{{ '@pry.admin.fields.description' | i18n }} :</p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.fields.type' | i18n }} :\n              <strong>{{ getTranslationType(field.type) | i18n }}</strong>\n            </p>\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=\"1\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <table class=\"a-table\">\n              <caption>\n                {{\n                  '@pry.admin.dataset.title' | i18n\n                }},\n                {{\n                  '@pry.action.sortableColumnHeader' | i18n\n                }}\n              </caption>\n              <thead>\n                <tr>\n                  <th>{{ '@pry.admin.fields.attributeName' | i18n }}</th>\n                  <th>{{ '@pry.admin.fields.className' | i18n }}</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr *ngFor=\"let attribute of attributes$ | async\">\n                  <td>{{ attribute.name }}</td>\n                  <td>{{ attribute.classId | translateId: { type: 'class' } | async }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-fields-select', template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.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.fields.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.fields.name' | i18n }} :\n              <strong>{{ field.name }}</strong>\n            </p>\n            <p class=\"a-p\">{{ '@pry.admin.fields.description' | i18n }} :</p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.fields.type' | i18n }} :\n              <strong>{{ getTranslationType(field.type) | i18n }}</strong>\n            </p>\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=\"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            <div *ngFor=\"let association of associations.associations\">\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.name' | i18n }} :\n                <strong>{{ association.name }}</strong>\n              </p>\n              <p class=\"a-p\">\n                {{ '@pry.admin.classes.type' | i18n }} :\n                <strong>{{ association.type }}</strong>\n              </p>\n            </div>\n            <p *ngIf=\"associations.usedElsewhere === true\" class=\"a-p\">\n              <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n            </p>\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 }]; } });
 
 var MetadataRulesActionTypes;
@@ -3453,11 +3471,11 @@ class AdminPredicatesSelectComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminPredicatesSelectComponent, 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: AdminPredicatesSelectComponent, selector: "pry-admin-predicates-select", ngImport: i0, template: "<div\n  *ngIf=\"currentPredicate$ | async as pred\"\n  [id]=\"'panel-pred-' + pred.id\"\n  [attr.aria-labelledby]=\"'button-pred-' + pred.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.predicates.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        >\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\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.name' | i18n }} :\n              <strong>{{ pred.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.value' | i18n }} :\n              <strong>{{ pred.value }}</strong>\n            </p>\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: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminPredicatesSelectComponent, selector: "pry-admin-predicates-select", ngImport: i0, template: "<div\n  *ngIf=\"currentPredicate$ | async as pred\"\n  [id]=\"'panel-pred-' + pred.id\"\n  [attr.aria-labelledby]=\"'button-pred-' + pred.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.predicates.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        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n      </div>\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.predicates.name' | i18n }} :\n              <strong>{{ pred.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.value' | i18n }} :\n              <strong>{{ pred.value }}</strong>\n            </p>\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: "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: AdminPredicatesSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-predicates-select', template: "<div\n  *ngIf=\"currentPredicate$ | async as pred\"\n  [id]=\"'panel-pred-' + pred.id\"\n  [attr.aria-labelledby]=\"'button-pred-' + pred.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.predicates.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        >\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\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.name' | i18n }} :\n              <strong>{{ pred.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.value' | i18n }} :\n              <strong>{{ pred.value }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-predicates-select', template: "<div\n  *ngIf=\"currentPredicate$ | async as pred\"\n  [id]=\"'panel-pred-' + pred.id\"\n  [attr.aria-labelledby]=\"'button-pred-' + pred.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.predicates.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        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n      </div>\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.predicates.name' | i18n }} :\n              <strong>{{ pred.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.predicates.value' | i18n }} :\n              <strong>{{ pred.value }}</strong>\n            </p>\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$1 = 0;
@@ -5446,6 +5464,26 @@ class AdminService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.post(`${url}/abac/rules`, rule)));
     }
+    getClassAssociations(id) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/model/class/${id}/associations`)));
+    }
+    getDatasetAssociations(id) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/datasets/${id}/associations`)));
+    }
+    getFieldAssociations(id) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/model/fields/${id}/associations`)));
+    }
+    getAttributeAssociations(id) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/model/attribute/${id}/associations`)));
+    }
     getClass(id) {
         return this.store
             .select(ConfigSelectors.refUrl)
@@ -5604,10 +5642,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: AdminService }, { type: i1.Store }, { type: AbacRulesService }]; } });
 
 class AdminClassEffects {
-    constructor(actions$, adminService, pryDialog) {
+    constructor(actions$, adminService, pryDialog, service) {
         this.actions$ = actions$;
         this.adminService = adminService;
         this.pryDialog = pryDialog;
+        this.service = service;
         this.updateToolbox$ = createEffect(() => this.actions$.pipe(ofType(AdminClassActions.updateToolbox), mergeMap$1((action) => {
             return [ClassActions.load(), AdminActions.selectComponentType({ componentType: null })];
         })));
@@ -5724,12 +5763,12 @@ class AdminClassEffects {
             this.pryDialog.open(PryDialogConfirmComponent, { data });
         })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }, { token: i4.PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassEffects, deps: [{ token: i1$2.Actions }, { token: AdminService }, { token: i4.PryDialogService }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminClassEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: AdminService }, { type: i4.PryDialogService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: AdminService }, { type: i4.PryDialogService }, { type: AdminService }]; } });
 
 class AdminDatasetEffects {
     constructor(actions$, dataSourceService) {
@@ -6244,6 +6283,8 @@ const enTranslations = {
                 createClassConfirmMessage: 'Confirm business model creation',
                 deleteClassConfirmMessage: 'Confirm deleting the selected business model',
                 linkedObjects: 'Linked objects',
+                usedElsewhere: "Used by other users' objects",
+                associations: 'Associations',
                 type: 'Type',
                 attributes: {
                     add: 'business model Add attribute',
@@ -6572,6 +6613,8 @@ const frTranslations = {
                 createClassConfirmMessage: 'Voulez-vous confirmer la création du modèle de données ?',
                 deleteClassConfirmMessage: 'Confirmez-vous la suppression de ce modèle métier ?',
                 linkedObjects: 'Objets liés',
+                usedElsewhere: "Utilisé par des objets d'autres utilisateurs",
+                associations: 'Associations',
                 type: 'Type',
                 attributes: {
                     add: 'Nouvel attribut',
@@ -6720,6 +6763,10 @@ class AdminEffects {
         this.openNewDataset$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.openNewDataset), map$1((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 })])))));
     }
     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 }); }