@provoly/dashboard 1.3.12 → 1.3.14

package/fesm2022/provoly-dashboard-components-data-format.mjs

@@ -14,22 +14,21 @@ class DataFormatPipe {
         if (typeof value === 'object') {
             return JSON.stringify(value);
         }
-        if (decimalPrecision) {
-            result = new Intl.NumberFormat(undefined, {
+        if (decimalPrecision || localeFormat) {
+            result = new Intl.NumberFormat(LOCALE.value, {
                 // @ts-ignore
                 roundingMode: 'floor',
                 minimumFractionDigits: decimalPrecision,
-                maximumFractionDigits: decimalPrecision
+                maximumFractionDigits: decimalPrecision,
+                useGrouping: localeFormat
             }).format(value);
         }
-        if (localeFormat) {
-            result = toLocaleString(result);
-        }
         if (unit) {
             result = result + ' ' + unit;
         }
         if (format) {
-            result = new Intl.DateTimeFormat(LOCALE.value, dateFormatOptions.value[format]).format(getDate(value));
+            const actualDate = getDate(value);
+            result = new Intl.DateTimeFormat(LOCALE.value, dateFormatOptions.value[format]).format(actualDate);
         }
         return result;
     }
@@ -40,17 +39,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             type: Pipe,
             args: [{ name: 'dataFormat' }]
         }], ctorParameters: () => [] });
