@provoly/dashboard 1.3.8 → 1.3.10

package/fesm2022/provoly-dashboard-import.mjs

@@ -1,25 +1,131 @@
-import * as i7 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ViewChild, NgModule, Injectable } from '@angular/core';
+import { Component, ViewEncapsulation, EventEmitter, ViewChild, Output, NgModule, Injectable, Inject, signal, input } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$2 from '@ngrx/effects';
+import * as i1$3 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
-import * as i2 from '@ngrx/store';
+import * as i1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
-import * as i2$1 from '@provoly/dashboard';
-import { SubscriptionnerDirective, DateUtils, PryDatasetType, DataSourceActions, DataSourceSelectors, PRY_ACCESS_GUARD, ConfigSelectors, PryCoreModule, PrySelectModule, PryI18nModule, PryIconModule } from '@provoly/dashboard';
+import * as i2 from '@provoly/dashboard';
+import { SubscriptionnerDirective, DateUtils, PryDatasetType, DataSourceActions, DataSourceSelectors, PRY_ACCESS_GUARD, ConfigSelectors, PRY_DIALOG_DATA, PryStatusModalComponent, PryCoreModule, PrySelectModule, PryI18nModule, PryIconModule, PryDatePickerModule, PrySinceDateModule, PrySortModule } from '@provoly/dashboard';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import { map, take, mergeMap } from 'rxjs';
-import { withLatestFrom, mergeMap as mergeMap$1, map as map$1, catchError } from 'rxjs/operators';
 import * as i4 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i5 from '@provoly/dashboard/components/text-editor';
 import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i1$1 from '@angular/common/http';
