@esfaenza/es-pager 12.2.2 → 13.1.3

package/fesm2020/esfaenza-es-pager.mjs

@@ -0,0 +1,212 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@esfaenza/localizations';
+import { LocalizationService, LocalizationModule } from '@esfaenza/localizations';
+import * as i1 from '@esfaenza/extensions';
+import { MessageService } from '@esfaenza/extensions';
+import * as i3 from '@angular/material/form-field';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { MatSelectModule } from '@angular/material/select';
+
+/** Modello di configurazione per L'EsTable */
+class EsPagerModuleConfig {
+}
+
+/** Token che indica il locale da utilizzare all'interno del componente. Supportati solo "it-IT" ed "en-US" */
+const ESP_LOCALE = new InjectionToken('ESP_LOCALE');
+/** Token che indica se emettere log a console o meno */
+const ESP_DEBUG = new InjectionToken('ESP_DEBUG');
+
+/** Classe di localizzazione per il componente **TablePagerComponent** */
+class TablePagerLoc extends LocalizationService {
+    /** @ignore */
+    constructor(LOC_LOCALE) {
+        super(LOC_LOCALE ?? 'it-IT');
+        super.set("en->it", "All", ["Tutto"]);
+        super.set("en->it", "Shown Elements", ["Elementi visualizzati"]);
+        super.set("en->it", "Shown Groups", ["Gruppi visualizzati"]);
+        super.set("en->it", "Are you sure you want to retrieve all results?", ["Si è sicuri di voler caricare tutti i risultati?"]);
+        super.set("en->it", "This might slow down the page and possibly crash the entire application", ["L'operazione potrebbe rallentare la pagina fino al crash dell'applicazione"]);
+    }
+}
+TablePagerLoc.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TablePagerLoc, deps: [{ token: ESP_LOCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TablePagerLoc.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TablePagerLoc });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TablePagerLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ESP_LOCALE]
+                }] }]; } });
+
+// Angular
+/** Componente che si occupa della paginazione di una tabella */
+class TablePagerComponent {
+    /** @ignore */
+    constructor(msgExts, lc, cdr, locale, debug) {
+        this.msgExts = msgExts;
+        this.lc = lc;
+        this.cdr = cdr;
+        this.locale = locale;
+        this.debug = debug;
+        /** Indica se deve mostrare un warning quando si cercano di solezionare come elementi da visualizzare "Tutti" */
+        this.WarnOnAll = true;
+        /** Indica se dare la possibilità o meno di selezionare "Tutti" nelle opzioni di paginazione */
+        this.AllSearch = true;
+        /** Placeholder che identifica il "Tutti" */
+        this.DefaultAll = 999999;
+        /** Indica se attivare la modalità gruppo con stili più snelli per apparire sotto ai raggruppamenti */
+        this.GroupMode = false;
+        /** Indica se utilizzare il conteggio dei gruppi o degli oggetti */
+        this.GroupCount = false;
+        /** Indica il testo che va a sostituire "Oggetti Visualizzati" in caso si stia facendo qualcosa di custom, Ignorato in caso di gruppi */
+        this.CountLabel = null;
+        /** Indica se visualizzare il numero totale di oggeti presenti */
+        this.ShowCount = true;
+        /** Indica se visualizzare il numero totale di oggeti presenti */
+        this.ShowPaging = true;
+        /** Output invocato quando il numero di elementi per pagina viene modificato da un click utente */
+        this.pagingSelected = new EventEmitter();
+        /** Opzioni di paginazione */
+        this.PagingOptions = [10, 15, 30, 45, 100];
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.Model = this.View ? (this.View.itemsperpageoverride || 15) : this.CurrentPageSize;
+        if (this.AllSearch)
+            this.PagingOptions.push(this.DefaultAll);
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        let newView = changes['View'];
+        let newCPS = changes['CurrentPageSize'];
+        if ((newView && !newView.firstChange) || (newCPS && !newCPS.firstChange))
+            this.Model = newView?.currentValue ? (newView.currentValue.itemsperpageoverride || 15) : newCPS?.currentValue ? newCPS.currentValue : null;
+    }
+    /**
+     * Funzione richiamata dal template quando un utente clicca su un numero di paginazione.
+     *
+     * Cliccare 2 volte sullo stesso numero causa comunque un refresh dei dati
+     *
+     * @param {number} pageSize Dimensione selezionata lato UI
+     */
+    choice(pageSize) {
+        if (pageSize == this.DefaultAll && this.WarnOnAll) {
+            this.msgExts.simpleWarningWithChoice(this.lc.loc("Are you sure you want to retrieve all results?"), this.lc.loc("This might slow down the page and possibly crash the entire application"), () => { this.pagingSelected.emit(pageSize); this.Model = pageSize; }, () => {
+                // Dio solo sa perché mi tocca fare sta roba... qui dentro per qualche motivo la CD non prende
+                let prevModel = this.Model;
+                this.Model = null;
+                this.cdr.detectChanges();
+                this.Model = prevModel;
+                this.cdr.detectChanges();
+            });
+        }
+        else {
+            this.pagingSelected.emit(pageSize);
+            this.Model = pageSize;
+        }
+    }
+}
+TablePagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TablePagerComponent, deps: [{ token: i1.MessageService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ESP_LOCALE, optional: true }, { token: ESP_DEBUG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TablePagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TablePagerComponent, selector: "app-paging", inputs: { CurrentPageSize: "CurrentPageSize", View: "View", WarnOnAll: "WarnOnAll", AllSearch: "AllSearch", DefaultAll: "DefaultAll", GroupMode: "GroupMode", GroupCount: "GroupCount", CountLabel: "CountLabel", ShowCount: "ShowCount", ShowPaging: "ShowPaging", PagerCount: "PagerCount", Hidden: "Hidden" }, outputs: { pagingSelected: "pagingSelected" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!Hidden\">\r\n  <span class=\"est-fs-14\"> {{CountLabel && !GroupMode ? CountLabel : ((GroupMode ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\r\n  <ng-container *ngIf=\"ShowPaging && Model && (Model == DefaultAll || PagerCount >= Model || PagerCount == -1)\">\r\n    <mat-form-field [appearance]=\"'legacy'\" class=\"mat-paginator-page-size-select est-fs-14 est-ipp-bold\">\r\n      <select matNativeControl [ngModel]=\"Model\" name=\"input\" (ngModelChange)=\"choice($event)\">\r\n        <ng-container *ngFor=\"let pOpt of PagingOptions\">\r\n          <option *ngIf=\"pOpt == DefaultAll || PagerCount >= pOpt || PagerCount == -1\" [value]=\"pOpt\">{{ pOpt == DefaultAll ? ('All' | localize : lc) : pOpt.toString()}}</option>\r\n        </ng-container>\r\n      </select>\r\n    </mat-form-field>\r\n    <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">&nbsp;/&nbsp;</span>\r\n  </ng-container>\r\n  <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">{{PagerCount | number : '0.0-0' : locale}}</span>\r\n</div>", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-head-resizer{top:0;right:0;bottom:0;width:2px;position:absolute;cursor:col-resize;background-color:#ccc}.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:0 4px;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}.mat-paginator-page-size-select .mat-form-field-underline{bottom:10px}\n"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "localize": i2.LocalizePipe, "number": i4.DecimalPipe }, viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TablePagerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-paging", viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!Hidden\">\r\n  <span class=\"est-fs-14\"> {{CountLabel && !GroupMode ? CountLabel : ((GroupMode ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\r\n  <ng-container *ngIf=\"ShowPaging && Model && (Model == DefaultAll || PagerCount >= Model || PagerCount == -1)\">\r\n    <mat-form-field [appearance]=\"'legacy'\" class=\"mat-paginator-page-size-select est-fs-14 est-ipp-bold\">\r\n      <select matNativeControl [ngModel]=\"Model\" name=\"input\" (ngModelChange)=\"choice($event)\">\r\n        <ng-container *ngFor=\"let pOpt of PagingOptions\">\r\n          <option *ngIf=\"pOpt == DefaultAll || PagerCount >= pOpt || PagerCount == -1\" [value]=\"pOpt\">{{ pOpt == DefaultAll ? ('All' | localize : lc) : pOpt.toString()}}</option>\r\n        </ng-container>\r\n      </select>\r\n    </mat-form-field>\r\n    <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">&nbsp;/&nbsp;</span>\r\n  </ng-container>\r\n  <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">{{PagerCount | number : '0.0-0' : locale}}</span>\r\n</div>", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-head-resizer{top:0;right:0;bottom:0;width:2px;position:absolute;cursor:col-resize;background-color:#ccc}.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:0 4px;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}.mat-paginator-page-size-select .mat-form-field-underline{bottom:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MessageService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ESP_LOCALE]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ESP_DEBUG]
+                }] }]; }, propDecorators: { CurrentPageSize: [{
+                type: Input
+            }], View: [{
+                type: Input
+            }], WarnOnAll: [{
+                type: Input
+            }], AllSearch: [{
+                type: Input
+            }], DefaultAll: [{
+                type: Input
+            }], GroupMode: [{
+                type: Input
+            }], GroupCount: [{
+                type: Input
+            }], CountLabel: [{
+                type: Input
+            }], ShowCount: [{
+                type: Input
+            }], ShowPaging: [{
+                type: Input
+            }], PagerCount: [{
+                type: Input
+            }], Hidden: [{
+                type: Input
+            }], pagingSelected: [{
+                type: Output
+            }] } });
+
+class EsPagerModule {
+    static forRoot(config) {
+        return {
+            ngModule: EsPagerModule,
+            providers: [
+                { provide: ESP_LOCALE, useValue: config?.locale || 'it-IT' },
+                { provide: ESP_DEBUG, useValue: config?.debugMode || false }
+            ]
+        };
+    }
+}
+EsPagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EsPagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPagerModule, declarations: [TablePagerComponent], imports: [CommonModule,
+        FormsModule,
+        RouterModule,
+        LocalizationModule,
+        MatSelectModule,
+        MatInputModule], exports: [TablePagerComponent] });
+EsPagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPagerModule, providers: [MessageService], imports: [[
+            CommonModule,
+            FormsModule,
+            RouterModule,
+            LocalizationModule,
+            MatSelectModule,
+            MatInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        LocalizationModule,
+                        MatSelectModule,
+                        MatInputModule,
+                    ],
+                    declarations: [TablePagerComponent],
+                    providers: [MessageService],
+                    exports: [TablePagerComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of es-pager
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EsPagerModule, EsPagerModuleConfig, TablePagerComponent };
+//# sourceMappingURL=esfaenza-es-pager.mjs.map

package/fesm2020/esfaenza-es-pager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"esfaenza-es-pager.mjs","sources":["../../../projects/es-pager/src/lib/domain/configuration/EsPagerModuleConfig.ts","../../../projects/es-pager/src/lib/tokens.ts","../../../projects/es-pager/src/lib/components/pager/table_pager.component.loc.ts","../../../projects/es-pager/src/lib/components/pager/table_pager.component.ts","../../../projects/es-pager/src/lib/components/pager/table_pager.component.html","../../../projects/es-pager/src/lib/es-pager.module.ts","../../../projects/es-pager/src/public-api.ts","../../../projects/es-pager/src/esfaenza-es-pager.ts"],"sourcesContent":["/** Modello di configurazione per L'EsTable */\r\nexport class EsPagerModuleConfig {\r\n\r\n    /** Locale da utilizzare per i messaggi, supportati \"it-IT\" ed \"en-US\" */\r\n    public locale?: string;\r\n    /** Indica se scrivere messaggi di log a console */\r\n    public debugMode?: boolean;\r\n}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica il locale da utilizzare all'interno del componente. Supportati solo \"it-IT\" ed \"en-US\" */\r\nexport const ESP_LOCALE: InjectionToken<string> = new InjectionToken<string>('ESP_LOCALE');\r\n\r\n/** Token che indica se emettere log a console o meno */\r\nexport const ESP_DEBUG: InjectionToken<string> = new InjectionToken<string>('ESP_DEBUG');","import { Injectable, Inject, Optional } from \"@angular/core\";\r\nimport { LocalizationService } from \"@esfaenza/localizations\";\r\nimport { ESP_LOCALE } from '../../tokens';\r\n\r\n/** Classe di localizzazione per il componente **TablePagerComponent** */\r\n@Injectable()\r\nexport class TablePagerLoc extends LocalizationService {\r\n\r\n    /** @ignore */\r\n    constructor(@Optional() @Inject(ESP_LOCALE) LOC_LOCALE: string) {\r\n        super(LOC_LOCALE ?? 'it-IT');\r\n        super.set(\"en->it\", \"All\", [\"Tutto\"]);\r\n        super.set(\"en->it\", \"Shown Elements\", [\"Elementi visualizzati\"]);\r\n        super.set(\"en->it\", \"Shown Groups\", [\"Gruppi visualizzati\"]);\r\n        super.set(\"en->it\", \"Are you sure you want to retrieve all results?\", [\"Si è sicuri di voler caricare tutti i risultati?\"]);\r\n        super.set(\"en->it\", \"This might slow down the page and possibly crash the entire application\", [\"L'operazione potrebbe rallentare la pagina fino al crash dell'applicazione\"]);\r\n    }\r\n}","// Angular\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Inject, Input, Optional, Output, SimpleChanges, ViewEncapsulation } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { LocalizationService } from \"@esfaenza/localizations\";\r\nimport { MessageService } from \"@esfaenza/extensions\";\r\n\r\n// Applicazione\r\nimport { TablePagerLoc } from \"./table_pager.component.loc\";\r\nimport { ESP_LOCALE, ESP_DEBUG } from \"../../tokens\";\r\n\r\n/** Componente che si occupa della paginazione di una tabella */\r\n@Component({\r\n    selector: \"app-paging\",\r\n    viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }],\r\n    styleUrls: ['./table_pager.component.scss'],\r\n    templateUrl: \"./table_pager.component.html\",\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TablePagerComponent {\r\n\r\n    /** Dimensione di pagina attuale */\r\n    @Input() CurrentPageSize: any;\r\n\r\n    /** View gestita, che può essere un IAppSearch o una ReportView */\r\n    @Input() View: any;\r\n\r\n    /** Indica se deve mostrare un warning quando si cercano di solezionare come elementi da visualizzare \"Tutti\" */\r\n    @Input() WarnOnAll: boolean = true;\r\n\r\n    /** Indica se dare la possibilità o meno di selezionare \"Tutti\" nelle opzioni di paginazione */\r\n    @Input() AllSearch: boolean = true;\r\n    \r\n    /** Placeholder che identifica il \"Tutti\" */\r\n    @Input() DefaultAll = 999999;\r\n    \r\n    /** Indica se attivare la modalità gruppo con stili più snelli per apparire sotto ai raggruppamenti */\r\n    @Input() GroupMode = false;\r\n\r\n    /** Indica se utilizzare il conteggio dei gruppi o degli oggetti */\r\n    @Input() GroupCount = false;\r\n\r\n    /** Indica il testo che va a sostituire \"Oggetti Visualizzati\" in caso si stia facendo qualcosa di custom, Ignorato in caso di gruppi */\r\n    @Input() CountLabel: string = null;\r\n\r\n    /** Indica se visualizzare il numero totale di oggeti presenti */\r\n    @Input() ShowCount: boolean = true;\r\n\r\n    /** Indica se visualizzare il numero totale di oggeti presenti */\r\n    @Input() ShowPaging: boolean = true;\r\n\r\n    /** Indica il numero totale di oggeti presenti */\r\n    @Input() PagerCount: number;\r\n\r\n    /** Indica se mostrare o meno il contenuto @deprecated usata solo da MatrixValuesComponent nella lib relativa */\r\n    @Input() Hidden: boolean;\r\n\r\n    /** Output invocato quando il numero di elementi per pagina viene modificato da un click utente */\r\n    @Output() pagingSelected = new EventEmitter<number>();\r\n\r\n    /** @ignore */\r\n    constructor(private msgExts: MessageService, public lc: LocalizationService, public cdr: ChangeDetectorRef, @Optional() @Inject(ESP_LOCALE) public locale: string, @Optional() @Inject(ESP_DEBUG) public debug: boolean) { }\r\n\r\n    /** Modello su cui la select effettua operazioni di selezione */\r\n    public Model: number;\r\n\r\n    /** Opzioni di paginazione */\r\n    public PagingOptions: number[] = [10, 15, 30, 45, 100 ];\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.Model = this.View ? (this.View.itemsperpageoverride || 15) : this.CurrentPageSize;\r\n        if (this.AllSearch)\r\n            this.PagingOptions.push(this.DefaultAll);\r\n    }\r\n\r\n    /** @ignore */\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        let newView = changes['View'];\r\n        let newCPS = changes['CurrentPageSize'];\r\n\r\n        if ((newView && !newView.firstChange) || (newCPS && !newCPS.firstChange))\r\n            this.Model = newView?.currentValue ? (newView.currentValue.itemsperpageoverride || 15) : newCPS?.currentValue ? newCPS.currentValue : null;\r\n    }\r\n\r\n    /**\r\n     * Funzione richiamata dal template quando un utente clicca su un numero di paginazione.\r\n     * \r\n     * Cliccare 2 volte sullo stesso numero causa comunque un refresh dei dati\r\n     * \r\n     * @param {number} pageSize Dimensione selezionata lato UI\r\n     */\r\n    public choice(pageSize: number) {\r\n        if (pageSize == this.DefaultAll && this.WarnOnAll) {\r\n            this.msgExts.simpleWarningWithChoice(\r\n                this.lc.loc(\"Are you sure you want to retrieve all results?\"),\r\n                this.lc.loc(\"This might slow down the page and possibly crash the entire application\"),\r\n                () => { this.pagingSelected.emit(pageSize); this.Model = pageSize; },\r\n                () => {\r\n                    // Dio solo sa perché mi tocca fare sta roba... qui dentro per qualche motivo la CD non prende\r\n                    let prevModel = this.Model;\r\n                    this.Model = null;\r\n                    this.cdr.detectChanges();\r\n                    this.Model = prevModel;\r\n                    this.cdr.detectChanges();\r\n                });\r\n        }\r\n        else {\r\n            this.pagingSelected.emit(pageSize);\r\n            this.Model = pageSize;\r\n        }\r\n    }\r\n}","<div *ngIf=\"!Hidden\">\r\n  <span class=\"est-fs-14\"> {{CountLabel && !GroupMode ? CountLabel : ((GroupMode ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\r\n  <ng-container *ngIf=\"ShowPaging && Model && (Model == DefaultAll || PagerCount >= Model || PagerCount == -1)\">\r\n    <mat-form-field [appearance]=\"'legacy'\" class=\"mat-paginator-page-size-select est-fs-14 est-ipp-bold\">\r\n      <select matNativeControl [ngModel]=\"Model\" name=\"input\" (ngModelChange)=\"choice($event)\">\r\n        <ng-container *ngFor=\"let pOpt of PagingOptions\">\r\n          <option *ngIf=\"pOpt == DefaultAll || PagerCount >= pOpt || PagerCount == -1\" [value]=\"pOpt\">{{ pOpt == DefaultAll ? ('All' | localize : lc) : pOpt.toString()}}</option>\r\n        </ng-container>\r\n      </select>\r\n    </mat-form-field>\r\n    <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">&nbsp;/&nbsp;</span>\r\n  </ng-container>\r\n  <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount && PagerCount != -1\">{{PagerCount | number : '0.0-0' : locale}}</span>\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { NgModule, ModuleWithProviders } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { MatSelectModule } from \"@angular/material/select\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\n\r\nimport { LocalizationModule } from '@esfaenza/localizations';\r\nimport { MessageService } from '@esfaenza/extensions';\r\n\r\nimport { ESP_LOCALE, ESP_DEBUG } from './tokens';\r\nimport { EsPagerModuleConfig } from './domain/configuration/EsPagerModuleConfig';\r\n\r\nimport { TablePagerComponent } from './components/pager/table_pager.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule, \r\n    RouterModule, \r\n    LocalizationModule,\r\n    MatSelectModule,\r\n    MatInputModule,\r\n  ],\r\n  declarations: [TablePagerComponent],\r\n  providers: [MessageService],\r\n  exports: [TablePagerComponent]\r\n})\r\nexport class EsPagerModule {\r\n  static forRoot(config?: EsPagerModuleConfig): ModuleWithProviders<EsPagerModule> {\r\n    return {\r\n      ngModule: EsPagerModule,\r\n      providers: [\r\n        { provide: ESP_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: ESP_DEBUG, useValue: config?.debugMode || false }\r\n      ]\r\n    };\r\n  }\r\n}","/*\r\n * Public API Surface of es-pager\r\n */\r\n\r\nexport * from './lib/domain/configuration/EsPagerModuleConfig'\r\nexport * from './lib/components/pager/table_pager.component'\r\nexport * from './lib/es-pager.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/components/pager/table_pager.component.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, SimpleChanges } from "@angular/core";
 import { LocalizationService } from "@esfaenza/localizations";
 import { MessageService } from "@esfaenza/extensions";
+import * as i0 from "@angular/core";
 /** Componente che si occupa della paginazione di una tabella */
 export declare class TablePagerComponent {
     private msgExts;
@@ -52,4 +53,6 @@ export declare class TablePagerComponent {
      * @param {number} pageSize Dimensione selezionata lato UI
      */
     choice(pageSize: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TablePagerComponent, [null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TablePagerComponent, "app-paging", never, { "CurrentPageSize": "CurrentPageSize"; "View": "View"; "WarnOnAll": "WarnOnAll"; "AllSearch": "AllSearch"; "DefaultAll": "DefaultAll"; "GroupMode": "GroupMode"; "GroupCount": "GroupCount"; "CountLabel": "CountLabel"; "ShowCount": "ShowCount"; "ShowPaging": "ShowPaging"; "PagerCount": "PagerCount"; "Hidden": "Hidden"; }, { "pagingSelected": "pagingSelected"; }, never, never>;
 }

package/lib/components/pager/table_pager.component.loc.d.ts

@@ -1,6 +1,9 @@
 import { LocalizationService } from "@esfaenza/localizations";
+import * as i0 from "@angular/core";
 /** Classe di localizzazione per il componente **TablePagerComponent** */
 export declare class TablePagerLoc extends LocalizationService {
     /** @ignore */
     constructor(LOC_LOCALE: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TablePagerLoc, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TablePagerLoc>;
 }

package/lib/es-pager.module.d.ts

@@ -1,5 +1,16 @@
 import { ModuleWithProviders } from '@angular/core';
 import { EsPagerModuleConfig } from './domain/configuration/EsPagerModuleConfig';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/pager/table_pager.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/router";
+import * as i5 from "@esfaenza/localizations";
+import * as i6 from "@angular/material/select";
+import * as i7 from "@angular/material/input";
 export declare class EsPagerModule {
     static forRoot(config?: EsPagerModuleConfig): ModuleWithProviders<EsPagerModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EsPagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EsPagerModule, [typeof i1.TablePagerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.RouterModule, typeof i5.LocalizationModule, typeof i6.MatSelectModule, typeof i7.MatInputModule], [typeof i1.TablePagerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EsPagerModule>;
 }

package/package.json

@@ -1,20 +1,32 @@
 {
   "name": "@esfaenza/es-pager",
-  "version": "12.2.2",
+  "version": "13.1.3",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "~12.2.15",
-    "@angular/core": "~12.2.15",
-    "@esfaenza/localizations": "^12.2.11"
+    "@angular/common": "~13.1.1",
+    "@angular/core": "~13.1.1",
+    "@esfaenza/localizations": "^13.1.3"
   },
-  "main": "bundles/esfaenza-es-pager.umd.js",
-  "module": "fesm2015/esfaenza-es-pager.js",
-  "es2015": "fesm2015/esfaenza-es-pager.js",
-  "esm2015": "esm2015/esfaenza-es-pager.js",
-  "fesm2015": "fesm2015/esfaenza-es-pager.js",
+  "module": "fesm2015/esfaenza-es-pager.mjs",
+  "es2020": "fesm2020/esfaenza-es-pager.mjs",
+  "esm2020": "esm2020/esfaenza-es-pager.mjs",
+  "fesm2020": "fesm2020/esfaenza-es-pager.mjs",
+  "fesm2015": "fesm2015/esfaenza-es-pager.mjs",
   "typings": "esfaenza-es-pager.d.ts",
-  "metadata": "esfaenza-es-pager.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./esfaenza-es-pager.d.ts",
+      "esm2020": "./esm2020/esfaenza-es-pager.mjs",
+      "es2020": "./fesm2020/esfaenza-es-pager.mjs",
+      "es2015": "./fesm2015/esfaenza-es-pager.mjs",
+      "node": "./fesm2015/esfaenza-es-pager.mjs",
+      "default": "./fesm2020/esfaenza-es-pager.mjs"
+    }
+  },
   "sideEffects": false
 }