@provoly/dashboard 0.13.1 → 0.13.3

package/fesm2022/provoly-dashboard-admin.mjs

@@ -5,7 +5,7 @@ import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i3 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Output, Input, Injectable, ViewContainerRef, ViewChild, TemplateRef, NgModule } from '@angular/core';
+import { EventEmitter, Component, Output, Input, Injectable, ViewContainerRef, ViewChild, TemplateRef, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i3$1 from '@angular/forms';
 import { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@ngrx/effects';
@@ -2648,6 +2648,20 @@ const AdminSelectors = {
     selectedAssociation
 };
 
+class PryAssociationComponent {
+    ngOnInit() {
+        console.log(this.associations);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAssociationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAssociationComponent, selector: "pry-association", inputs: { associations: "associations" }, ngImport: i0, template: "<div *ngFor=\"let association of associations?.associations\" class=\"a-container-type\">\n  <p class=\"a-label-type {{ association.type }}\">\n    <strong>{{ '@pry.admin.association.' + association.type | i18n }}</strong>\n  </p>\n  <p>\n    {{ association.name }}\n  </p>\n</div>\n<p *ngIf=\"associations?.usedElsewhere === true\" class=\"a-p\">\n  <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n</p>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAssociationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-association', changeDetection: ChangeDetectionStrategy.Default, template: "<div *ngFor=\"let association of associations?.associations\" class=\"a-container-type\">\n  <p class=\"a-label-type {{ association.type }}\">\n    <strong>{{ '@pry.admin.association.' + association.type | i18n }}</strong>\n  </p>\n  <p>\n    {{ association.name }}\n  </p>\n</div>\n<p *ngIf=\"associations?.usedElsewhere === true\" class=\"a-p\">\n  <strong>{{ '@pry.admin.classes.usedElsewhere' | i18n }}</strong>\n</p>\n" }]
+        }], propDecorators: { associations: [{
+                type: Input
+            }] } });
+
 let nextCompId$a = 0;
 class AdminClassesSelectComponent {
     static { this.id = 'AdminClassesSelectComponent'; }
@@ -2737,11 +2751,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.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" }] }); }
+    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            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { 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.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" }]
+            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            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 let nextCompId$9 = 0;
@@ -2812,11 +2826,11 @@ class AdminAttributesSelectComponent {
         this.tab = number;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminAttributesSelectComponent, 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: AdminAttributesSelectComponent, selector: "pry-admin-attribute-select", ngImport: i0, template: "<div\n  *ngIf=\"selectedAttribute$ | async as attribute\"\n  [id]=\"'panel-attr-' + attribute.id\"\n  [attr.aria-labelledby]=\"'button-attr-' + attribute.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.classes.attributes.info' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.name' | i18n }} :\n              <strong>{{ attribute.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.field' | i18n }} :\n              <strong>{{ attribute.fieldName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.category' | i18n }} :\n              <strong>{{ attribute.categoryName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.multiValued' | i18n }} :\n              <strong>{{ attribute.multiValued }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"2\"\n      >\n        <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n          <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n          <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", 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminAttributesSelectComponent, selector: "pry-admin-attribute-select", ngImport: i0, template: "<div\n  *ngIf=\"selectedAttribute$ | async as attribute\"\n  [id]=\"'panel-attr-' + attribute.id\"\n  [attr.aria-labelledby]=\"'button-attr-' + attribute.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.classes.attributes.info' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.name' | i18n }} :\n              <strong>{{ attribute.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.field' | i18n }} :\n              <strong>{{ attribute.fieldName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.category' | i18n }} :\n              <strong>{{ attribute.categoryName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.multiValued' | i18n }} :\n              <strong>{{ attribute.multiValued }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"2\"\n      >\n        <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n          <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n          <pry-association [associations]=\"associations\"></pry-association>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminAttributesSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-attribute-select', template: "<div\n  *ngIf=\"selectedAttribute$ | async as attribute\"\n  [id]=\"'panel-attr-' + attribute.id\"\n  [attr.aria-labelledby]=\"'button-attr-' + attribute.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.classes.attributes.info' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.name' | i18n }} :\n              <strong>{{ attribute.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.field' | i18n }} :\n              <strong>{{ attribute.fieldName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.category' | i18n }} :\n              <strong>{{ attribute.categoryName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.multiValued' | i18n }} :\n              <strong>{{ attribute.multiValued }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"2\"\n      >\n        <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n          <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n          <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" }]
+            args: [{ selector: 'pry-admin-attribute-select', template: "<div\n  *ngIf=\"selectedAttribute$ | async as attribute\"\n  [id]=\"'panel-attr-' + attribute.id\"\n  [attr.aria-labelledby]=\"'button-attr-' + attribute.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.classes.attributes.info' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.details' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.name' | i18n }} :\n              <strong>{{ attribute.name }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.field' | i18n }} :\n              <strong>{{ attribute.fieldName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.category' | i18n }} :\n              <strong>{{ attribute.categoryName }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ '@pry.admin.classes.attributes.multiValued' | i18n }} :\n              <strong>{{ attribute.multiValued }}</strong>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"o-tabs__panels__item\"\n        [class.is-hidden]=\"tab !== 1\"\n        [id]=\"'tabpanel-' + compId + '-1'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n        tabindex=\"2\"\n      >\n        <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n          <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n          <pry-association [associations]=\"associations\"></pry-association>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 const AdminDatasetActions = {
@@ -2982,11 +2996,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        <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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AdminSelectDatasetComponent, selector: "pry-admin-select-dataset", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n            <div *ngFor=\"let metadata of datasetMetadata$ | async\">\n              <div class=\"o-tabs__panels__item__content\">\n                <div class=\"o-tabs__panels__item__content__actions\">\n                  <div class=\"o-tabs__panels__item__content__actions__text\">\n                    <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                      >{{ metadata.metadataDef.name }} :</span\n                    >\n                    <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                  </div>\n\n                  <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                    <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.edit' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"edit-icon\"\n                          iconSvg=\"edit\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"editMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.delete' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"delete-icon\"\n                          iconSvg=\"delete\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"removeMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                    </ng-container>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n            <ng-container *ngIf=\"form.value.metadata\">\n              <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n                <fieldset>\n                  <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                  <div class=\"m-form-label-field\">\n                    <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                    <pry-select\n                      id=\"metadata\"\n                      class=\"a-pry-select\"\n                      formControlName=\"metadata\"\n                      [items]=\"availableMetadata$ | async\"\n                      (ngModelChange)=\"onMetaChange($event)\"\n                      [isForm]=\"true\"\n                      [itemsAsOption]=\"true\"\n                      bindLabel=\"name\"\n                      [readonly]=\"(editable$ | async) ?? false\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && form.get('metadata')?.invalid\n                          ? 'metadata-label metadata-error'\n                          : 'metadata-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n                    >\n                    </pry-select>\n                    <label\n                      *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n                      id=\"metadata-error\"\n                      for=\"metadata\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n\n                  <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                        {{ '@pry.action.selectDate' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"form_date\"\n                        type=\"date\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid\n                            ? 'form-date-label form-date-error'\n                            : 'form-date-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"form_date-error\"\n                        for=\"form_date\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        {{ '@pry.admin.required' | i18n }}\n                      </label>\n                    </div>\n                  </ng-container>\n\n                  <ng-template #inputList>\n                    <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n                      <div class=\"m-form-label-field\">\n                        <label id=\"list-label\" class=\"a-label\" for=\"list\">{{\n                          '@pry.action.choiceInList' | i18n\n                        }}</label>\n                        <pry-select\n                          id=\"list\"\n                          class=\"a-pry-select\"\n                          formControlName=\"value\"\n                          [items]=\"form.value['metadata']['allowedValues']\"\n                          [isForm]=\"true\"\n                          aria-labelledby=\"list-label\"\n                        ></pry-select>\n                      </div>\n                    </ng-container>\n                  </ng-template>\n\n                  <ng-template #inputText>\n                    <div class=\"m-form-label-field\">\n                      <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                        {{ '@pry.action.text' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"text\"\n                        type=\"text\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"test-error\"\n                        for=\"text\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n                        <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                          <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                            {{ '@pry.admin.environment.formatDouble' | i18n }}\n                          </span>\n                          <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                            {{ '@pry.admin.environment.formatInt' | i18n }}\n                          </span>\n                        </ng-container>\n                      </label>\n                    </div>\n                  </ng-template>\n                </fieldset>\n\n                <div class=\"m-btn-group -end\">\n                  <button\n                    type=\"submit\"\n                    class=\"a-btn a-btn--primary\"\n                    [innerHTML]=\"\n                      ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                        | i18n\n                    \"\n                  ></button>\n                </div>\n              </form>\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\n          <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminSelectDatasetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n            <div *ngFor=\"let metadata of datasetMetadata$ | async\">\n              <div class=\"o-tabs__panels__item__content\">\n                <div class=\"o-tabs__panels__item__content__actions\">\n                  <div class=\"o-tabs__panels__item__content__actions__text\">\n                    <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                      >{{ metadata.metadataDef.name }} :</span\n                    >\n                    <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                  </div>\n\n                  <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                    <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.edit' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"edit-icon\"\n                          iconSvg=\"edit\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"editMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.delete' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"delete-icon\"\n                          iconSvg=\"delete\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"removeMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                    </ng-container>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n            <ng-container *ngIf=\"form.value.metadata\">\n              <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n                <fieldset>\n                  <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                  <div class=\"m-form-label-field\">\n                    <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                    <pry-select\n                      id=\"metadata\"\n                      class=\"a-pry-select\"\n                      formControlName=\"metadata\"\n                      [items]=\"availableMetadata$ | async\"\n                      (ngModelChange)=\"onMetaChange($event)\"\n                      [isForm]=\"true\"\n                      [itemsAsOption]=\"true\"\n                      bindLabel=\"name\"\n                      [readonly]=\"(editable$ | async) ?? false\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && form.get('metadata')?.invalid\n                          ? 'metadata-label metadata-error'\n                          : 'metadata-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n                    >\n                    </pry-select>\n                    <label\n                      *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n                      id=\"metadata-error\"\n                      for=\"metadata\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n\n                  <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                        {{ '@pry.action.selectDate' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"form_date\"\n                        type=\"date\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid\n                            ? 'form-date-label form-date-error'\n                            : 'form-date-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"form_date-error\"\n                        for=\"form_date\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        {{ '@pry.admin.required' | i18n }}\n                      </label>\n                    </div>\n                  </ng-container>\n\n                  <ng-template #inputList>\n                    <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n                      <div class=\"m-form-label-field\">\n                        <label id=\"list-label\" class=\"a-label\" for=\"list\">{{\n                          '@pry.action.choiceInList' | i18n\n                        }}</label>\n                        <pry-select\n                          id=\"list\"\n                          class=\"a-pry-select\"\n                          formControlName=\"value\"\n                          [items]=\"form.value['metadata']['allowedValues']\"\n                          [isForm]=\"true\"\n                          aria-labelledby=\"list-label\"\n                        ></pry-select>\n                      </div>\n                    </ng-container>\n                  </ng-template>\n\n                  <ng-template #inputText>\n                    <div class=\"m-form-label-field\">\n                      <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                        {{ '@pry.action.text' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"text\"\n                        type=\"text\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"test-error\"\n                        for=\"text\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n                        <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                          <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                            {{ '@pry.admin.environment.formatDouble' | i18n }}\n                          </span>\n                          <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                            {{ '@pry.admin.environment.formatInt' | i18n }}\n                          </span>\n                        </ng-container>\n                      </label>\n                    </div>\n                  </ng-template>\n                </fieldset>\n\n                <div class=\"m-btn-group -end\">\n                  <button\n                    type=\"submit\"\n                    class=\"a-btn a-btn--primary\"\n                    [innerHTML]=\"\n                      ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                        | i18n\n                    \"\n                  ></button>\n                </div>\n              </form>\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\n          <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n            <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" }]
+            args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel\"\n>\n  <div>\n    <div class=\"o-panel__header\">\n      <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n        <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n\n      <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n        {{ '@pry.admin.metadata.details' | i18n }}\n      </h3>\n    </div>\n\n    <div class=\"o-tabs\">\n      <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-title-' + compId\">\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-0'\"\n          [attr.aria-selected]=\"tab === 0\"\n          [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n          (click)=\"switch(0)\"\n        >\n          {{ '@pry.admin.metadata.title' | i18n }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"o-tabs__list__btn\"\n          role=\"tab\"\n          [id]=\"'tab-' + compId + '-1'\"\n          [attr.aria-selected]=\"tab === 1\"\n          [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n          [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n          (click)=\"switch(1)\"\n        >\n          {{ '@pry.admin.classes.associations' | i18n }}\n        </button>\n      </div>\n\n      <div class=\"o-tabs__panels\">\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 0\"\n          [id]=\"'tabpanel-' + compId + '-0'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-0'\"\n          tabindex=\"0\"\n        >\n          <div class=\"o-tabs__panels__item__content o-tabs__panels__item__content--profil\">\n            <div *ngFor=\"let metadata of datasetMetadata$ | async\">\n              <div class=\"o-tabs__panels__item__content\">\n                <div class=\"o-tabs__panels__item__content__actions\">\n                  <div class=\"o-tabs__panels__item__content__actions__text\">\n                    <span class=\"o-tabs__panels__item__content__actions__text__label\"\n                      >{{ metadata.metadataDef.name }} :</span\n                    >\n                    <span class=\"o-tabs__panels__item__content__actions__text__value\">{{ metadata.value }}</span>\n                  </div>\n\n                  <div class=\"o-tabs__panels__item__content__actions__buttons\">\n                    <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.edit' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"edit-icon\"\n                          iconSvg=\"edit\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"editMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                      <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n                        <span class=\"u-visually-hidden\"\n                          >{{ '@pry.action.delete' | i18n }} {{ metadata.metadataDef.name }}</span\n                        >\n                        <pry-icon\n                          class=\"delete-icon\"\n                          iconSvg=\"delete\"\n                          [width]=\"15\"\n                          [height]=\"15\"\n                          (click)=\"removeMetadata(metadata)\"\n                        ></pry-icon>\n                      </button>\n                    </ng-container>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n            <ng-container *ngIf=\"form.value.metadata\">\n              <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n                <fieldset>\n                  <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n                  <div class=\"m-form-label-field\">\n                    <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n                    <pry-select\n                      id=\"metadata\"\n                      class=\"a-pry-select\"\n                      formControlName=\"metadata\"\n                      [items]=\"availableMetadata$ | async\"\n                      (ngModelChange)=\"onMetaChange($event)\"\n                      [isForm]=\"true\"\n                      [itemsAsOption]=\"true\"\n                      bindLabel=\"name\"\n                      [readonly]=\"(editable$ | async) ?? false\"\n                      [attr.aria-labelledby]=\"\n                        isSubmitted && form.get('metadata')?.invalid\n                          ? 'metadata-label metadata-error'\n                          : 'metadata-label'\n                      \"\n                      [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n                    >\n                    </pry-select>\n                    <label\n                      *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n                      id=\"metadata-error\"\n                      for=\"metadata\"\n                      class=\"a-label a-label--help -error\"\n                    >\n                      {{ '@pry.admin.required' | i18n }}\n                    </label>\n                  </div>\n\n                  <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n                    <div class=\"m-form-label-field\">\n                      <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n                        {{ '@pry.action.selectDate' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"form_date\"\n                        type=\"date\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid\n                            ? 'form-date-label form-date-error'\n                            : 'form-date-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"form_date-error\"\n                        for=\"form_date\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        {{ '@pry.admin.required' | i18n }}\n                      </label>\n                    </div>\n                  </ng-container>\n\n                  <ng-template #inputList>\n                    <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n                      <div class=\"m-form-label-field\">\n                        <label id=\"list-label\" class=\"a-label\" for=\"list\">{{\n                          '@pry.action.choiceInList' | i18n\n                        }}</label>\n                        <pry-select\n                          id=\"list\"\n                          class=\"a-pry-select\"\n                          formControlName=\"value\"\n                          [items]=\"form.value['metadata']['allowedValues']\"\n                          [isForm]=\"true\"\n                          aria-labelledby=\"list-label\"\n                        ></pry-select>\n                      </div>\n                    </ng-container>\n                  </ng-template>\n\n                  <ng-template #inputText>\n                    <div class=\"m-form-label-field\">\n                      <label id=\"text-label\" class=\"a-label\" for=\"text\">\n                        {{ '@pry.action.text' | i18n }} *\n                        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                      </label>\n                      <input\n                        id=\"text\"\n                        type=\"text\"\n                        class=\"a-form-field\"\n                        formControlName=\"value\"\n                        [attr.aria-labelledby]=\"\n                          isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n                        \"\n                        [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n                        required\n                      />\n                      <label\n                        *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n                        id=\"test-error\"\n                        for=\"text\"\n                        class=\"a-label a-label--help -error\"\n                      >\n                        <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n                        <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                          <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                            {{ '@pry.admin.environment.formatDouble' | i18n }}\n                          </span>\n                          <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                            {{ '@pry.admin.environment.formatInt' | i18n }}\n                          </span>\n                        </ng-container>\n                      </label>\n                    </div>\n                  </ng-template>\n                </fieldset>\n\n                <div class=\"m-btn-group -end\">\n                  <button\n                    type=\"submit\"\n                    class=\"a-btn a-btn--primary\"\n                    [innerHTML]=\"\n                      ((editable$ | async) ? '@pry.admin.userInfo.editMetadata' : '@pry.admin.userInfo.addMetadata')\n                        | i18n\n                    \"\n                  ></button>\n                </div>\n              </form>\n            </ng-container>\n          </ng-container>\n        </div>\n        <div\n          class=\"o-tabs__panels__item\"\n          [class.is-hidden]=\"tab !== 1\"\n          [id]=\"'tabpanel-' + compId + '-1'\"\n          role=\"tabpanel\"\n          [attr.aria-labelledby]=\"'tab-' + compId + '-1'\"\n          tabindex=\"1\"\n        >\n          <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n            <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3$1.FormBuilder }]; } });
 
 let nextCompId$7 = 0;
@@ -3150,11 +3164,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.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" }] }); }
+    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            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: 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.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" }]
+            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            <pry-association [associations]=\"associations\"></pry-association>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
 
 var MetadataRulesActionTypes;
@@ -5552,22 +5566,22 @@ class AdminService {
     addMetadataRules(metadataRules) {
         return this.store
             .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/meta-provisionning`), metadataRules)));
+            .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/meta-provisioning`), metadataRules)));
     }
     getMetadataRulesList() {
         return this.store
             .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(`${url}/meta-provisionning`)));
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/meta-provisioning`)));
     }
     getMetadataRules(id) {
         return this.store
             .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(`${url}/meta-provisionning/id/${id}`)));
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/meta-provisioning/id/${id}`)));
     }
     deleteMetadataRules(id) {
         return this.store
             .select(ConfigSelectors.refUrl)
-            .pipe(mergeMap((url) => this.httpClient.delete(`${url}/meta-provisionning/id/${id}`)));
+            .pipe(mergeMap((url) => this.httpClient.delete(`${url}/meta-provisioning/id/${id}`)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AdminService, providedIn: 'root' }); }
@@ -6376,6 +6390,16 @@ const enTranslations = {
                 attributeDestination: 'Destination attribute',
                 relationType: 'Relation type',
                 selectRelationType: 'Select relation type'
+            },
+            association: {
+                ABAC: 'ABAC Rule',
+                LINK: 'Relation',
+                NAMED_QUERY: 'Named query',
+                WIDGET: 'Widget',
+                DATASET: 'Dataset',
+                OCLASS: 'Data model',
+                DASHBOARD: 'Dashboard',
+                FIELD: 'Data type'
             }
         },
         tooltip: {
@@ -6707,6 +6731,16 @@ const frTranslations = {
                 attributeDestination: 'Attribut de destination',
                 relationType: 'Type de relation',
                 selectRelationType: 'Selectionnez un type de relation'
+            },
+            association: {
+                ABAC: 'Règle ABAC',
+                LINK: 'Relation',
+                NAMED_QUERY: 'Requête nommée',
+                WIDGET: 'Restitution',
+                DATASET: 'Jeu de données',
+                OCLASS: 'Modèle de données',
+                DASHBOARD: 'Présentation',
+                FIELD: 'Type métier'
             }
         },
         tooltip: {
@@ -6858,7 +6892,8 @@ class PryAdminModule {
             AdminFormDatasetComponent,
             AdminClassesCustomizeComponent,
             AdminClassesCustomizeTooltipComponent,
-            AdminClassesCustomizeSymbolComponent], imports: [CommonModule,
+            AdminClassesCustomizeSymbolComponent,
+            PryAssociationComponent], imports: [CommonModule,
             PryCoreModule,
             AdminRoutingModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, i1$2.EffectsFeatureModule, PryIconModule,
             FormsModule,
@@ -6990,7 +7025,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         AdminFormDatasetComponent,
                         AdminClassesCustomizeComponent,
                         AdminClassesCustomizeTooltipComponent,
-                        AdminClassesCustomizeSymbolComponent
+                        AdminClassesCustomizeSymbolComponent,
+                        PryAssociationComponent
                     ],
                     imports: [
                         CommonModule,