-// number formatting methods
-const toLocaleString = (value) => {
-    switch (typeof value) {
-        case 'number':
-            return new Intl.NumberFormat(LOCALE.value, { maximumFractionDigits: 20 }).format(value);
-        case 'string':
-            return value;
-        default:
-            return value;
-    }
-};
 // date formatting methods
 const dateFormatOptions = {
     value: {

package/fesm2022/provoly-dashboard-components-data-format.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-components-data-format.mjs","sources":["../../../../projects/provoly/dashboard/components/data-format/data-format.pipe.ts","../../../../projects/provoly/dashboard/components/data-format/data-format.module.ts","../../../../projects/provoly/dashboard/components/data-format/provoly-dashboard-components-data-format.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { FormatOptions } from '@provoly/dashboard';\n\nexport const LOCALE = {\n  value: navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language\n};\n\n@Pipe({ name: 'dataFormat' })\nexport class DataFormatPipe implements PipeTransform {\n  constructor() {}\n\n  transform(\n    value: any,\n    { localeFormat, unit, decimalPrecision, format }: Partial<FormatOptions> | undefined = {}\n  ): any {\n    let result = value;\n\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    if (typeof value === 'object') {\n      return JSON.stringify(value);\n    }\n\n    if (decimalPrecision) {\n      result = new Intl.NumberFormat(undefined, {\n        // @ts-ignore\n        roundingMode: 'floor',\n        minimumFractionDigits: decimalPrecision,\n        maximumFractionDigits: decimalPrecision\n      }).format(value);\n    }\n\n    if (localeFormat) {\n      result = toLocaleString(result);\n    }\n    if (unit) {\n      result = result + ' ' + unit;\n    }\n\n    if (format) {\n      result = new Intl.DateTimeFormat(LOCALE.value, dateFormatOptions.value[format]).format(getDate(value));\n    }\n\n    return result;\n  }\n}\n\n// number formatting methods\nconst toLocaleString = (value?: string | number) => {\n  switch (typeof value) {\n    case 'number':\n      return new Intl.NumberFormat(LOCALE.value, { maximumFractionDigits: 20 }).format(value);\n    case 'string':\n      return value;\n    default:\n      return value;\n  }\n};\n\n// date formatting methods\nexport const dateFormatOptions: { value: { [key: string]: Intl.DateTimeFormatOptions } } = {\n  value: {\n    DATETIME: {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric'\n    },\n    DATE: {\n      year: 'numeric',\n      month: '2-digit',\n      day: '2-digit'\n    },\n    MONTH_YEAR: {\n      month: '2-digit',\n      year: 'numeric'\n    },\n    DAY_MONTH: {\n      month: '2-digit',\n      day: '2-digit'\n    },\n    YEAR: {\n      year: 'numeric'\n    },\n    MONTH: {\n      month: '2-digit'\n    },\n    DAY: {\n      day: '2-digit'\n    }\n  }\n};\n\nconst getDate = (value: string | number | Date): Date => {\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Date(value);\n  }\n  return value;\n};\n\nexport const toD3Format = (format?: string) => {\n  switch (format) {\n    case 'DATETIME':\n      return '%Y-%m-%dT%H:%M:%S';\n    case 'DATE':\n      return '%Y-%m-%d';\n    case 'MONTH_YEAR':\n      return '%m-%Y';\n    case 'DAY_MONTH':\n      return '%d-%m';\n    case 'YEAR':\n      return '%Y';\n    case 'MONTH':\n      return '%m';\n    case 'DAY':\n      return '%d';\n    default:\n      return '%Y-%B-%dT%H:%M:%S';\n  }\n};\n","import { NgModule } from '@angular/core';\nimport { DataFormatPipe } from './data-format.pipe';\n\n@NgModule({\n  declarations: [DataFormatPipe],\n  exports: [DataFormatPipe]\n})\nexport class PryDataFormatModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-components-data-format.mjs","sources":["../../../../projects/provoly/dashboard/components/data-format/data-format.pipe.ts","../../../../projects/provoly/dashboard/components/data-format/data-format.module.ts","../../../../projects/provoly/dashboard/components/data-format/provoly-dashboard-components-data-format.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { FormatOptions } from '@provoly/dashboard';\n\nexport const LOCALE = {\n  value: navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language\n};\n\n@Pipe({ name: 'dataFormat' })\nexport class DataFormatPipe implements PipeTransform {\n  constructor() {}\n\n  transform(\n    value: any,\n    { localeFormat, unit, decimalPrecision, format }: Partial<FormatOptions> | undefined = {}\n  ): any {\n    let result = value;\n\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    if (typeof value === 'object') {\n      return JSON.stringify(value);\n    }\n\n    if (decimalPrecision || localeFormat) {\n      result = new Intl.NumberFormat(LOCALE.value, {\n        // @ts-ignore\n        roundingMode: 'floor',\n        minimumFractionDigits: decimalPrecision,\n        maximumFractionDigits: decimalPrecision,\n        useGrouping: localeFormat\n      }).format(value);\n    }\n\n    if (unit) {\n      result = result + ' ' + unit;\n    }\n\n    if (format) {\n      const actualDate = getDate(value);\n      result = new Intl.DateTimeFormat(LOCALE.value, dateFormatOptions.value[format]).format(actualDate);\n    }\n\n    return result;\n  }\n}\n\n// date formatting methods\nexport const dateFormatOptions: { value: { [key: string]: Intl.DateTimeFormatOptions } } = {\n  value: {\n    DATETIME: {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric'\n    },\n    DATE: {\n      year: 'numeric',\n      month: '2-digit',\n      day: '2-digit'\n    },\n    MONTH_YEAR: {\n      month: '2-digit',\n      year: 'numeric'\n    },\n    DAY_MONTH: {\n      month: '2-digit',\n      day: '2-digit'\n    },\n    YEAR: {\n      year: 'numeric'\n    },\n    MONTH: {\n      month: '2-digit'\n    },\n    DAY: {\n      day: '2-digit'\n    }\n  }\n};\n\nconst getDate = (value: string | number | Date): Date => {\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Date(value);\n  }\n  return value;\n};\n\nexport const toD3Format = (format?: string) => {\n  switch (format) {\n    case 'DATETIME':\n      return '%Y-%m-%dT%H:%M:%S';\n    case 'DATE':\n      return '%Y-%m-%d';\n    case 'MONTH_YEAR':\n      return '%m-%Y';\n    case 'DAY_MONTH':\n      return '%d-%m';\n    case 'YEAR':\n      return '%Y';\n    case 'MONTH':\n      return '%m';\n    case 'DAY':\n      return '%d';\n    default:\n      return '%Y-%B-%dT%H:%M:%S';\n  }\n};\n","import { NgModule } from '@angular/core';\nimport { DataFormatPipe } from './data-format.pipe';\n\n@NgModule({\n  declarations: [DataFormatPipe],\n  exports: [DataFormatPipe]\n})\nexport class PryDataFormatModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -22,6 +22,7 @@ class PryPaginatorComponent {
         this.nbPerPage = input(10);
         this.totalItemNb = input(100);
         this.mode = input('long');
+        this.goBackToFirstPage = input();
         this.nbOfPages = computed(() => {
             return Math.floor(this.totalItemNb() / this.nbPerPage());
         });
@@ -31,10 +32,16 @@ class PryPaginatorComponent {
         this.currentPage = signal(1);
         this.pageChange = new EventEmitter();
         effect(() => {
+            // if current page changes, dispatch action to load data
             if (this.currentPage()) {
                 this.dispatchPageChangeAction();
             }
         }, { allowSignalWrites: true });
+        effect(() => {
+            if (this.goBackToFirstPage()) {
+                this.changePage(1);
+            }
+        }, { allowSignalWrites: true });
     }
     dispatchPageChangeAction() {
         if (untracked(this.action)) {
@@ -51,7 +58,7 @@ class PryPaginatorComponent {
         this.pageChange.emit(page);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryPaginatorComponent, selector: "pry-paginator", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, nbPerPage: { classPropertyName: "nbPerPage", publicName: "nbPerPage", isSignal: true, isRequired: false, transformFunction: null }, totalItemNb: { classPropertyName: "totalItemNb", publicName: "totalItemNb", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<pry-paginator-css></pry-paginator-css>\n<div\n  class=\"o-paginator u-display-flex -align-center\"\n  [class.o-paginator--long]=\"mode() === 'long'\"\n  [class.o-paginator--short]=\"mode() === 'short'\"\n>\n  @if (mode() === 'long') {\n    <ng-container *ngTemplateOutlet=\"longPaginator\"></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"shortPaginator\"></ng-container>\n  }\n</div>\n\n<ng-template #shortPaginator>\n  <button (click)=\"changePage(1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"skip-left-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(currentPage() - 1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"arrow-left-s-fill\"></pry-icon>\n  </button>\n  <span class=\"o-paginator__page-counter\">{{ currentPage() }} / {{ nbOfPages() }}</span>\n  <button (click)=\"changePage(currentPage() + 1)\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"arrow-right-s-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(nbOfPages())\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"skip-right-fill\"></pry-icon>\n  </button>\n</ng-template>\n\n<ng-template #longPaginator>\n  @if (currentPage() > 1) {\n    <button (click)=\"changePage(currentPage() - 1)\">\n      <pry-icon iconSvg=\"chevron_left\"></pry-icon>\n    </button>\n  }\n  @if (nbOfPages() > 8) {\n    @if (currentPage() < 3) {\n      @for (page of pages().slice(0, 3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span class=\"u-self-end\">...</span>\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(pages().length)\">\n        {{ pages().length }}\n      </button>\n    } @else if (currentPage() > pages().length - 2) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        (click)=\"changePage(1)\"\n        [class.a-btn--primary]=\"currentPage() === 1\"\n        [class.a-btn--ghost]=\"currentPage() !== 1\"\n      >\n        1\n      </button>\n      <span class=\"u-self-end\">...</span>\n      @for (page of pages().slice(-3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n    } @else {\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(1)\">1</button>\n      <span>...</span>\n      @for (page of pages().slice(currentPage() - 2, currentPage() + 1); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span>...</span>\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"currentPage() === pages().length\"\n        [class.a-btn--ghost]=\"currentPage() !== pages().length\"\n        (click)=\"changePage(pages().length)\"\n      >\n        {{ pages().length }}\n      </button>\n    }\n  } @else {\n    @for (page of pages(); track page) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"page === currentPage()\"\n        [class.a-btn--ghost]=\"page !== currentPage()\"\n        (click)=\"changePage(page)\"\n      >\n        {{ page }}\n      </button>\n    }\n  }\n  @if (currentPage() < pages().length) {\n    <button (click)=\"changePage(currentPage() + 1)\">\n      <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n    </button>\n  }\n</ng-template>\n", dependencies: [{ kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PryPaginatorCssComponent, selector: "pry-paginator-css" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryPaginatorComponent, selector: "pry-paginator", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, nbPerPage: { classPropertyName: "nbPerPage", publicName: "nbPerPage", isSignal: true, isRequired: false, transformFunction: null }, totalItemNb: { classPropertyName: "totalItemNb", publicName: "totalItemNb", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, goBackToFirstPage: { classPropertyName: "goBackToFirstPage", publicName: "goBackToFirstPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<pry-paginator-css></pry-paginator-css>\n<div\n  class=\"o-paginator u-display-flex -align-center\"\n  [class.o-paginator--long]=\"mode() === 'long'\"\n  [class.o-paginator--short]=\"mode() === 'short'\"\n>\n  @if (mode() === 'long') {\n    <ng-container *ngTemplateOutlet=\"longPaginator\"></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"shortPaginator\"></ng-container>\n  }\n</div>\n\n<ng-template #shortPaginator>\n  <button (click)=\"changePage(1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"skip-left-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(currentPage() - 1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"arrow-left-s-fill\"></pry-icon>\n  </button>\n  <span class=\"o-paginator__page-counter\">{{ currentPage() }} / {{ nbOfPages() }}</span>\n  <button (click)=\"changePage(currentPage() + 1)\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"arrow-right-s-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(nbOfPages())\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"skip-right-fill\"></pry-icon>\n  </button>\n</ng-template>\n\n<ng-template #longPaginator>\n  @if (currentPage() > 1) {\n    <button (click)=\"changePage(currentPage() - 1)\">\n      <pry-icon iconSvg=\"chevron_left\"></pry-icon>\n    </button>\n  }\n  @if (nbOfPages() > 8) {\n    @if (currentPage() < 3) {\n      @for (page of pages().slice(0, 3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span class=\"u-self-end\">...</span>\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(pages().length)\">\n        {{ pages().length }}\n      </button>\n    } @else if (currentPage() > pages().length - 2) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        (click)=\"changePage(1)\"\n        [class.a-btn--primary]=\"currentPage() === 1\"\n        [class.a-btn--ghost]=\"currentPage() !== 1\"\n      >\n        1\n      </button>\n      <span class=\"u-self-end\">...</span>\n      @for (page of pages().slice(-3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n    } @else {\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(1)\">1</button>\n      <span>...</span>\n      @for (page of pages().slice(currentPage() - 2, currentPage() + 1); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span>...</span>\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"currentPage() === pages().length\"\n        [class.a-btn--ghost]=\"currentPage() !== pages().length\"\n        (click)=\"changePage(pages().length)\"\n      >\n        {{ pages().length }}\n      </button>\n    }\n  } @else {\n    @for (page of pages(); track page) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"page === currentPage()\"\n        [class.a-btn--ghost]=\"page !== currentPage()\"\n        (click)=\"changePage(page)\"\n      >\n        {{ page }}\n      </button>\n    }\n  }\n  @if (currentPage() < pages().length) {\n    <button (click)=\"changePage(currentPage() + 1)\">\n      <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n    </button>\n  }\n</ng-template>\n", dependencies: [{ kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PryPaginatorCssComponent, selector: "pry-paginator-css" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPaginatorComponent, decorators: [{
             type: Component,

package/fesm2022/provoly-dashboard-components-paginator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-components-paginator.mjs","sources":["../../../../projects/provoly/dashboard/components/paginator/style/css.component.ts","../../../../projects/provoly/dashboard/components/paginator/paginator.component.ts","../../../../projects/provoly/dashboard/components/paginator/paginator.component.html","../../../../projects/provoly/dashboard/components/paginator/paginator.module.ts","../../../../projects/provoly/dashboard/components/paginator/provoly-dashboard-components-paginator.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-paginator-css',\n  template: '',\n  styleUrls: ['./_o-pry-paginator.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryPaginatorCssComponent {}\n","import { Component, computed, effect, EventEmitter, inject, input, Output, signal, untracked } from '@angular/core';\nimport { Action, Store } from '@ngrx/store';\n\n@Component({\n  selector: 'pry-paginator',\n  templateUrl: './paginator.component.html'\n})\nexport class PryPaginatorComponent {\n  store = inject(Store);\n\n  action = input<Action>();\n  nbPerPage = input<number>(10);\n  totalItemNb = input<number>(100);\n  mode = input<'long' | 'short'>('long');\n\n  nbOfPages = computed(() => {\n    return Math.floor(this.totalItemNb() / this.nbPerPage());\n  });\n  pages = computed(() => {\n    return Array.from({ length: this.nbOfPages() }, (_, i) => i + 1);\n  });\n  currentPage = signal(1);\n\n  @Output() pageChange = new EventEmitter<number>();\n\n  constructor() {\n    effect(\n      () => {\n        if (this.currentPage()) {\n          this.dispatchPageChangeAction();\n        }\n      },\n      { allowSignalWrites: true }\n    );\n  }\n\n  dispatchPageChangeAction() {\n    if (untracked(this.action)) {\n      this.store.dispatch({\n        ...untracked(this.action),\n        // @ts-ignore\n        offset: (this.currentPage() - 1) * this.nbPerPage(),\n        limit: this.nbPerPage()\n      });\n    }\n  }\n\n  changePage(page: number) {\n    this.currentPage.set(page);\n    this.pageChange.emit(page);\n  }\n}\n","<pry-paginator-css></pry-paginator-css>\n<div\n  class=\"o-paginator u-display-flex -align-center\"\n  [class.o-paginator--long]=\"mode() === 'long'\"\n  [class.o-paginator--short]=\"mode() === 'short'\"\n>\n  @if (mode() === 'long') {\n    <ng-container *ngTemplateOutlet=\"longPaginator\"></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"shortPaginator\"></ng-container>\n  }\n</div>\n\n<ng-template #shortPaginator>\n  <button (click)=\"changePage(1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"skip-left-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(currentPage() - 1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"arrow-left-s-fill\"></pry-icon>\n  </button>\n  <span class=\"o-paginator__page-counter\">{{ currentPage() }} / {{ nbOfPages() }}</span>\n  <button (click)=\"changePage(currentPage() + 1)\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"arrow-right-s-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(nbOfPages())\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"skip-right-fill\"></pry-icon>\n  </button>\n</ng-template>\n\n<ng-template #longPaginator>\n  @if (currentPage() > 1) {\n    <button (click)=\"changePage(currentPage() - 1)\">\n      <pry-icon iconSvg=\"chevron_left\"></pry-icon>\n    </button>\n  }\n  @if (nbOfPages() > 8) {\n    @if (currentPage() < 3) {\n      @for (page of pages().slice(0, 3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span class=\"u-self-end\">...</span>\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(pages().length)\">\n        {{ pages().length }}\n      </button>\n    } @else if (currentPage() > pages().length - 2) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        (click)=\"changePage(1)\"\n        [class.a-btn--primary]=\"currentPage() === 1\"\n        [class.a-btn--ghost]=\"currentPage() !== 1\"\n      >\n        1\n      </button>\n      <span class=\"u-self-end\">...</span>\n      @for (page of pages().slice(-3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n    } @else {\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(1)\">1</button>\n      <span>...</span>\n      @for (page of pages().slice(currentPage() - 2, currentPage() + 1); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span>...</span>\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"currentPage() === pages().length\"\n        [class.a-btn--ghost]=\"currentPage() !== pages().length\"\n        (click)=\"changePage(pages().length)\"\n      >\n        {{ pages().length }}\n      </button>\n    }\n  } @else {\n    @for (page of pages(); track page) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"page === currentPage()\"\n        [class.a-btn--ghost]=\"page !== currentPage()\"\n        (click)=\"changePage(page)\"\n      >\n        {{ page }}\n      </button>\n    }\n  }\n  @if (currentPage() < pages().length) {\n    <button (click)=\"changePage(currentPage() + 1)\">\n      <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n    </button>\n  }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { PryPaginatorComponent } from './paginator.component';\nimport { PryIconModule } from '@provoly/dashboard';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { PryPaginatorCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [PryPaginatorComponent, PryPaginatorCssComponent],\n  imports: [PryIconModule, NgTemplateOutlet],\n  exports: [PryPaginatorComponent, PryPaginatorCssComponent]\n})\nexport class PryPaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3.PryPaginatorCssComponent"],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-components-paginator.mjs","sources":["../../../../projects/provoly/dashboard/components/paginator/style/css.component.ts","../../../../projects/provoly/dashboard/components/paginator/paginator.component.ts","../../../../projects/provoly/dashboard/components/paginator/paginator.component.html","../../../../projects/provoly/dashboard/components/paginator/paginator.module.ts","../../../../projects/provoly/dashboard/components/paginator/provoly-dashboard-components-paginator.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-paginator-css',\n  template: '',\n  styleUrls: ['./_o-pry-paginator.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryPaginatorCssComponent {}\n","import { Component, computed, effect, EventEmitter, inject, input, Output, signal, untracked } from '@angular/core';\nimport { Action, Store } from '@ngrx/store';\n\n@Component({\n  selector: 'pry-paginator',\n  templateUrl: './paginator.component.html'\n})\nexport class PryPaginatorComponent {\n  store = inject(Store);\n\n  action = input<Action>();\n  nbPerPage = input<number>(10);\n  totalItemNb = input<number>(100);\n  mode = input<'long' | 'short'>('long');\n  goBackToFirstPage = input<any>();\n\n  nbOfPages = computed(() => {\n    return Math.floor(this.totalItemNb() / this.nbPerPage());\n  });\n  pages = computed(() => {\n    return Array.from({ length: this.nbOfPages() }, (_, i) => i + 1);\n  });\n  currentPage = signal(1);\n\n  @Output() pageChange = new EventEmitter<number>();\n\n  constructor() {\n    effect(\n      () => {\n        // if current page changes, dispatch action to load data\n        if (this.currentPage()) {\n          this.dispatchPageChangeAction();\n        }\n      },\n      { allowSignalWrites: true }\n    );\n    effect(\n      () => {\n        if (this.goBackToFirstPage()) {\n          this.changePage(1);\n        }\n      },\n      { allowSignalWrites: true }\n    );\n  }\n\n  dispatchPageChangeAction() {\n    if (untracked(this.action)) {\n      this.store.dispatch({\n        ...untracked(this.action),\n        // @ts-ignore\n        offset: (this.currentPage() - 1) * this.nbPerPage(),\n        limit: this.nbPerPage()\n      });\n    }\n  }\n\n  changePage(page: number) {\n    this.currentPage.set(page);\n    this.pageChange.emit(page);\n  }\n}\n","<pry-paginator-css></pry-paginator-css>\n<div\n  class=\"o-paginator u-display-flex -align-center\"\n  [class.o-paginator--long]=\"mode() === 'long'\"\n  [class.o-paginator--short]=\"mode() === 'short'\"\n>\n  @if (mode() === 'long') {\n    <ng-container *ngTemplateOutlet=\"longPaginator\"></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"shortPaginator\"></ng-container>\n  }\n</div>\n\n<ng-template #shortPaginator>\n  <button (click)=\"changePage(1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"skip-left-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(currentPage() - 1)\" [disabled]=\"currentPage() === 1\">\n    <pry-icon iconSvg=\"arrow-left-s-fill\"></pry-icon>\n  </button>\n  <span class=\"o-paginator__page-counter\">{{ currentPage() }} / {{ nbOfPages() }}</span>\n  <button (click)=\"changePage(currentPage() + 1)\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"arrow-right-s-fill\"></pry-icon>\n  </button>\n  <button (click)=\"changePage(nbOfPages())\" [disabled]=\"currentPage() === nbOfPages()\">\n    <pry-icon iconSvg=\"skip-right-fill\"></pry-icon>\n  </button>\n</ng-template>\n\n<ng-template #longPaginator>\n  @if (currentPage() > 1) {\n    <button (click)=\"changePage(currentPage() - 1)\">\n      <pry-icon iconSvg=\"chevron_left\"></pry-icon>\n    </button>\n  }\n  @if (nbOfPages() > 8) {\n    @if (currentPage() < 3) {\n      @for (page of pages().slice(0, 3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span class=\"u-self-end\">...</span>\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(pages().length)\">\n        {{ pages().length }}\n      </button>\n    } @else if (currentPage() > pages().length - 2) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        (click)=\"changePage(1)\"\n        [class.a-btn--primary]=\"currentPage() === 1\"\n        [class.a-btn--ghost]=\"currentPage() !== 1\"\n      >\n        1\n      </button>\n      <span class=\"u-self-end\">...</span>\n      @for (page of pages().slice(-3); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n    } @else {\n      <button class=\"a-btn -small-circle -no-padding\" (click)=\"changePage(1)\">1</button>\n      <span>...</span>\n      @for (page of pages().slice(currentPage() - 2, currentPage() + 1); track page) {\n        <button\n          class=\"a-btn -small-circle -no-padding\"\n          [class.a-btn--primary]=\"page === currentPage()\"\n          [class.a-btn--ghost]=\"page !== currentPage()\"\n          (click)=\"changePage(page)\"\n        >\n          {{ page }}\n        </button>\n      }\n      <span>...</span>\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"currentPage() === pages().length\"\n        [class.a-btn--ghost]=\"currentPage() !== pages().length\"\n        (click)=\"changePage(pages().length)\"\n      >\n        {{ pages().length }}\n      </button>\n    }\n  } @else {\n    @for (page of pages(); track page) {\n      <button\n        class=\"a-btn -small-circle -no-padding\"\n        [class.a-btn--primary]=\"page === currentPage()\"\n        [class.a-btn--ghost]=\"page !== currentPage()\"\n        (click)=\"changePage(page)\"\n      >\n        {{ page }}\n      </button>\n    }\n  }\n  @if (currentPage() < pages().length) {\n    <button (click)=\"changePage(currentPage() + 1)\">\n      <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n    </button>\n  }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { PryPaginatorComponent } from './paginator.component';\nimport { PryIconModule } from '@provoly/dashboard';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { PryPaginatorCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [PryPaginatorComponent, PryPaginatorCssComponent],\n  imports: [PryIconModule, NgTemplateOutlet],\n  exports: [PryPaginatorComponent, PryPaginatorCssComponent]\n})\nexport class PryPaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3.PryPaginatorCssComponent"],"mappings":"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"}

package/fesm2022/provoly-dashboard-import.mjs

@@ -12,7 +12,7 @@ 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 { map, take, mergeMap, Subject } from 'rxjs';
 import * as i4 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i5 from '@provoly/dashboard/components/text-editor';
@@ -31,10 +31,10 @@ const enTranslations = {
             filter: {
                 dsName: 'Name',
                 status: 'Import status',
-                date: 'Import date'
+                date: 'Last modified date'
             },
             dsName: 'Name',
-            date: 'Date of creation',
+            date: 'Last modified date',
             number: 'Version number',
             status: 'Version status',
             actions: 'Actions'
@@ -82,10 +82,10 @@ const frTranslations = {
             filter: {
                 dsName: 'Nom',
                 status: 'Status import',
-                date: 'Date import'
+                date: 'Date de dernière modification'
             },
             dsName: 'Nom',
-            date: 'Date de création de la version',
+            date: 'Date de dernière modification',
             number: 'N° Version',
             status: 'Status de version',
             actions: 'Actions'
@@ -425,11 +425,11 @@ class PryVersionModalComponent {
         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" }] }); }
+    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.lastModifiedDate' | i18n }}</h4>\n        <span>{{ version.lastModified | date: 'dd/MM/yyyy HH:mm' }}</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: i6.DatePipe, name: "date" }, { 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" }]
+            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.lastModifiedDate' | i18n }}</h4>\n        <span>{{ version.lastModified | date: 'dd/MM/yyyy HH:mm' }}</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]
@@ -440,7 +440,7 @@ class PryImportListComponent extends SubscriptionnerDirective {
         super();
         this.store = store;
         this.dialog = dialog;
-        this.loadDataAction = signal(DataSourceActions.dataset.listVersions({}));
+        this.loadDataAction = signal(DataSourceActions.dataset.listVersions({ orderBy: 'DATE', sortBy: 'desc' }));
         this.refreshClick = input();
         this.possibleStatus = ['LOADING', 'INDEXING', 'INACTIVE', 'ERROR', 'ACTIVE', 'DELETING', 'DELETE_ERROR'];
         this.filters = {
@@ -449,7 +449,8 @@ class PryImportListComponent extends SubscriptionnerDirective {
             dateMin: undefined,
             dateMax: undefined
         };
-        this.sort = {};
+        this.sort = { orderBy: 'DATE', sortBy: 'desc' };
+        this.goBackToFirstPage$ = new Subject();
         this.store.dispatch(DataSourceActions.dataset.loadDataset());
         this.datasets$ = this.store.select(DataSourceSelectors.datasets);
         this.datasetVersions$ = this.store.select(DataSourceSelectors.datasetVersions);
@@ -460,19 +461,20 @@ class PryImportListComponent extends SubscriptionnerDirective {
     }
     clearFilters() {
         this.filters = { dataset: undefined, status: undefined, dateMin: undefined, dateMax: undefined };
+        this.loadDataAction.update((loadDataAction) => ({ ...loadDataAction, offset: 0 }));
         this.store.dispatch({
             ...this.loadDataAction(),
             limit: 10,
             ...this.sort
         });
+        this.goBackToFirstPage();
     }
     loadData() {
         this.store.dispatch({
             ...this.loadDataAction(),
-            limit: 10,
-            ...this.filters,
-            ...this.sort
+            limit: 10
         });
+        this.goBackToFirstPage();
     }
     openInfoModal(version) {
         this.dialog.open(PryVersionModalComponent, {
@@ -492,17 +494,22 @@ class PryImportListComponent extends SubscriptionnerDirective {
     sortChange($event) {
         this.sort.sortBy = $event.direction;
         this.sort.orderBy = $event.active;
+        this.loadDataAction.update((loadDataAction) => ({ ...loadDataAction, ...this.sort }));
         this.loadData();
     }
     updateFilters() {
         this.loadDataAction.update((loadDataAction) => ({ ...loadDataAction, ...this.filters }));
     }
+    goBackToFirstPage() {
+        this.goBackToFirstPage$.next(true);
+        setTimeout(() => this.goBackToFirstPage$.next(false), 50);
+    }
     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" }] }); }
+    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\n      class=\"a-table\"\n      prySortTable\n      (prySortChange)=\"sortChange($event)\"\n      [prySortDirection]=\"sort.sortBy\"\n      [prySortActive]=\"sort.orderBy\"\n    >\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.lastModified | 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)\">\n                  {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                </button>\n              </td>\n              @if (version.hasWarnings) {\n                <td>\n                  <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                    {{ '@pry.dataset.buttonAction.WARNING' | i18n }}\n                  </button>\n                </td>\n              }\n            } @else if (version.state === 'ERROR') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                  {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\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    [goBackToFirstPage]=\"goBackToFirstPage$ | async\"\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", "goBackToFirstPage"], 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" }]
+            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\n      class=\"a-table\"\n      prySortTable\n      (prySortChange)=\"sortChange($event)\"\n      [prySortDirection]=\"sort.sortBy\"\n      [prySortActive]=\"sort.orderBy\"\n    >\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.lastModified | 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)\">\n                  {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\n                </button>\n              </td>\n              @if (version.hasWarnings) {\n                <td>\n                  <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                    {{ '@pry.dataset.buttonAction.WARNING' | i18n }}\n                  </button>\n                </td>\n              }\n            } @else if (version.state === 'ERROR') {\n              <td>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"openErrorModal(version)\">\n                  {{ '@pry.dataset.buttonAction.' + version.state | i18n }}\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    [goBackToFirstPage]=\"goBackToFirstPage$ | async\"\n  ></pry-paginator>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryDialogService }] });
 
 class PryImportModule {