+import { mergeMap as mergeMap$1, map as map$1, catchError } from 'rxjs/operators';
+import * as i1$2 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
+import { GlobalPositionStrategy } from '@angular/cdk/overlay';
+import * as i4$1 from '@provoly/dashboard/components/paginator';
+import { PryPaginatorModule } from '@provoly/dashboard/components/paginator';
+
+const enTranslations = {
+    '@pry': {
+        importList: {
+            title: 'List of imported data',
+            filter: {
+                dsName: 'Name',
+                status: 'Import status',
+                date: 'Import date'
+            },
+            dsName: 'Name',
+            date: 'Date of creation',
+            number: 'Version number',
+            status: 'Version status',
+            actions: 'Actions'
+        },
+        import: {
+            title: 'Import data',
+            datasetImport: 'Import in :',
+            import: 'Import',
+            errorTitle: 'Import failed',
+            successTitle: 'Import successful',
+            uploadTitlezip: 'Choose a .zip file',
+            uploadTitlecsv: 'Choose a .csv file',
+            warning: 'File must be under 2GB, or must be imported via directly via APIs.',
+            tooLarge: 'File is too large ({{current}} > 2GB), please use APIs to import this file.',
+            selectFile: 'Select file',
+            importedLines: 'imported lines',
+            consultDataset1: 'The import is in progress, see the ',
+            consultDataset2: ' dataset page to check its condition',
+            errors: 'errors',
+            error: 'Error on import: {{msg}}',
+            errorCode: {
+                409: 'Import already in progress, please try again later.'
+            },
+            line: 'Line {{line}}: ',
+            withoutLine: 'Global errors: ',
+            dataset: 'Dataset',
+            fileType: 'Select file type',
+            code: {
+                UNRECOGNIZED: 'Provided file contains a column "{{name}}", which is not present in the chosen dataset',
+                FILE_MANDATORY: 'No file was provided',
+                NO_ATTRIBUTES: 'No corresponding attribute found in uploaded file',
+                FORMAT: '"{{name}}": "{{receivedValue}}" could not be converted to type "{{type}}"',
+                STORAGE: 'Storage stack trace error: {{elasticError}}'
+            },
+            normalize: 'Standardize geographic shapes',
+            multiple: 'Upload multiple files'
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        importList: {
+            title: 'Liste des données intégrées',
+            filter: {
+                dsName: 'Nom',
+                status: 'Status import',
+                date: 'Date import'
+            },
+            dsName: 'Nom',
+            date: 'Date de création de la version',
+            number: 'N° Version',
+            status: 'Status de version',
+            actions: 'Actions'
+        },
+        import: {
+            title: 'Import de données',
+            datasetImport: 'Importer dans un jeu de données:',
+            import: 'Importer',
+            errorTitle: "L'import a échoué",
+            successTitle: 'Import de données réussi',
+            uploadTitlezip: 'Choisir un fichier .zip',
+            uploadTitlecsv: 'Choisir un fichier .csv',
+            warning: 'Attention, le fichier ne doit pas dépasser 2GB pour être intégrer via cet écran. Le cas échéant, votre fichier devra être importé via les API',
+            tooLarge: 'Fichier trop volumineux ({{current}} > 2GB), veuillez utiliser les API pour importer ces données',
+            selectFile: 'Sélectionner un fichier',
+            importedLines: 'lignes importée(s)',
+            consultDataset1: "L'import est en cours, consultez la page du jeu de données ",
+            consultDataset2: ' pour vérifier son état',
+            shapefileState: ' pour vérifier son état',
+            error: "Erreur lors de l'import: {{msg}}",
+            errors: 'erreur(s)',
+            errorCode: {
+                409: 'Import déjà en cours, veuillez réessayer plus tard.'
+            },
+            line: 'Ligne {{line}}: ',
+            withoutLine: 'Erreurs globales: ',
+            dataset: 'Jeu de données',
+            fileType: 'Sélectionner un type de fichier',
+            code: {
+                UNRECOGNIZED: "Le fichier fourni contient une colonne «\u00A0{{name}}\u00A0», qui n'est pas présente dans le jeu de données choisi",
+                FILE_MANDATORY: 'Aucun fichier fourni',
+                NO_ATTRIBUTES: "Aucun attribut correspondant n'a été trouvé dans le fichier fourni",
+                FORMAT: "«\u00A0{{name}}\u00A0»: «\u00A0{{receivedValue}}\u00A0»  n'a pas pu être convertie en type «\u00A0{{type}}\u00A0»",
+                STORAGE: 'Storage stack trace error: {{elasticError}}'
+            },
+            normalize: 'Normaliser les formes géographiques',
+            multiple: 'Import multiple'
+        }
+    }
+};
 
 const ImportActions = {
     upload: createAction('[Import] import data', props()),
@@ -50,14 +156,14 @@ const ImportSelectors = {
 
 class PryImportCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryImportCssComponent, selector: "pry-import-css", ngImport: i0, template: '', isInline: true, styles: [".o-import{display:flex;flex-direction:column;overflow:scroll;height:100%;padding:.9375rem 1.5625rem}.o-import .u-display-flex{gap:4.6875rem}.o-import__form{max-width:50%}.o-import .o-file-input{min-height:4.6875rem}.o-import__file{text-align:center}.o-import__actions{margin-top:3.125rem}.o-import__message{padding:.9375rem;background-color:#ecedf4;border-radius:.625rem;overflow-y:auto;height:fit-content}.o-import .a-pry-select__content{flex:1}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryImportCssComponent, selector: "pry-import-css", ngImport: i0, template: '', isInline: true, styles: [".m-version-modal__list{margin:0;padding:0}.m-version-modal__list li{list-style:none}.o-import{overflow:scroll;height:100%;padding:.9375rem 1.5625rem}.o-import__header,.o-import__form-container{width:50%}.o-import .u-display-flex{gap:4.6875rem}.o-import .o-file-input{min-height:4.6875rem}.o-import__file{text-align:center}.o-import__actions{margin-top:3.125rem}.o-import__message{padding:.9375rem;background-color:#ecedf4;border-radius:.625rem;overflow-y:auto;height:fit-content}.o-import .a-pry-select__content{flex:1}.o-import-list{height:100%}.o-import-list .a-h1{padding:0}.o-import-list .warning{color:#fc5640}.o-import-list .m-filter__input-wrapper{height:2.5rem}.o-import-list .m-filter__date-input-separator{line-height:0}.o-import-list .a-table tbody td.-cell-with-icon{margin:0;padding:1.25rem;height:100%}.o-import-list__content{overflow:auto}.o-import-list__state-filter pry-select{min-width:9.375rem}.m-version-modal{background-color:#fff;max-width:23.75rem;max-height:37.5rem;padding:0 1.25rem 1.25rem .625rem;box-shadow:0 4px 4px #00000040}.m-version-modal__list{overflow:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportCssComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-import-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-import{display:flex;flex-direction:column;overflow:scroll;height:100%;padding:.9375rem 1.5625rem}.o-import .u-display-flex{gap:4.6875rem}.o-import__form{max-width:50%}.o-import .o-file-input{min-height:4.6875rem}.o-import__file{text-align:center}.o-import__actions{margin-top:3.125rem}.o-import__message{padding:.9375rem;background-color:#ecedf4;border-radius:.625rem;overflow-y:auto;height:fit-content}.o-import .a-pry-select__content{flex:1}\n"] }]
+            args: [{ selector: 'pry-import-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".m-version-modal__list{margin:0;padding:0}.m-version-modal__list li{list-style:none}.o-import{overflow:scroll;height:100%;padding:.9375rem 1.5625rem}.o-import__header,.o-import__form-container{width:50%}.o-import .u-display-flex{gap:4.6875rem}.o-import .o-file-input{min-height:4.6875rem}.o-import__file{text-align:center}.o-import__actions{margin-top:3.125rem}.o-import__message{padding:.9375rem;background-color:#ecedf4;border-radius:.625rem;overflow-y:auto;height:fit-content}.o-import .a-pry-select__content{flex:1}.o-import-list{height:100%}.o-import-list .a-h1{padding:0}.o-import-list .warning{color:#fc5640}.o-import-list .m-filter__input-wrapper{height:2.5rem}.o-import-list .m-filter__date-input-separator{line-height:0}.o-import-list .a-table tbody td.-cell-with-icon{margin:0;padding:1.25rem;height:100%}.o-import-list__content{overflow:auto}.o-import-list__state-filter pry-select{min-width:9.375rem}.m-version-modal{background-color:#fff;max-width:23.75rem;max-height:37.5rem;padding:0 1.25rem 1.25rem .625rem;box-shadow:0 4px 4px #00000040}.m-version-modal__list{overflow:auto}\n"] }]
         }] });
 
-class PryImportComponent extends SubscriptionnerDirective {
+class PryImportFormComponent extends SubscriptionnerDirective {
     constructor(store, dsService, snackbar, i18nService) {
         super();
         this.store = store;
@@ -96,23 +202,22 @@ class PryImportComponent extends SubscriptionnerDirective {
                 extension: '.zip'
             }
         };
+        this.multipleImports = false;
+        this.multipleImportsValue = new EventEmitter();
+        this.formSubmitted = new EventEmitter();
         this.Object = Object;
         this.PryDatasetType = PryDatasetType;
         store.dispatch(DataSourceActions.dataset.loadDataset());
-        this.store.dispatch(DataSourceActions.dataset.listVersions());
+        this.store.dispatch(DataSourceActions.dataset.listVersions({}));
         this.datasets$ = store
             .select(DataSourceSelectors.datasets)
             .pipe(map((datasets) => datasets
             .filter((dataset) => dataset.type === PryDatasetType.CLOSED)
             .sort((a, b) => (a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1))));
         this.loading$ = store.select(ImportSelectors.loading);
-        this.subscriptions.add(this.form
-            .get('dataset')
-            ?.valueChanges.pipe(withLatestFrom(this.store.select(DataSourceSelectors.datasetVersions)))
-            .subscribe(([dataset, versions]) => {
+        this.subscriptions.add(this.form.get('dataset')?.valueChanges.subscribe((dataset) => {
             this.clearMessage();
-            if (dataset &&
-                versions.some((version) => version.dataset === dataset.id && (version.state === 'ACTIVE' || version.state === 'INDEXING'))) {
+            if (dataset && dataset.activeVersion) {
                 this.getLastActiveVersion(dataset);
             }
             else {
@@ -171,6 +276,7 @@ class PryImportComponent extends SubscriptionnerDirective {
             this.showMessage = true;
             setTimeout(() => this.message.nativeElement.scrollIntoView({ behavior: 'smooth' }));
             this.form.patchValue({ file: null });
+            this.formSubmitted.emit();
         }
     }
     getFileSize(size) {
@@ -198,96 +304,29 @@ class PryImportComponent extends SubscriptionnerDirective {
         if (this.showMessage)
             this.showMessage = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportComponent, deps: [{ token: i2.Store }, { token: i2$1.DataSourceService }, { token: i2$1.PrySnackbarService }, { token: i2$1.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryImportComponent, selector: "pry-import", viewQueries: [{ propertyName: "message", first: true, predicate: ["message"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"o-import\">\n  <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n  <div class=\"u-display-flex\">\n    <form class=\"o-import__form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n        <pry-select\n          formControlName=\"fileType\"\n          id=\"fileType\"\n          [items]=\"Object.values(fileTypes)\"\n          bindValue=\"value\"\n          bindLabel=\"label\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + fileType.value | i18n }}\n        </label>\n        <p>{{ '@pry.import.warning' | i18n }}</p>\n        <div class=\"o-file-input\">\n          @if (file.value?.size) {\n            <div class=\"o-import__file\">\n              <pry-icon iconSvg=\"download\"></pry-icon>\n              <h3>{{ file.value?.name }}</h3>\n              <span>{{ getFileSize(file.value?.size ?? 0) }}</span>\n            </div>\n          }\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileTypes[fileType.value].extension\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          formControlName=\"dataset\"\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindLabel=\"name\"\n          [autocomplete]=\"true\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <pry-checkbox formControlName=\"normalizeGeo\">{{ '@pry.import.normalize' | i18n }}</pry-checkbox>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n        <input\n          formControlName=\"productionDate\"\n          id=\"productionDate\"\n          class=\"a-form-field\"\n          type=\"datetime-local\"\n          [max]=\"maxDate\"\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-h3\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n        <input formControlName=\"producer\" id=\"producer\" class=\"a-form-field\" type=\"text\" maxlength=\"100\" />\n        @if (producer.touched && producer.invalid) {\n          <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n            @if (producer.errors?.['required']) {\n              <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n        <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n      </div>\n      <div class=\"o-import__actions u-display-flex -justify-center\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"form.invalid\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </form>\n    <div class=\"o-import__message\" [class.u-visually-hidden]=\"!showMessage\" #message>\n      <span>\n        {{ '@pry.import.consultDataset1' | i18n }}\n        <strong>{{ dataset.value?.id ?? '' | translateId: { type: 'datasource', output: 'name' } | async }}</strong>\n        {{ '@pry.import.consultDataset2' | i18n }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i2$1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i2$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "component", type: PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2$1.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2$1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }] }); }
+    multipleImportChange() {
+        this.multipleImports = !this.multipleImports;
+        this.multipleImportsValue.emit(this.multipleImports);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportFormComponent, deps: [{ token: i1.Store }, { token: i2.DataSourceService }, { token: i2.PrySnackbarService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryImportFormComponent, selector: "pry-import-form", outputs: { multipleImportsValue: "multipleImportsValue", formSubmitted: "formSubmitted" }, viewQueries: [{ propertyName: "message", first: true, predicate: ["message"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"o-import u-display-flex -column\">\n  <div class=\"o-import__header u-display-flex -justify-space-between\">\n    <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n    <pry-checkbox [ngModel]=\"multipleImports\" (click)=\"multipleImportChange()\">\n      {{ '@pry.import.multiple' | i18n }}\n    </pry-checkbox>\n  </div>\n  <div class=\"o-import__form-container u-display-flex\">\n    <form class=\"o-import__form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n        <pry-select\n          formControlName=\"fileType\"\n          id=\"fileType\"\n          [items]=\"Object.values(fileTypes)\"\n          bindValue=\"value\"\n          bindLabel=\"label\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + fileType.value | i18n }}\n        </label>\n        <p>{{ '@pry.import.warning' | i18n }}</p>\n        <div class=\"o-file-input\">\n          @if (file.value?.size) {\n            <div class=\"o-import__file\">\n              <pry-icon iconSvg=\"download\"></pry-icon>\n              <h3>{{ file.value?.name }}</h3>\n              <span>{{ getFileSize(file.value?.size ?? 0) }}</span>\n            </div>\n          }\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileTypes[fileType.value].extension\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          formControlName=\"dataset\"\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindLabel=\"name\"\n          [autocomplete]=\"true\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <pry-checkbox formControlName=\"normalizeGeo\" inputId=\"normalizeGeo\">{{\n          '@pry.import.normalize' | i18n\n        }}</pry-checkbox>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n        <input\n          formControlName=\"productionDate\"\n          id=\"productionDate\"\n          class=\"a-form-field\"\n          type=\"datetime-local\"\n          [max]=\"maxDate\"\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-h3\" for=\"producer\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n        <input formControlName=\"producer\" id=\"producer\" class=\"a-form-field\" type=\"text\" maxlength=\"100\" />\n        @if (producer.touched && producer.invalid) {\n          <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n            @if (producer.errors?.['required']) {\n              <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"additionalInformation\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n        <pry-text-editor formControlName=\"additionalInformation\" id=\"additionalInformation\"></pry-text-editor>\n      </div>\n      <div class=\"o-import__actions u-display-flex -justify-center\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"form.invalid\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </form>\n    <div class=\"o-import__message\" [class.u-visually-hidden]=\"!showMessage\" #message>\n      <span>\n        {{ '@pry.import.consultDataset1' | i18n }}\n        <strong>{{ dataset.value?.id ?? '' | translateId: { type: 'datasource', output: 'name' } | async }}</strong>\n        {{ '@pry.import.consultDataset2' | i18n }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "component", type: PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-import', template: "<pry-import-css></pry-import-css>\n<div class=\"o-import\">\n  <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n  <div class=\"u-display-flex\">\n    <form class=\"o-import__form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n        <pry-select\n          formControlName=\"fileType\"\n          id=\"fileType\"\n          [items]=\"Object.values(fileTypes)\"\n          bindValue=\"value\"\n          bindLabel=\"label\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + fileType.value | i18n }}\n        </label>\n        <p>{{ '@pry.import.warning' | i18n }}</p>\n        <div class=\"o-file-input\">\n          @if (file.value?.size) {\n            <div class=\"o-import__file\">\n              <pry-icon iconSvg=\"download\"></pry-icon>\n              <h3>{{ file.value?.name }}</h3>\n              <span>{{ getFileSize(file.value?.size ?? 0) }}</span>\n            </div>\n          }\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileTypes[fileType.value].extension\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          formControlName=\"dataset\"\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindLabel=\"name\"\n          [autocomplete]=\"true\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <pry-checkbox formControlName=\"normalizeGeo\">{{ '@pry.import.normalize' | i18n }}</pry-checkbox>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n        <input\n          formControlName=\"productionDate\"\n          id=\"productionDate\"\n          class=\"a-form-field\"\n          type=\"datetime-local\"\n          [max]=\"maxDate\"\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-h3\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n        <input formControlName=\"producer\" id=\"producer\" class=\"a-form-field\" type=\"text\" maxlength=\"100\" />\n        @if (producer.touched && producer.invalid) {\n          <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n            @if (producer.errors?.['required']) {\n              <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n        <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n      </div>\n      <div class=\"o-import__actions u-display-flex -justify-center\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"form.invalid\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </form>\n    <div class=\"o-import__message\" [class.u-visually-hidden]=\"!showMessage\" #message>\n      <span>\n        {{ '@pry.import.consultDataset1' | i18n }}\n        <strong>{{ dataset.value?.id ?? '' | translateId: { type: 'datasource', output: 'name' } | async }}</strong>\n        {{ '@pry.import.consultDataset2' | i18n }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i2.Store }, { type: i2$1.DataSourceService }, { type: i2$1.PrySnackbarService }, { type: i2$1.PryI18nService }], propDecorators: { message: [{
+            args: [{ selector: 'pry-import-form', template: "<pry-import-css></pry-import-css>\n<div class=\"o-import u-display-flex -column\">\n  <div class=\"o-import__header u-display-flex -justify-space-between\">\n    <h1 class=\"a-h1\">{{ '@pry.import.title' | i18n }}</h1>\n    <pry-checkbox [ngModel]=\"multipleImports\" (click)=\"multipleImportChange()\">\n      {{ '@pry.import.multiple' | i18n }}\n    </pry-checkbox>\n  </div>\n  <div class=\"o-import__form-container u-display-flex\">\n    <form class=\"o-import__form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.fileType' | i18n }}</label>\n        <pry-select\n          formControlName=\"fileType\"\n          id=\"fileType\"\n          [items]=\"Object.values(fileTypes)\"\n          bindValue=\"value\"\n          bindLabel=\"label\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"upload_input\">\n          {{ '@pry.import.uploadTitle' + fileType.value | i18n }}\n        </label>\n        <p>{{ '@pry.import.warning' | i18n }}</p>\n        <div class=\"o-file-input\">\n          @if (file.value?.size) {\n            <div class=\"o-import__file\">\n              <pry-icon iconSvg=\"download\"></pry-icon>\n              <h3>{{ file.value?.name }}</h3>\n              <span>{{ getFileSize(file.value?.size ?? 0) }}</span>\n            </div>\n          }\n          <pry-upload\n            id=\"upload_input\"\n            [accept]=\"fileTypes[fileType.value].extension\"\n            mode=\"files\"\n            (uploadedFile)=\"uploadedChange($event)\"\n            labelTranslate=\"@pry.import.selectFile\"\n          ></pry-upload>\n        </div>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"datasets\">{{ '@pry.import.datasetImport' | i18n }}</label>\n        <pry-select\n          formControlName=\"dataset\"\n          id=\"datasets\"\n          [items]=\"datasets$ | async\"\n          [placeholder]=\"'@pry.import.dataset' | i18n\"\n          bindLabel=\"name\"\n          [autocomplete]=\"true\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <pry-checkbox formControlName=\"normalizeGeo\" inputId=\"normalizeGeo\">{{\n          '@pry.import.normalize' | i18n\n        }}</pry-checkbox>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"productionDate\">{{ '@pry.dataset.version.productionDate' | i18n }}</label>\n        <input\n          formControlName=\"productionDate\"\n          id=\"productionDate\"\n          class=\"a-form-field\"\n          type=\"datetime-local\"\n          [max]=\"maxDate\"\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-h3\" for=\"producer\">{{ '@pry.dataset.version.producer' | i18n }}</label>\n        <input formControlName=\"producer\" id=\"producer\" class=\"a-form-field\" type=\"text\" maxlength=\"100\" />\n        @if (producer.touched && producer.invalid) {\n          <label id=\"producer-error\" for=\"producer\" class=\"a-label a-label--help -error\">\n            @if (producer.errors?.['required']) {\n              <span>{{ '@pry.dataset.form.obligatory' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-h3\" for=\"additionalInformation\">{{ '@pry.dataset.version.additionalInformation' | i18n }}</label>\n        <pry-text-editor formControlName=\"additionalInformation\" id=\"additionalInformation\"></pry-text-editor>\n      </div>\n      <div class=\"o-import__actions u-display-flex -justify-center\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"form.invalid\">\n          {{ '@pry.import.import' | i18n }}\n        </button>\n      </div>\n    </form>\n    <div class=\"o-import__message\" [class.u-visually-hidden]=\"!showMessage\" #message>\n      <span>\n        {{ '@pry.import.consultDataset1' | i18n }}\n        <strong>{{ dataset.value?.id ?? '' | translateId: { type: 'datasource', output: 'name' } | async }}</strong>\n        {{ '@pry.import.consultDataset2' | i18n }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.DataSourceService }, { type: i2.PrySnackbarService }, { type: i2.PryI18nService }], propDecorators: { message: [{
                 type: ViewChild,
                 args: ['message']
+            }], multipleImportsValue: [{
+                type: Output
+            }], formSubmitted: [{
+                type: Output
             }] } });
 
-const enTranslations = {
-    '@pry': {
-        import: {
-            title: 'Import data',
-            datasetImport: 'Import in :',
-            import: 'Import',
-            errorTitle: 'Import failed',
-            successTitle: 'Import successful',
-            uploadTitlezip: 'Choose a .zip file',
-            uploadTitlecsv: 'Choose a .csv file',
-            warning: 'File must be under 2GB, or must be imported via directly via APIs.',
-            tooLarge: 'File is too large ({{current}} > 2GB), please use APIs to import this file.',
-            selectFile: 'Select file',
-            importedLines: 'imported lines',
-            consultDataset1: 'The import is in progress, see the ',
-            consultDataset2: ' dataset page to check its condition',
-            errors: 'errors',
-            error: 'Error on import: {{msg}}',
-            errorCode: {
-                409: 'Import already in progress, please try again later.'
-            },
-            line: 'Line {{line}}: ',
-            withoutLine: 'Global errors: ',
-            dataset: 'Dataset',
-            fileType: 'Select file type',
-            code: {
-                UNRECOGNIZED: 'Provided file contains a column "{{name}}", which is not present in the chosen dataset',
-                FILE_MANDATORY: 'No file was provided',
-                NO_ATTRIBUTES: 'No corresponding attribute found in uploaded file',
-                FORMAT: '"{{name}}": "{{receivedValue}}" could not be converted to type "{{type}}"',
-                STORAGE: 'Storage stack trace error: {{elasticError}}'
-            },
-            normalize: 'Standardize geographic shapes'
-        }
-    }
-};
-
-const frTranslations = {
-    '@pry': {
-        import: {
-            title: 'Import de données',
-            datasetImport: 'Importer dans un jeu de données:',
-            import: 'Importer',
-            errorTitle: "L'import a échoué",
-            successTitle: 'Import de données réussi',
-            uploadTitlezip: 'Choisir un fichier .zip',
-            uploadTitlecsv: 'Choisir un fichier .csv',
-            warning: 'Attention, le fichier ne doit pas dépasser 2GB pour être intégrer via cet écran. Le cas échéant, votre fichier devra être importé via les API',
-            tooLarge: 'Fichier trop volumineux ({{current}} > 2GB), veuillez utiliser les API pour importer ces données',
-            selectFile: 'Sélectionner un fichier',
-            importedLines: 'lignes importée(s)',
-            consultDataset1: "L'import est en cours, consultez la page du jeu de données ",
-            consultDataset2: ' pour vérifier son état',
-            shapefileState: ' pour vérifier son état',
-            error: "Erreur lors de l'import: {{msg}}",
-            errors: 'erreur(s)',
-            errorCode: {
-                409: 'Import déjà en cours, veuillez réessayer plus tard.'
-            },
-            line: 'Ligne {{line}}: ',
-            withoutLine: 'Erreurs globales: ',
-            dataset: 'Jeu de données',
-            fileType: 'Sélectionner un type de fichier',
-            code: {
-                UNRECOGNIZED: "Le fichier fourni contient une colonne «\u00A0{{name}}\u00A0», qui n'est pas présente dans le jeu de données choisi",
-                FILE_MANDATORY: 'Aucun fichier fourni',
-                NO_ATTRIBUTES: "Aucun attribut correspondant n'a été trouvé dans le fichier fourni",
-                FORMAT: "«\u00A0{{name}}\u00A0»: «\u00A0{{receivedValue}}\u00A0»  n'a pas pu être convertie en type «\u00A0{{type}}\u00A0»",
-                STORAGE: 'Storage stack trace error: {{elasticError}}'
-            },
-            normalize: 'Normaliser les formes géographiques'
-        }
-    }
-};
-
 const routes = [
     {
         path: '',
-        component: PryImportComponent,
+        component: PryImportFormComponent,
         data: {
             access: {
                 module: 'dashboard',
@@ -299,7 +338,7 @@ const routes = [
 ];
 class PryImportRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryImportRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryImportRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportRoutingModule, decorators: [{
@@ -331,7 +370,7 @@ class ImportService {
             headers: new HttpHeaders({ 'File-Content-Type': mimeType })
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportService, deps: [{ token: i1$1.HttpClient }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportService, decorators: [{
@@ -339,7 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i2.Store }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Store }] });
 
 class ImportEffects {
     constructor(actions$, service, snackbar, translateService) {
@@ -369,12 +408,102 @@ class ImportEffects {
             throw error;
         })))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportEffects, deps: [{ token: i1$2.Actions }, { token: ImportService }, { token: i2$1.PrySnackbarService }, { token: i2$1.PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportEffects, deps: [{ token: i1$3.Actions }, { token: ImportService }, { token: i2.PrySnackbarService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ImportEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Actions }, { type: ImportService }, { type: i2$1.PrySnackbarService }, { type: i2$1.PryI18nService }] });
+        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: ImportService }, { type: i2.PrySnackbarService }, { type: i2.PryI18nService }] });
+
+class PryVersionModalComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.version = this.data.version;
+    }
+    close() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryVersionModalComponent, deps: [{ token: i2.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryVersionModalComponent, selector: "pry-version-modal", ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"m-version-modal o-modal\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\" id=\"dialog_title\">\n        {{ '@pry.toolbox.about' | i18n }}\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"close()\">\n        <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n        <h4 class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</h4>\n      </button>\n    </div>\n  </div>\n  @if (version) {\n    <ul class=\"m-version-modal__list u-display-flex -column -gap-20\">\n      <li>\n        <h4 class=\"bold\">{{ '@pry.dataset.version.name' | i18n }}</h4>\n        <span>{{ version.dataset.name }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.number' | i18n }}</h4>\n        <span>{{ version.version }}</span>\n      </li>\n      <li>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.version.importDate' | i18n }}</h4>\n        <span>{{ version.productionDate }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.stateTitle' | i18n }}</h4>\n        <span>{{\n          version.id === version.dataset.activeVersion?.id\n            ? '@pry.dataset.version.state.currentlyActive'\n            : ('@pry.dataset.version.state.' + version.state | i18n)\n        }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.fileName' | i18n }}</h4>\n        <span>{{ version.fileName }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.producer' | i18n }}</h4>\n        <span>{{ version.producer }}</span>\n      </li>\n      @if (version.additionalInformation) {\n        <li>\n          <h4>{{ '@pry.dataset.version.additionalInformation' | i18n }}</h4>\n          <span>{{ version.additionalInformation | mdToHtml }}</span>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.MdToHtmlPipe, name: "mdToHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryVersionModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-version-modal', template: "<pry-import-css></pry-import-css>\n<div class=\"m-version-modal o-modal\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\" id=\"dialog_title\">\n        {{ '@pry.toolbox.about' | i18n }}\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"close()\">\n        <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n        <h4 class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</h4>\n      </button>\n    </div>\n  </div>\n  @if (version) {\n    <ul class=\"m-version-modal__list u-display-flex -column -gap-20\">\n      <li>\n        <h4 class=\"bold\">{{ '@pry.dataset.version.name' | i18n }}</h4>\n        <span>{{ version.dataset.name }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.number' | i18n }}</h4>\n        <span>{{ version.version }}</span>\n      </li>\n      <li>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.version.importDate' | i18n }}</h4>\n        <span>{{ version.productionDate }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.stateTitle' | i18n }}</h4>\n        <span>{{\n          version.id === version.dataset.activeVersion?.id\n            ? '@pry.dataset.version.state.currentlyActive'\n            : ('@pry.dataset.version.state.' + version.state | i18n)\n        }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.fileName' | i18n }}</h4>\n        <span>{{ version.fileName }}</span>\n      </li>\n      <li>\n        <h4>{{ '@pry.dataset.version.producer' | i18n }}</h4>\n        <span>{{ version.producer }}</span>\n      </li>\n      @if (version.additionalInformation) {\n        <li>\n          <h4>{{ '@pry.dataset.version.additionalInformation' | i18n }}</h4>\n          <span>{{ version.additionalInformation | mdToHtml }}</span>\n        </li>\n      }\n    </ul>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i2.PryDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PRY_DIALOG_DATA]
+                }] }] });
+
+class PryImportListComponent extends SubscriptionnerDirective {
+    constructor(store, dialog) {
+        super();
+        this.store = store;
+        this.dialog = dialog;
+        this.loadDataAction = signal(DataSourceActions.dataset.listVersions({}));
+        this.refreshClick = input();
+        this.possibleStatus = ['LOADING', 'INDEXING', 'INACTIVE', 'ERROR', 'ACTIVE', 'DELETING', 'DELETE_ERROR'];
+        this.filters = {
+            dataset: undefined,
+            status: undefined,
+            dateMin: undefined,
+            dateMax: undefined
+        };
+        this.sort = {};
+        this.store.dispatch(DataSourceActions.dataset.loadDataset());
+        this.datasets$ = this.store.select(DataSourceSelectors.datasets);
+        this.datasetVersions$ = this.store.select(DataSourceSelectors.datasetVersions);
+        this.totalVersionCount$ = this.store.select(DataSourceSelectors.totalVersionCount);
+    }
+    ngOnInit() {
+        this.subscriptions.add(this.refreshClick()?.subscribe(() => this.loadData()));
+    }
+    clearFilters() {
+        this.filters = { dataset: undefined, status: undefined, dateMin: undefined, dateMax: undefined };
+        this.store.dispatch({
+            ...this.loadDataAction(),
+            limit: 10,
+            ...this.sort
+        });
+    }
+    loadData() {
+        this.store.dispatch({
+            ...this.loadDataAction(),
+            limit: 10,
+            ...this.filters,
+            ...this.sort
+        });
+    }
+    openInfoModal(version) {
+        this.dialog.open(PryVersionModalComponent, {
+            data: { version },
+            overlayConfig: {
+                positionStrategy: new GlobalPositionStrategy().centerVertically().right('20px'),
+                hasBackdrop: true,
+                backdropClass: 'cdk-overlay-transparent-backdrop'
+            }
+        });
+    }
+    openErrorModal(version) {
+        this.dialog.open(PryStatusModalComponent, {
+            data: { version }
+        });
+    }
+    sortChange($event) {
+        this.sort.sortBy = $event.direction;
+        this.sort.orderBy = $event.active;
+        this.loadData();
+    }
+    updateFilters() {
+        this.loadDataAction.update((loadDataAction) => ({ ...loadDataAction, ...this.filters }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportListComponent, deps: [{ token: i1.Store }, { token: i2.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryImportListComponent, selector: "pry-import-list", inputs: { refreshClick: { classPropertyName: "refreshClick", publicName: "refreshClick", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<pry-import-css></pry-import-css>\n<div class=\"o-import-list u-display-flex -column -gap-20\">\n  <h1 class=\"a-h1\">{{ '@pry.importList.title' | i18n }}</h1>\n  <div class=\"o-import-list__filters u-display-flex -gap-20\">\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__dataset-filter\" #dsRef>\n      <label class=\"a-label m-filter__label\" for=\"dataset_name_filter\">\n        {{ '@pry.importList.filter.dsName' | i18n }}&nbsp;:&nbsp;\n      </label>\n      <pry-select\n        id=\"dataset_name_filter\"\n        [items]=\"datasets$ | async\"\n        [(ngModel)]=\"filters.dataset\"\n        (ngModelChange)=\"updateFilters()\"\n        [clearable]=\"true\"\n        [autocomplete]=\"true\"\n        aria-labelledby=\"item-label\"\n        bindLabel=\"name\"\n        bindValue=\"id\"\n        [elementRef]=\"dsRef\"\n      ></pry-select>\n    </div>\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__state-filter\" #statusRef>\n      <label class=\"a-label m-filter__label\" for=\"import_status\">\n        {{ '@pry.importList.filter.status' | i18n }}&nbsp;:&nbsp;\n      </label>\n      <pry-select\n        id=\"import_status\"\n        [items]=\"possibleStatus\"\n        [(ngModel)]=\"filters.status\"\n        (ngModelChange)=\"updateFilters()\"\n        [clearable]=\"true\"\n        aria-labelledby=\"item-label\"\n        [elementRef]=\"statusRef\"\n        i18nPrefix=\"@pry.dataset.version.stateFilter.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__date-filter\">\n      <fieldset class=\"u-display-flex -align-center\">\n        <legend class=\"a-label m-filter__label\">{{ '@pry.importList.filter.date' | i18n }}&nbsp;:&nbsp;</legend>\n        <input class=\"m-filter__input\" type=\"date\" [(ngModel)]=\"filters.dateMin\" (ngModelChange)=\"updateFilters()\" />\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <input class=\"m-filter__input\" type=\"date\" [(ngModel)]=\"filters.dateMax\" (ngModelChange)=\"updateFilters()\" />\n      </fieldset>\n    </div>\n    <button type=\"button\" class=\"a-btn a-btn--icon-only u-self-center\" (click)=\"clearFilters()\">\n      <pry-icon iconSvg=\"clear_filter\" [width]=\"30\" [height]=\"30\"></pry-icon>\n    </button>\n    <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"loadData()\">\n      {{ '@pry.toolbox.apply' | i18n }}\n      <pry-icon iconSvg=\"refresh_filter\" [width]=\"18\" [height]=\"18\"></pry-icon>\n    </button>\n  </div>\n  <div class=\"o-import-list__content\">\n    <table class=\"a-table\" prySortTable (prySortChange)=\"sortChange($event)\">\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 id=\"import_list_header_dataset\" prySortHeader=\"DATASET_NAME\">\n            {{ '@pry.importList.dsName' | i18n }}\n          </th>\n          <th>{{ '@pry.importList.number' | i18n }}</th>\n          <th id=\"import_list_header_date\" prySortHeader=\"DATE\" (sortChange)=\"sortChange($event)\">\n            {{ '@pry.importList.date' | i18n }}\n          </th>\n          <th>{{ '@pry.importList.status' | i18n }}</th>\n          <th>{{ '@pry.importList.actions' | i18n }}</th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (version of datasetVersions$ | async; track version.id) {\n          <tr>\n            <td>{{ version.dataset.name }}</td>\n            <td>\n              {{ version.version }}\n            </td>\n            <td>\n              {{ version.productionDate | date: 'dd/MM/yyyy HH:mm' }}\n            </td>\n            <td class=\"u-display-flex -align-center -cell-with-icon\">\n              @if (version.state === 'ACTIVE') {\n                <pry-icon iconSvg=\"check\" class=\"check\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              } @else if (version.state === 'WARNING' || version.state === 'ERROR') {\n                <pry-icon iconSvg=\"warning-triangle\" class=\"warning\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              }\n              {{\n                version.id === version.dataset.activeVersion?.id\n                  ? '@pry.dataset.version.state.currentlyActive'\n                  : ('@pry.dataset.version.state.' + version.state | i18n)\n              }}\n            </td>\n            @if (version.state === 'ACTIVE' || version.state === 'INACTIVE') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openInfoModal(version)\">Consulter</button>\n              </td>\n            } @else if (version.state === 'ERROR' || version.state === 'WARNING') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                  {{ version.state === 'ERROR' ? 'Consulter erreurs' : 'Consulter warnings' }}\n                </button>\n              </td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  <pry-paginator\n    [action]=\"loadDataAction()\"\n    [nbPerPage]=\"10\"\n    [totalItemNb]=\"(totalVersionCount$ | async)!\"\n    class=\"u-self-center\"\n  ></pry-paginator>\n</div>\n", dependencies: [{ kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.PryPaginatorComponent, selector: "pry-paginator", inputs: ["action", "nbPerPage", "totalItemNb", "mode"], outputs: ["pageChange"] }, { kind: "component", type: i2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "component", type: PryImportCssComponent, selector: "pry-import-css" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-import-list', template: "<pry-import-css></pry-import-css>\n<div class=\"o-import-list u-display-flex -column -gap-20\">\n  <h1 class=\"a-h1\">{{ '@pry.importList.title' | i18n }}</h1>\n  <div class=\"o-import-list__filters u-display-flex -gap-20\">\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__dataset-filter\" #dsRef>\n      <label class=\"a-label m-filter__label\" for=\"dataset_name_filter\">\n        {{ '@pry.importList.filter.dsName' | i18n }}&nbsp;:&nbsp;\n      </label>\n      <pry-select\n        id=\"dataset_name_filter\"\n        [items]=\"datasets$ | async\"\n        [(ngModel)]=\"filters.dataset\"\n        (ngModelChange)=\"updateFilters()\"\n        [clearable]=\"true\"\n        [autocomplete]=\"true\"\n        aria-labelledby=\"item-label\"\n        bindLabel=\"name\"\n        bindValue=\"id\"\n        [elementRef]=\"dsRef\"\n      ></pry-select>\n    </div>\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__state-filter\" #statusRef>\n      <label class=\"a-label m-filter__label\" for=\"import_status\">\n        {{ '@pry.importList.filter.status' | i18n }}&nbsp;:&nbsp;\n      </label>\n      <pry-select\n        id=\"import_status\"\n        [items]=\"possibleStatus\"\n        [(ngModel)]=\"filters.status\"\n        (ngModelChange)=\"updateFilters()\"\n        [clearable]=\"true\"\n        aria-labelledby=\"item-label\"\n        [elementRef]=\"statusRef\"\n        i18nPrefix=\"@pry.dataset.version.stateFilter.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown o-import-list__date-filter\">\n      <fieldset class=\"u-display-flex -align-center\">\n        <legend class=\"a-label m-filter__label\">{{ '@pry.importList.filter.date' | i18n }}&nbsp;:&nbsp;</legend>\n        <input class=\"m-filter__input\" type=\"date\" [(ngModel)]=\"filters.dateMin\" (ngModelChange)=\"updateFilters()\" />\n        <span class=\"m-filter__date-input-separator\">&nbsp;-&nbsp;</span>\n        <input class=\"m-filter__input\" type=\"date\" [(ngModel)]=\"filters.dateMax\" (ngModelChange)=\"updateFilters()\" />\n      </fieldset>\n    </div>\n    <button type=\"button\" class=\"a-btn a-btn--icon-only u-self-center\" (click)=\"clearFilters()\">\n      <pry-icon iconSvg=\"clear_filter\" [width]=\"30\" [height]=\"30\"></pry-icon>\n    </button>\n    <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"loadData()\">\n      {{ '@pry.toolbox.apply' | i18n }}\n      <pry-icon iconSvg=\"refresh_filter\" [width]=\"18\" [height]=\"18\"></pry-icon>\n    </button>\n  </div>\n  <div class=\"o-import-list__content\">\n    <table class=\"a-table\" prySortTable (prySortChange)=\"sortChange($event)\">\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 id=\"import_list_header_dataset\" prySortHeader=\"DATASET_NAME\">\n            {{ '@pry.importList.dsName' | i18n }}\n          </th>\n          <th>{{ '@pry.importList.number' | i18n }}</th>\n          <th id=\"import_list_header_date\" prySortHeader=\"DATE\" (sortChange)=\"sortChange($event)\">\n            {{ '@pry.importList.date' | i18n }}\n          </th>\n          <th>{{ '@pry.importList.status' | i18n }}</th>\n          <th>{{ '@pry.importList.actions' | i18n }}</th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (version of datasetVersions$ | async; track version.id) {\n          <tr>\n            <td>{{ version.dataset.name }}</td>\n            <td>\n              {{ version.version }}\n            </td>\n            <td>\n              {{ version.productionDate | date: 'dd/MM/yyyy HH:mm' }}\n            </td>\n            <td class=\"u-display-flex -align-center -cell-with-icon\">\n              @if (version.state === 'ACTIVE') {\n                <pry-icon iconSvg=\"check\" class=\"check\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              } @else if (version.state === 'WARNING' || version.state === 'ERROR') {\n                <pry-icon iconSvg=\"warning-triangle\" class=\"warning\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              }\n              {{\n                version.id === version.dataset.activeVersion?.id\n                  ? '@pry.dataset.version.state.currentlyActive'\n                  : ('@pry.dataset.version.state.' + version.state | i18n)\n              }}\n            </td>\n            @if (version.state === 'ACTIVE' || version.state === 'INACTIVE') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openInfoModal(version)\">Consulter</button>\n              </td>\n            } @else if (version.state === 'ERROR' || version.state === 'WARNING') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                  {{ version.state === 'ERROR' ? 'Consulter erreurs' : 'Consulter warnings' }}\n                </button>\n              </td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  <pry-paginator\n    [action]=\"loadDataAction()\"\n    [nbPerPage]=\"10\"\n    [totalItemNb]=\"(totalVersionCount$ | async)!\"\n    class=\"u-self-center\"\n  ></pry-paginator>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryDialogService }] });
 
 class PryImportModule {
     constructor(pryTranslateService) {
@@ -382,16 +511,20 @@ class PryImportModule {
         this.pryTranslateService.addLangObject('fr', 'import', frTranslations);
         this.pryTranslateService.addLangObject('en', 'import', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, deps: [{ token: i2$1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, declarations: [PryImportComponent, PryImportCssComponent], imports: [PryCoreModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, declarations: [PryImportFormComponent, PryImportCssComponent, PryImportListComponent, PryVersionModalComponent], imports: [PryCoreModule,
             PrySelectModule,
             PryI18nModule,
             CommonModule,
             PryIconModule,
             FormsModule,
-            PryImportRoutingModule, i2.StoreFeatureModule, i1$2.EffectsFeatureModule, PryCheckboxModule,
+            PryImportRoutingModule, i1.StoreFeatureModule, i1$3.EffectsFeatureModule, PryCheckboxModule,
             ReactiveFormsModule,
-            PryTextEditorModule], exports: [PryImportComponent] }); }
+            PryTextEditorModule,
+            PryDatePickerModule,
+            PrySinceDateModule,
+            PryPaginatorModule,
+            PrySortModule], exports: [PryImportFormComponent, PryImportListComponent, PryVersionModalComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, providers: [DatePipe], imports: [PryCoreModule,
             PrySelectModule,
             PryI18nModule,
@@ -403,13 +536,17 @@ class PryImportModule {
             EffectsModule.forFeature([ImportEffects]),
             PryCheckboxModule,
             ReactiveFormsModule,
-            PryTextEditorModule] }); }
+            PryTextEditorModule,
+            PryDatePickerModule,
+            PrySinceDateModule,
+            PryPaginatorModule,
+            PrySortModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryImportModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [DatePipe],
-                    declarations: [PryImportComponent, PryImportCssComponent],
+                    declarations: [PryImportFormComponent, PryImportCssComponent, PryImportListComponent, PryVersionModalComponent],
                     imports: [
                         PryCoreModule,
                         PrySelectModule,
@@ -422,15 +559,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         EffectsModule.forFeature([ImportEffects]),
                         PryCheckboxModule,
                         ReactiveFormsModule,
-                        PryTextEditorModule
+                        PryTextEditorModule,
+                        PryDatePickerModule,
+                        PrySinceDateModule,
+                        PryPaginatorModule,
+                        PrySortModule
                     ],
-                    exports: [PryImportComponent]
+                    exports: [PryImportFormComponent, PryImportListComponent, PryVersionModalComponent]
                 }]
-        }], ctorParameters: () => [{ type: i2$1.PryI18nService }] });
+        }], ctorParameters: () => [{ type: i2.PryI18nService }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { PryImportComponent, PryImportModule };
+export { PryImportFormComponent, PryImportListComponent, PryImportModule, PryVersionModalComponent };
 //# sourceMappingURL=provoly-dashboard-import.mjs.map