@provoly/dashboard 1.4.6 → 1.4.8

package/fesm2022/provoly-dashboard-components-stepper.mjs

@@ -7,10 +7,10 @@ class PryStepTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: PryStepTitleDirective, selector: "[stepTitle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: PryStepTitleDirective, selector: "[stepTitle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepTitleDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[stepTitle]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -32,10 +32,10 @@ class PryStepComponent {
     hasTemplateRef() {
         return Boolean(this.stepTitleElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryStepComponent, selector: "pry-step", inputs: { setActiveState: "setActiveState" }, host: { properties: { "class.active-step": "this.isActive" } }, queries: [{ propertyName: "stepTitleElement", first: true, predicate: PryStepTitleDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PryStepComponent, selector: "pry-step", inputs: { setActiveState: "setActiveState" }, host: { properties: { "class.active-step": "this.isActive" } }, queries: [{ propertyName: "stepTitleElement", first: true, predicate: PryStepTitleDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-step', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { stepTitleElement: [{
@@ -136,10 +136,10 @@ class PryStepperComponent {
             this.stepperSteps[index].status = Status.IN_PROGRESS;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryStepperComponent, selector: "pry-stepper", inputs: { isConsultMode: "isConsultMode" }, outputs: { lastStepCompleted: "lastStepCompleted", activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: PryStepComponent }], viewQueries: [{ propertyName: "stepViewRef", predicate: ["vc"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    <div\n      class=\"m-stepper-item-wrapper\"\n      [class.has-step-line]=\"i !== steps.length - 1\"\n      *ngFor=\"let step of steps; index as i\"\n    >\n      <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n        <div\n          class=\"m-stepper-item__count\"\n          [class.-complete]=\"step.status === 'completed'\"\n          [class.-active]=\"step.status === 'in progress'\"\n        >\n          <span>{{ i + 1 }}</span>\n        </div>\n        <ng-container #vc>{{ step.title }}</ng-container>\n      </div>\n      <div class=\"m-stepper-line\" *ngIf=\"i !== steps.length - 1\">\n        <div\n          class=\"m-stepper-line__percent\"\n          [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n          [class.-active]=\"step.status === 'in progress'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PryStepperComponent, selector: "pry-stepper", inputs: { isConsultMode: "isConsultMode" }, outputs: { lastStepCompleted: "lastStepCompleted", activeIndexChange: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: PryStepComponent }], viewQueries: [{ propertyName: "stepViewRef", predicate: ["vc"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    <div\n      class=\"m-stepper-item-wrapper\"\n      [class.has-step-line]=\"i !== steps.length - 1\"\n      *ngFor=\"let step of steps; index as i\"\n    >\n      <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n        <div\n          class=\"m-stepper-item__count\"\n          [class.-complete]=\"step.status === 'completed'\"\n          [class.-active]=\"step.status === 'in progress'\"\n        >\n          <span>{{ i + 1 }}</span>\n        </div>\n        <ng-container #vc>{{ step.title }}</ng-container>\n      </div>\n      <div class=\"m-stepper-line\" *ngIf=\"i !== steps.length - 1\">\n        <div\n          class=\"m-stepper-line__percent\"\n          [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n          [class.-active]=\"step.status === 'in progress'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-stepper', template: "<div class=\"o-pry-stepper\">\n  <div class=\"o-pry-stepper__header\">\n    <div\n      class=\"m-stepper-item-wrapper\"\n      [class.has-step-line]=\"i !== steps.length - 1\"\n      *ngFor=\"let step of steps; index as i\"\n    >\n      <div class=\"m-stepper-item\" (click)=\"goTo(i)\" [class.-pointer]=\"step.status !== 'pending'\">\n        <div\n          class=\"m-stepper-item__count\"\n          [class.-complete]=\"step.status === 'completed'\"\n          [class.-active]=\"step.status === 'in progress'\"\n        >\n          <span>{{ i + 1 }}</span>\n        </div>\n        <ng-container #vc>{{ step.title }}</ng-container>\n      </div>\n      <div class=\"m-stepper-line\" *ngIf=\"i !== steps.length - 1\">\n        <div\n          class=\"m-stepper-line__percent\"\n          [class.-complete]=\"step.status === 'completed' && i < activeIndex\"\n          [class.-active]=\"step.status === 'in progress'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-pry-stepper__content\">\n    <ng-content select=\"pry-step\"></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { steps: [{
@@ -157,11 +157,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             }] } });
 
 class PryStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryStepperModule, declarations: [PryStepperComponent, PryStepComponent, PryStepTitleDirective], imports: [CommonModule], exports: [PryStepperComponent, PryStepComponent, PryStepTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepperModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: PryStepperModule, declarations: [PryStepperComponent, PryStepComponent, PryStepTitleDirective], imports: [CommonModule], exports: [PryStepperComponent, PryStepComponent, PryStepTitleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/provoly-dashboard-components-text-editor.mjs

@@ -11,10 +11,10 @@ import { marked } from 'marked';
 import { CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 
 class PryTextEditorCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryTextEditorCssComponent, selector: "pry-text-editor-css", ngImport: i0, template: '', isInline: true, styles: [".o-draggable-menu__list,.o-draggable-menu__list__submenu{margin:0;padding:0}.o-draggable-menu__list li,.o-draggable-menu__list__submenu li{list-style:none}.o-text-editor__preview h1,.o-text-editor__preview h2,.o-text-editor__preview h3,.o-text-editor__preview h4,.o-text-editor__preview h5,.o-text-editor__preview h6{padding:0;margin:0;color:#253043}.o-text-editor__preview h5{font-size:.875rem}.o-text-editor__preview span,.o-text-editor__preview p{font-size:.875rem;color:#263340;white-space:pre-wrap}.o-text-editor__preview div{padding-bottom:10px}.o-text-editor__preview ul,.o-text-editor__preview ol{margin:0;line-height:1rem}.o-text-editor__preview li{color:#253043;font-size:.875rem}.o-text-editor__preview table{border-collapse:collapse}.o-text-editor__preview table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}.o-text-editor__preview table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table tbody tr td{padding:.75rem .5rem;text-align:left}.o-draggable-menu,.o-draggable-menu--text-editor{display:flex;flex-direction:column;width:10.625rem;padding:.375rem}.o-draggable-menu.-dropdown,.-dropdown.o-draggable-menu--text-editor{width:fit-content}.o-draggable-menu.-dropdown button,.-dropdown.o-draggable-menu--text-editor button{border:none}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{display:flex;align-items:center;justify-content:flex-start;gap:.3125rem;width:100%;min-width:max-content;height:auto;padding:.25rem .625rem;word-break:keep-all;cursor:pointer}.o-draggable-menu__list__item .a-btn[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-btn:hover+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link:hover+.o-draggable-menu__list__submenu{display:block}.o-draggable-menu__list__submenu{position:absolute;left:96%;display:none;min-width:max-content;margin-top:-2.1875rem;padding:.375rem}.o-draggable-menu__list__submenu [draggable]{cursor:move}.o-draggable-menu__list__submenu.is-active,.o-draggable-menu__list__submenu:hover{display:block}.o-draggable-menu,.o-draggable-menu--text-editor{border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{border-radius:.375rem;font-family:Ubuntu,sans-serif;font-size:.875rem;line-height:1.0625rem;font-weight:400;font-style:normal}.o-draggable-menu__list__submenu{border-radius:.3125rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-text-editor{display:flex;flex-direction:column}.o-text-editor__header{display:flex;justify-content:space-between;align-items:center}.o-text-editor__header>.a-tooltip:last-child.a-tooltip[data-tooltip][data-tooltip-position=bottom]:after{left:calc(50% - 15px)}.o-text-editor__tabs{display:flex;gap:.3125rem}.o-text-editor__tab{padding:0 .625rem;font-size:.625rem;height:1.125rem;margin-top:-3px}.o-text-editor__tab.-active{margin-top:-1px;background-color:#fff;border:1px solid #BCCAD8;border-top:none;border-radius:0 0 4px 4px;font-weight:700;z-index:2}.o-text-editor__buttons{display:flex;flex-wrap:wrap;align-items:center}.o-text-editor__button{padding:.3125rem;overflow:visible;color:#113b6e}.o-text-editor__button:hover{transition:background-color .3s ease,color .3s ease;background-color:#d8e7f7}.o-text-editor__content{display:flex;gap:.625rem;min-height:12.6875rem;width:100%}.o-text-editor__tab-panel{width:100%}.o-text-editor__textarea.-half-width{flex-grow:0;width:auto}.o-text-editor__textarea.-full-width{flex-grow:1;width:100%}.o-text-editor__textarea.-remove-corner-radius{border-bottom-left-radius:0}.o-text-editor__preview{flex:1;background-color:#fff;padding:.4375rem .75rem .25rem;border:1px solid #BCCAD8;border-radius:4px;width:100%;height:100%;overflow-y:auto}.o-draggable-menu--text-editor{display:flex;flex-direction:column}.o-draggable-menu--text-editor .o-draggable-menu__list__item{width:100%;font-size:.875rem}.o-draggable-menu--text-editor .o-text-editor__button{display:flex;align-items:center;gap:.3125rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PryTextEditorCssComponent, selector: "pry-text-editor-css", ngImport: i0, template: '', isInline: true, styles: [".o-draggable-menu__list,.o-draggable-menu__list__submenu{margin:0;padding:0}.o-draggable-menu__list li,.o-draggable-menu__list__submenu li{list-style:none}.o-text-editor__preview h1,.o-text-editor__preview h2,.o-text-editor__preview h3,.o-text-editor__preview h4,.o-text-editor__preview h5,.o-text-editor__preview h6{padding:0;margin:0;color:#253043}.o-text-editor__preview h5{font-size:.875rem}.o-text-editor__preview span,.o-text-editor__preview p{font-size:.875rem;color:#263340;white-space:pre-wrap}.o-text-editor__preview div{padding-bottom:10px}.o-text-editor__preview ul,.o-text-editor__preview ol{margin:0;line-height:1rem}.o-text-editor__preview li{color:#253043;font-size:.875rem}.o-text-editor__preview table{border-collapse:collapse}.o-text-editor__preview table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}.o-text-editor__preview table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table tbody tr td{padding:.75rem .5rem;text-align:left}.o-draggable-menu,.o-draggable-menu--text-editor{display:flex;flex-direction:column;width:10.625rem;padding:.375rem}.o-draggable-menu.-dropdown,.-dropdown.o-draggable-menu--text-editor{width:fit-content}.o-draggable-menu.-dropdown button,.-dropdown.o-draggable-menu--text-editor button{border:none}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{display:flex;align-items:center;justify-content:flex-start;gap:.3125rem;width:100%;min-width:max-content;height:auto;padding:.25rem .625rem;word-break:keep-all;cursor:pointer}.o-draggable-menu__list__item .a-btn[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-btn:hover+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link:hover+.o-draggable-menu__list__submenu{display:block}.o-draggable-menu__list__submenu{position:absolute;left:96%;display:none;min-width:max-content;margin-top:-2.1875rem;padding:.375rem}.o-draggable-menu__list__submenu [draggable]{cursor:move}.o-draggable-menu__list__submenu.is-active,.o-draggable-menu__list__submenu:hover{display:block}.o-draggable-menu,.o-draggable-menu--text-editor{border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{border-radius:.375rem;font-family:Ubuntu,sans-serif;font-size:.875rem;line-height:1.0625rem;font-weight:400;font-style:normal}.o-draggable-menu__list__submenu{border-radius:.3125rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-text-editor{display:flex;flex-direction:column}.o-text-editor__header{display:flex;justify-content:space-between;align-items:center}.o-text-editor__header>.a-tooltip:last-child.a-tooltip[data-tooltip][data-tooltip-position=bottom]:after{left:calc(50% - 15px)}.o-text-editor__tabs{display:flex;gap:.3125rem}.o-text-editor__tab{padding:0 .625rem;font-size:.625rem;height:1.125rem;margin-top:-3px}.o-text-editor__tab.-active{margin-top:-1px;background-color:#fff;border:1px solid #BCCAD8;border-top:none;border-radius:0 0 4px 4px;font-weight:700;z-index:2}.o-text-editor__buttons{display:flex;flex-wrap:wrap;align-items:center}.o-text-editor__button{padding:.3125rem;overflow:visible;color:#113b6e}.o-text-editor__button:hover{transition:background-color .3s ease,color .3s ease;background-color:#d8e7f7}.o-text-editor__content{display:flex;gap:.625rem;min-height:12.6875rem;width:100%}.o-text-editor__tab-panel{width:100%}.o-text-editor__textarea.-half-width{flex-grow:0;width:auto}.o-text-editor__textarea.-full-width{flex-grow:1;width:100%}.o-text-editor__textarea.-remove-corner-radius{border-bottom-left-radius:0}.o-text-editor__preview{flex:1;background-color:#fff;padding:.4375rem .75rem .25rem;border:1px solid #BCCAD8;border-radius:4px;width:100%;height:100%;overflow-y:auto}.o-draggable-menu--text-editor{display:flex;flex-direction:column}.o-draggable-menu--text-editor .o-draggable-menu__list__item{width:100%;font-size:.875rem}.o-draggable-menu--text-editor .o-text-editor__button{display:flex;align-items:center;gap:.3125rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-text-editor-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-draggable-menu__list,.o-draggable-menu__list__submenu{margin:0;padding:0}.o-draggable-menu__list li,.o-draggable-menu__list__submenu li{list-style:none}.o-text-editor__preview h1,.o-text-editor__preview h2,.o-text-editor__preview h3,.o-text-editor__preview h4,.o-text-editor__preview h5,.o-text-editor__preview h6{padding:0;margin:0;color:#253043}.o-text-editor__preview h5{font-size:.875rem}.o-text-editor__preview span,.o-text-editor__preview p{font-size:.875rem;color:#263340;white-space:pre-wrap}.o-text-editor__preview div{padding-bottom:10px}.o-text-editor__preview ul,.o-text-editor__preview ol{margin:0;line-height:1rem}.o-text-editor__preview li{color:#253043;font-size:.875rem}.o-text-editor__preview table{border-collapse:collapse}.o-text-editor__preview table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}.o-text-editor__preview table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}.o-text-editor__preview table tbody tr td{padding:.75rem .5rem;text-align:left}.o-draggable-menu,.o-draggable-menu--text-editor{display:flex;flex-direction:column;width:10.625rem;padding:.375rem}.o-draggable-menu.-dropdown,.-dropdown.o-draggable-menu--text-editor{width:fit-content}.o-draggable-menu.-dropdown button,.-dropdown.o-draggable-menu--text-editor button{border:none}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{display:flex;align-items:center;justify-content:flex-start;gap:.3125rem;width:100%;min-width:max-content;height:auto;padding:.25rem .625rem;word-break:keep-all;cursor:pointer}.o-draggable-menu__list__item .a-btn[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-btn:hover+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link[aria-expanded=true]+.o-draggable-menu__list__submenu,.o-draggable-menu__list__item .a-link:hover+.o-draggable-menu__list__submenu{display:block}.o-draggable-menu__list__submenu{position:absolute;left:96%;display:none;min-width:max-content;margin-top:-2.1875rem;padding:.375rem}.o-draggable-menu__list__submenu [draggable]{cursor:move}.o-draggable-menu__list__submenu.is-active,.o-draggable-menu__list__submenu:hover{display:block}.o-draggable-menu,.o-draggable-menu--text-editor{border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-draggable-menu__list__item .a-btn,.o-draggable-menu__list__item .a-link{border-radius:.375rem;font-family:Ubuntu,sans-serif;font-size:.875rem;line-height:1.0625rem;font-weight:400;font-style:normal}.o-draggable-menu__list__submenu{border-radius:.3125rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.o-text-editor{display:flex;flex-direction:column}.o-text-editor__header{display:flex;justify-content:space-between;align-items:center}.o-text-editor__header>.a-tooltip:last-child.a-tooltip[data-tooltip][data-tooltip-position=bottom]:after{left:calc(50% - 15px)}.o-text-editor__tabs{display:flex;gap:.3125rem}.o-text-editor__tab{padding:0 .625rem;font-size:.625rem;height:1.125rem;margin-top:-3px}.o-text-editor__tab.-active{margin-top:-1px;background-color:#fff;border:1px solid #BCCAD8;border-top:none;border-radius:0 0 4px 4px;font-weight:700;z-index:2}.o-text-editor__buttons{display:flex;flex-wrap:wrap;align-items:center}.o-text-editor__button{padding:.3125rem;overflow:visible;color:#113b6e}.o-text-editor__button:hover{transition:background-color .3s ease,color .3s ease;background-color:#d8e7f7}.o-text-editor__content{display:flex;gap:.625rem;min-height:12.6875rem;width:100%}.o-text-editor__tab-panel{width:100%}.o-text-editor__textarea.-half-width{flex-grow:0;width:auto}.o-text-editor__textarea.-full-width{flex-grow:1;width:100%}.o-text-editor__textarea.-remove-corner-radius{border-bottom-left-radius:0}.o-text-editor__preview{flex:1;background-color:#fff;padding:.4375rem .75rem .25rem;border:1px solid #BCCAD8;border-radius:4px;width:100%;height:100%;overflow-y:auto}.o-draggable-menu--text-editor{display:flex;flex-direction:column}.o-draggable-menu--text-editor .o-draggable-menu__list__item{width:100%;font-size:.875rem}.o-draggable-menu--text-editor .o-text-editor__button{display:flex;align-items:center;gap:.3125rem}\n"] }]
         }] });
@@ -143,10 +143,10 @@ class TextEditorService {
         })
             .join('\n');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextEditorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextEditorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextEditorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextEditorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -157,10 +157,10 @@ class MdToHtmlPipe {
     transform(value) {
         return marked.parse(value ?? '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MdToHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: MdToHtmlPipe, name: "mdToHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MdToHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: MdToHtmlPipe, name: "mdToHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MdToHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MdToHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mdToHtml'
@@ -257,8 +257,8 @@ class PryTextEditorComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorComponent, deps: [{ token: TextEditorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryTextEditorComponent, selector: "pry-text-editor", inputs: { tabView: "tabView" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorComponent, deps: [{ token: TextEditorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryTextEditorComponent, selector: "pry-text-editor", inputs: { tabView: "tabView" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -266,7 +266,7 @@ class PryTextEditorComponent {
             }
         ], viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<pry-text-editor-css></pry-text-editor-css>\n<div class=\"o-text-editor\">\n  <div class=\"o-text-editor__header\">\n    <div class=\"o-text-editor__buttons\">\n      @for (button of buttons; track button.style) {\n        <button\n          type=\"button\"\n          class=\"o-text-editor__button a-tooltip\"\n          (click)=\"formatText(button.style)\"\n          [attr.data-tooltip]=\"'@pry.component.textEditor.' + button.style | i18n\"\n          data-tooltip-position=\"bottom\"\n          [attr.aria-label]=\"'@pry.component.textEditor.' + button.style | i18n\"\n        >\n          <pry-icon [height]=\"16\" [width]=\"16\" [iconSvg]=\"button.icon\"></pry-icon>\n        </button>\n      }\n    </div>\n  </div>\n  <div class=\"o-text-editor__content\">\n    @if (tabView) {\n      <div\n        class=\"o-text-editor__tab-panel\"\n        [id]=\"'text-editor-panel-' + activeTab\"\n        [attr.aria-labelledby]=\"'text-editor-tab-' + getActiveTabIndex()\"\n      >\n        @if (activeTab === 'write') {\n          <textarea\n            class=\"o-text-editor__textarea a-form-field -full-width -remove-corner-radius\"\n            cols=\"64\"\n            rows=\"10\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"onValueChange($event)\"\n            [attr.aria-label]=\"'@pry.component.textEditor.textAreaLabel' | i18n\"\n            (keydown.enter)=\"insertListStyleCharacter()\"\n            #textarea\n          >\n          </textarea>\n        } @else {\n          <div class=\"o-text-editor__preview\" [innerHTML]=\"value | mdToHtml\"></div>\n        }\n      </div>\n    } @else {\n      <textarea\n        class=\"o-text-editor__textarea a-form-field -half-width\"\n        cols=\"64\"\n        rows=\"10\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [attr.aria-label]=\"'@pry.component.textEditor.textAreaLabel' | i18n\"\n        (keydown.enter)=\"insertListStyleCharacter()\"\n        #textarea\n      >\n      </textarea>\n      <div class=\"o-text-editor__preview\" [innerHTML]=\"value | mdToHtml\"></div>\n    }\n  </div>\n  @if (tabView) {\n    <div class=\"o-text-editor__tabs\">\n      @for (tab of tabs; track tab; let i = $index) {\n        <button\n          type=\"button\"\n          role=\"tab\"\n          class=\"o-text-editor__tab\"\n          [id]=\"'text-editor-tab-' + i\"\n          [class.-active]=\"tab === activeTab\"\n          [attr.aria-selected]=\"tab === activeTab\"\n          [attr.aria-controls]=\"'text-editor-panel-' + activeTab\"\n          (click)=\"activeTab = tab\"\n        >\n          {{ '@pry.component.textEditor.' + tab | i18n }}\n        </button>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryTextEditorCssComponent, selector: "pry-text-editor-css" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: MdToHtmlPipe, name: "mdToHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-text-editor', providers: [
                         {
@@ -334,8 +334,8 @@ class PryTextEditorModule {
         this.pryTranslateService.addLangObject('fr', 'textEditor', frTranslations);
         this.pryTranslateService.addLangObject('en', 'textEditor', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorModule, declarations: [PryTextEditorComponent, PryTextEditorCssComponent, MdToHtmlPipe], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorModule, declarations: [PryTextEditorComponent, PryTextEditorCssComponent, MdToHtmlPipe], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             PryCoreModule,
@@ -343,14 +343,14 @@ class PryTextEditorModule {
             PryI18nModule,
             CdkOverlayOrigin,
             CdkConnectedOverlay], exports: [PryTextEditorComponent, MdToHtmlPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             PryCoreModule,
             PryIconModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTextEditorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryTextEditorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PryTextEditorComponent, PryTextEditorCssComponent, MdToHtmlPipe],

package/fesm2022/provoly-dashboard-dataset.mjs

@@ -7,6 +7,7 @@ import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule }
 import * as i2 from '@provoly/dashboard';
 import { DateUtils, DataSourceActions, SubscriptionnerDirective, ViewMode, DashboardSelectors, DashboardActions, SearchActions, DataSourceSelectors, PryStatusModalComponent, PRY_ACCESS_TOKEN, ClassActions, FieldActions, ConfigActions, PryIconModule, PryCoreModule, PryOverlayModule, PryI18nModule, PryDashboardModule, PrySelectModule, PrySinceDateModule } from '@provoly/dashboard';
 import { of, map } from 'rxjs';
+import { tap } from 'rxjs/operators';
 import * as i1 from '@ngrx/store';
 import * as i4 from '@provoly/dashboard/components/text-editor';
 import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
@@ -59,10 +60,10 @@ class PryDatasetVersionFormComponent {
         }
         this.formValidated.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetVersionFormComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.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.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetVersionFormComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: { version: "version" }, outputs: { formValidated: "formValidated" }, ngImport: i0, template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.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.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetVersionFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetVersionFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset-version-form', template: "<form class=\"o-dataset-version-form u-display-flex -column\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"datetime-local\"\n      [max]=\"maxDate\"\n      formControlName=\"productionDate\"\n      id=\"productionDate\"\n      [attr.aria-invalid]=\"productionDate?.invalid\"\n    />\n    @if (productionDate?.invalid) {\n      <label id=\"productionDate-error\" for=\"productionDate\" class=\"a-label a-label--help -error\">\n        @if (productionDate?.errors?.['required']) {\n          <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n        } @else if (productionDate?.errors?.['dateValidator']) {\n          <span>{{ '@pry.dataset.form.date' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n    <input\n      class=\"a-form-field\"\n      type=\"text\"\n      formControlName=\"producer\"\n      id=\"producer\"\n      [attr.aria-invalid]=\"producer?.invalid\"\n    />\n    <label *ngIf=\"producer?.invalid\" id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n      <span *ngIf=\"producer?.errors?.['required'] ?? false\">{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n    </label>\n  </div>\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n  <button class=\"a-btn a-btn--primary u-self-end\" type=\"submit\" [disabled]=\"form.invalid\">\n    {{ '@pry.toolbox.manifest.validate' | i18n }}\n  </button>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { version: [{
@@ -73,11 +74,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
 
 let nextCompId = 0;
 class PryDatasetDetailComponent extends SubscriptionnerDirective {
-    constructor(store, access, dialog) {
+    constructor(store, access, dialog, titleService, i18nService) {
         super();
         this.store = store;
         this.access = access;
         this.dialog = dialog;
+        this.titleService = titleService;
+        this.i18nService = i18nService;
         this.goToCatalog = new EventEmitter();
         this.widgetManifest = {
             table: {
@@ -121,9 +124,11 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
             excludeGeo: false,
             from: 'PryDatasetDetailComponent.ngOnInit()'
         }));
-        this.currentDataset$ = this.store
-            .select(DataSourceSelectors.datasets)
-            .pipe(map((datasets) => datasets.find((currentDataset) => currentDataset.id === this.dataset.id)));
+        this.currentDataset$ = this.store.select(DataSourceSelectors.datasets).pipe(map((datasets) => datasets.find((currentDataset) => currentDataset.id === this.dataset.id)), tap((dataset) => {
+            if (dataset) {
+                this.titleService.changeTitle(this.i18nService.instant('title.list-dataset-d', { name: dataset.name }, false));
+            }
+        }));
         this.datasetVersions$ = this.store.select(DataSourceSelectors.datasetVersions);
         this.subscriptions.add(this.datasetVersions$.subscribe((versions) => {
             if (this.selectedVersion) {
@@ -138,6 +143,7 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
     }
     goBack() {
         this.goToCatalog.emit();
+        this.titleService.changeTitle(this.i18nService.instant('title.list-dataset', {}, false));
         this.store.dispatch(DataSourceActions.dataset.listVersions({}));
     }
     refresh() {
@@ -225,28 +231,28 @@ class PryDatasetDetailComponent extends SubscriptionnerDirective {
         this.store.dispatch(DataSourceActions.dataset.confirmDeleteVersion({ version }));
         $event?.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h2 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h2>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\" iconSvg=\"check\" class=\"check\"></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' + getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2.SinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetDetailComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.PryDialogService }, { token: i2.PryTitleService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: { dataset: "dataset" }, outputs: { goToCatalog: "goToCatalog" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon\n              *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\"\n              iconSvg=\"check\"\n              class=\"check\"\n            ></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i2.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i2.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i2.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: PryDatasetVersionFormComponent, selector: "pry-dataset-version-form", inputs: ["version"], outputs: ["formValidated"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.MdToHtmlPipe, name: "mdToHtml" }, { kind: "pipe", type: i2.SinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dataset-detail', template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h2 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h2>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\" iconSvg=\"check\" class=\"check\"></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' + getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-dataset-detail', template: "<div class=\"o-manifest-layout__toolbox\">\n  <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' | i18n }}</button>\n  <button class=\"a-btn a-btn--secondary\" (click)=\"refresh()\">\n    {{ '@pry.dataset.refresh' | i18n }}\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<div class=\"o-dataset-layout\">\n  <div class=\"o-dataset-layout__content\">\n    <div class=\"a-p\">\n      <h1 class=\"a-h1\">{{ (currentDataset$ | async)?.name }}</h1>\n    </div>\n\n    <div class=\"o-dataset-detail\">\n      <div class=\"o-dataset-detail__content\">\n        <pry-tab-group translationStringBase=\"@pry.dataset.\" (clickedTabIdx)=\"onTabSwitch($event)\">\n          <pry-tab [templateRef]=\"information\" name=\"information\"></pry-tab>\n          <pry-tab [templateRef]=\"table\" name=\"data\"></pry-tab>\n          <pry-tab [templateRef]=\"map\" name=\"map\"></pry-tab>\n          <pry-tab [templateRef]=\"datasetVersions\" name=\"versionHistory\"></pry-tab>\n        </pry-tab-group>\n      </div>\n    </div>\n  </div>\n  @if (isPanelOpen) {\n    <div class=\"o-dataset-layout__panel\">\n      <div class=\"panel__header u-display-flex -justify-space-between\">\n        <h3>{{ '@pry.dataset.information' | i18n }}</h3>\n        <button role=\"button\" (click)=\"togglePanel()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"panel__content u-display-flex -column\">\n        @if (!isEditingVersion) {\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n            <span>{{\n              (selectedVersion?.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n                ('@pry.dataset.version.notProvided' | i18n)\n            }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n            <span>{{ selectedVersion?.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n          </div>\n          <div>\n            <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n            <div\n              class=\"version-information\"\n              [innerHTML]=\"\n                selectedVersion?.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n              \"\n            ></div>\n          </div>\n          <button\n            *pryAccess=\"{ module: 'admin', page: 'list-dataset', action: 'edit_version' }\"\n            role=\"button\"\n            class=\"a-btn a-btn--primary u-self-end\"\n            (click)=\"editVersion()\"\n          >\n            {{ '@pry.action.edit' | i18n }}\n          </button>\n        } @else {\n          <pry-dataset-version-form\n            [version]=\"selectedVersion\"\n            (formValidated)=\"formValidated($event)\"\n          ></pry-dataset-version-form>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #information>\n  <div class=\"u-display-flex -column o-dataset-detail__information\">\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.description' | i18n }}</span>\n      <span>{{ dataset.description ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n    </div>\n    @if (dataset.activeVersion) {\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.productionDate' | i18n }}</span>\n        <span>{{\n          (dataset.activeVersion.productionDate | date: 'dd-MM-yyyy, HH:mm') ??\n            ('@pry.dataset.version.notProvided' | i18n)\n        }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.producer' | i18n }}</span>\n        <span>{{ dataset.activeVersion.producer ?? ('@pry.dataset.version.notProvided' | i18n) }}</span>\n      </div>\n      <div>\n        <span class=\"a-label\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</span>\n        <div\n          class=\"version-information\"\n          [innerHTML]=\"\n            dataset.activeVersion.additionalInformation ?? ('@pry.dataset.version.notProvided' | i18n) | mdToHtml\n          \"\n        ></div>\n      </div>\n    } @else {\n      <div class=\"a-p\">\n        <p>{{ '@pry.dataset.noActiveVersion' | i18n }}</p>\n      </div>\n    }\n    <div>\n      <span class=\"a-label\">{{ '@pry.dataset.tags' | i18n }}</span>\n      <div class=\"u-display-flex -wrap\">\n        @for (category of dataset.categories; track category.id) {\n          <span class=\"a-chip -md\"> {{ category.name }}</span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #table>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['table']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #map>\n  <div class=\"dashboard-container\">\n    <pry-dashboard [staticDashboard]=\"{ widgets: [widgetManifest['map']] }\"></pry-dashboard>\n  </div>\n</ng-template>\n<ng-template #datasetVersions>\n  <div class=\"dataset-detail__table table-container\">\n    <table class=\"a-table\">\n      <caption>\n        {{\n          '@pry.admin.dataset.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.version.title' | i18n }}</th>\n          <th>{{ '@pry.dataset.date' | i18n }}</th>\n          <th>{{ '@pry.dataset.status' | i18n }}</th>\n          <th></th>\n          <th></th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let version of datasetVersions$ | async\"\n          (click)=\"togglePanel(version)\"\n          [class.-selected]=\"version.id === selectedVersion?.id\"\n        >\n          <td>\n            {{ version.version }}\n            <pry-icon\n              *ngIf=\"(currentDataset$ | async)?.activeVersion?.id === version.id\"\n              iconSvg=\"check\"\n              class=\"check\"\n            ></pry-icon>\n          </td>\n          <td>\n            <div\n              class=\"a-tooltip\"\n              [attr.data-tooltip]=\"version.lastModified | sinceDate: { onlyLocale: true }\"\n              data-tooltip-position=\"right\"\n            >\n              {{ version.lastModified | sinceDate: { onlyLocale: true } }}\n            </div>\n          </td>\n          <td>\n            {{\n              (version.id === (currentDataset$ | async)?.activeVersion?.id\n                ? '@pry.dataset.version.state.currentlyActive'\n                : '@pry.dataset.version.state.' + version.state\n              ) | i18n\n            }}\n            <div\n              *ngIf=\"version.state !== 'DELETING'\"\n              class=\"m-info-icon a-tooltip -tooltip-width-md\"\n              [attr.data-tooltip]=\"\n                '@pry.dataset.tooltip.' +\n                  getVersionTooltipContent(version, (currentDataset$ | async)?.activeVersion?.id) | i18n\n              \"\n              data-tooltip-position=\"right\"\n            >\n              <span>i</span>\n            </div>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                version.state !== 'LOADING' &&\n                version.state !== 'INDEXING' &&\n                version.state !== 'ERROR' &&\n                version.state !== 'DELETING'\n              \"\n            >\n              <ng-container\n                *ngIf=\"(canModify$ | async) && (version.state === 'ACTIVE' || version.state === 'INACTIVE')\"\n              >\n                <ng-container *pryAccess=\"{ module: 'dashboard', page: 'list-dataset', action: 'activate' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n                    (click)=\"handleButtonAction($event, version)\"\n                  >\n                    {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                  </button>\n                  <ng-container *ngIf=\"version.state === 'ACTIVE' || version.state === 'INACTIVE'\">\n                    <div\n                      class=\"m-info-icon a-tooltip -tooltip-width-lg\"\n                      [attr.data-tooltip]=\"\n                        (version.state === 'ACTIVE'\n                          ? '@pry.dataset.tooltip.invalidateButton'\n                          : '@pry.dataset.tooltip.validateButton'\n                        ) | i18n\n                      \"\n                      data-tooltip-position=\"right\"\n                    >\n                      <span>i</span>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container *ngIf=\"version.hasWarnings || version.state === 'ERROR'\">\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"consultErrors($event, version)\"\n              >\n                {{\n                  (version.state === 'ERROR' ? '@pry.dataset.buttonAction.ERROR' : '@pry.dataset.buttonAction.WARNING')\n                    | i18n\n                }}\n              </button>\n            </ng-container>\n          </td>\n          <td>\n            <ng-container\n              *ngIf=\"\n                (canModify$ | async) &&\n                (version.state === 'ACTIVE' || version.state === 'ERROR' || version.state === 'INACTIVE')\n              \"\n            >\n              <button\n                type=\"button\"\n                class=\"a-btn a-btn--secondary a-btn--icon-text ng-star-inserted\"\n                (click)=\"askDelete(version, $event)\"\n              >\n                {{ '@pry.dataset.buttonAction.delete' | i18n }}\n              </button>\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [PRY_ACCESS_TOKEN]
-                }] }, { type: i2.PryDialogService }], propDecorators: { dataset: [{
+                }] }, { type: i2.PryDialogService }, { type: i2.PryTitleService }, { type: i2.PryI18nService }], propDecorators: { dataset: [{
                 type: Input
             }], goToCatalog: [{
                 type: Output
             }] } });
 
 class PryDatasetCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: PryDatasetCssComponent, selector: "pry-dataset-css", ngImport: i0, template: '', isInline: true, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-dataset-layout{overflow:hidden;height:100%;padding:.625rem 1.25rem 3.125rem}.o-dataset-layout pry-datasource-list{height:100%}\n", "pry-dataset-detail .o-dataset-layout__panel .version-information h1,pry-dataset-detail .o-dataset-layout__panel .version-information h2,pry-dataset-detail .o-dataset-layout__panel .version-information h3,pry-dataset-detail .o-dataset-layout__panel .version-information h4,pry-dataset-detail .o-dataset-layout__panel .version-information h5,pry-dataset-detail .o-dataset-layout__panel .version-information h6{padding:0;margin:0;color:#253043}pry-dataset-detail .o-dataset-layout__panel .version-information h5{font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information span,pry-dataset-detail .o-dataset-layout__panel .version-information p{font-size:.875rem;color:#263340;white-space:pre-wrap}pry-dataset-detail .o-dataset-layout__panel .version-information div{padding-bottom:10px}pry-dataset-detail .o-dataset-layout__panel .version-information ul,pry-dataset-detail .o-dataset-layout__panel .version-information ol{margin:0;line-height:1rem}pry-dataset-detail .o-dataset-layout__panel .version-information li{color:#253043;font-size:.875rem}pry-dataset-detail .o-dataset-layout__panel .version-information table{border-collapse:collapse}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}pry-dataset-detail .o-dataset-layout__panel .version-information table tbody tr td{padding:.75rem .5rem;text-align:left}pry-dataset-detail{height:100%;width:100%}pry-dataset-detail .o-dataset-layout{display:flex}pry-dataset-detail .o-dataset-layout__content{overflow:hidden;height:100%;padding-left:2rem;padding-top:1.25rem;flex:1}pry-dataset-detail .o-dataset-layout__panel{width:20.625rem;border-left:solid 1px #D8E7F7;padding:.625rem;font-size:.875rem;color:#263340}pry-dataset-detail .o-dataset-layout__panel .a-label{font-weight:700}pry-dataset-detail .o-dataset-layout .panel__content{gap:.9375rem}pry-dataset-detail .dashboard-container{height:100%}pry-dataset-detail .table-container{flex:1 1}pry-dataset-detail .table-container pry-icon{position:relative;top:.3125rem}pry-dataset-detail .state-button{text-decoration:underline}pry-dataset-detail .m-info-icon{margin:0 .5rem}.o-dataset-detail{height:80%}.o-dataset-detail__content{height:100%;margin:0 2rem}.o-dataset-detail__information{padding:.625rem;font-size:.875rem;color:#263340;background:#fff;border-radius:4px;gap:.9375rem}.o-dataset-detail__information .a-label{font-weight:700}.o-dataset-detail pry-tab-group .o-tabs{height:100%}.o-dataset-detail pry-tab-group .o-tabs__panel__content{height:100%}.o-dataset-detail tr{height:1.875rem}.o-dataset-detail tr.-selected{background-color:#f5f7f9}.o-dataset-detail td .a-btn+.a-btn{margin-left:.625rem}\n", ".o-dataset-version-form .a-label{font-weight:700}\n"] }]
         }] });
@@ -264,10 +270,10 @@ class PryDatasetComponent {
         this.selectedDataset = dataset;
         this.selectedMode = ViewMode.CONSULT;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryDatasetComponent, selector: "pry-dataset", ngImport: i0, template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected", "searchOrCategoryChanged"] }, { kind: "component", type: PryDatasetCssComponent, selector: "pry-dataset-css" }, { kind: "component", type: PryDatasetDetailComponent, selector: "pry-dataset-detail", inputs: ["dataset"], outputs: ["goToCatalog"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dataset', template: "<pry-dataset-css></pry-dataset-css>\n<div class=\"o-dataset-layout u-display-flex -column\">\n  @switch (selectedMode) {\n    @case (ViewMode.CATALOG) {\n      <h1 class=\"a-h1 u-self-start\">{{ '@pry.dataset.title' | i18n }}</h1>\n      <pry-datasource-list (consultedDataset)=\"consult($event)\"></pry-datasource-list>\n    }\n    @case (ViewMode.CONSULT) {\n      @if (selectedDataset) {\n        <pry-dataset-detail\n          [dataset]=\"selectedDataset\"\n          (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n        ></pry-dataset-detail>\n      }\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
@@ -448,8 +454,8 @@ class PryDatasetModule {
         this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);
         this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, declarations: [PryDatasetComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, declarations: [PryDatasetComponent,
             PryDatasetCssComponent,
             PryDatasetDetailComponent,
             PryDatasetVersionFormComponent], imports: [CommonModule,
@@ -463,7 +469,7 @@ class PryDatasetModule {
             PryTextEditorModule,
             PrySelectModule,
             PrySinceDateModule], exports: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, imports: [CommonModule,
             PryIconModule,
             PryCoreModule,
             PryOverlayModule,
@@ -475,7 +481,7 @@ class PryDatasetModule {
             PrySelectModule,
             PrySinceDateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatasetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryDatasetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [