nsrtm-gestionarchivo-npm-prueba2/esm2020/app/shared/table-footer-pagination/table-footer-pagination.component.mjs

Proyecto de Libreria Frontend para la Gestión de Archivos

import { Component, Output, Input, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ng-bootstrap/ng-bootstrap";
import * as i2 from "@angular/common";
import * as i3 from "@angular/forms";
export const initialPagination = {
    page: 1,
    pageSize: 10,
};
export class TableFooterPaginationComponent {
    constructor() {
        this.totalItems = 0;
        this.pageSize = initialPagination.pageSize;
        this.page = initialPagination.page;
        this.totalItemsPerPage = 0;
        this.changePaginate = new EventEmitter();
        this.localPage = this.page;
        this.localPageSize = this.pageSize;
        this.pageSizes = [10, 25, 100];
        this.to = 1;
        this.from = this.pageSize;
        // not implements
    }
    ngOnChanges(changes) {
        this.calPaginationPerPage(this.localPage, this.localPageSize);
    }
    onChangePageSize(pageSize) {
        this.localPageSize = pageSize;
        this.calPaginationPerPage(this.localPage, pageSize);
        this.changePaginate.emit({ page: this.localPage, pageSize });
    }
    onChangePaginate(page) {
        this.localPage = page;
        this.calPaginationPerPage(this.localPage, this.localPageSize);
        this.changePaginate.emit({ page, pageSize: this.localPageSize });
    }
    calPaginationPerPage(page, pageSize) {
        this.to = pageSize * page - pageSize + 1;
        this.from = pageSize * page - (pageSize - this.totalItemsPerPage);
    }
}
TableFooterPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableFooterPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TableFooterPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableFooterPaginationComponent, selector: "table-footer-pagination", inputs: { totalItems: "totalItems", pageSize: "pageSize", page: "page", totalItemsPerPage: "totalItemsPerPage" }, outputs: { changePaginate: "changePaginate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-footer border-top px-2\" [ngClass]=\"{ 'd-none': !totalItems }\">\r\n\t<div class=\"d-flex align-items-center\">\r\n\t\t<span class=\"label-regular me-2\">Filas</span>\r\n\t\t<select\r\n\t\t\tclass=\"form-control form-select\"\r\n\t\t\t[(ngModel)]=\"localPageSize\"\r\n\t\t\t(ngModelChange)=\"onChangePageSize($event)\"\r\n\t\t>\r\n\t\t\t<option *ngFor=\"let size of pageSizes\" [ngValue]=\"size\">\r\n\t\t\t\t{{ size }}\r\n\t\t\t</option>\r\n\t\t</select>\r\n\t</div>\r\n\t<div class=\"content-pagination\">\r\n\t\t<span class=\"label-regular\"\r\n\t\t\t>{{ to }} a {{ from }} de {{ totalItems }} registros</span\r\n\t\t>\r\n\t\t<ngb-pagination\r\n\t\t\t[maxSize]=\"3\"\r\n\t\t\t[rotate]=\"true\"\r\n\t\t\t[ellipses]=\"false\"\r\n\t\t\t[collectionSize]=\"totalItems\"\r\n\t\t\t[page]=\"localPage\"\r\n\t\t\t[pageSize]=\"localPageSize\"\r\n\t\t\t(pageChange)=\"onChangePaginate($event)\"\r\n\t\t>\r\n\t\t\t<ng-template ngbPaginationPrevious>\r\n\t\t\t\t<span class=\"feather icon-chevron-left\"></span>\r\n\t\t\t</ng-template>\r\n\t\t\t<ng-template ngbPaginationNext>\r\n\t\t\t\t<span class=\"feather icon-chevron-right\"></span>\r\n\t\t\t</ng-template>\r\n\t\t</ngb-pagination>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: i1.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }, { kind: "directive", type: i1.NgbPaginationNext, selector: "ng-template[ngbPaginationNext]" }, { kind: "directive", type: i1.NgbPaginationPrevious, selector: "ng-template[ngbPaginationPrevious]" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableFooterPaginationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'table-footer-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"table-footer border-top px-2\" [ngClass]=\"{ 'd-none': !totalItems }\">\r\n\t<div class=\"d-flex align-items-center\">\r\n\t\t<span class=\"label-regular me-2\">Filas</span>\r\n\t\t<select\r\n\t\t\tclass=\"form-control form-select\"\r\n\t\t\t[(ngModel)]=\"localPageSize\"\r\n\t\t\t(ngModelChange)=\"onChangePageSize($event)\"\r\n\t\t>\r\n\t\t\t<option *ngFor=\"let size of pageSizes\" [ngValue]=\"size\">\r\n\t\t\t\t{{ size }}\r\n\t\t\t</option>\r\n\t\t</select>\r\n\t</div>\r\n\t<div class=\"content-pagination\">\r\n\t\t<span class=\"label-regular\"\r\n\t\t\t>{{ to }} a {{ from }} de {{ totalItems }} registros</span\r\n\t\t>\r\n\t\t<ngb-pagination\r\n\t\t\t[maxSize]=\"3\"\r\n\t\t\t[rotate]=\"true\"\r\n\t\t\t[ellipses]=\"false\"\r\n\t\t\t[collectionSize]=\"totalItems\"\r\n\t\t\t[page]=\"localPage\"\r\n\t\t\t[pageSize]=\"localPageSize\"\r\n\t\t\t(pageChange)=\"onChangePaginate($event)\"\r\n\t\t>\r\n\t\t\t<ng-template ngbPaginationPrevious>\r\n\t\t\t\t<span class=\"feather icon-chevron-left\"></span>\r\n\t\t\t</ng-template>\r\n\t\t\t<ng-template ngbPaginationNext>\r\n\t\t\t\t<span class=\"feather icon-chevron-right\"></span>\r\n\t\t\t</ng-template>\r\n\t\t</ngb-pagination>\r\n\t</div>\r\n</div>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
                type: Input
            }], pageSize: [{
                type: Input
            }], page: [{
                type: Input
            }], totalItemsPerPage: [{
                type: Input
            }], changePaginate: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtZm9vdGVyLXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vYXJjaGl2by9uc3J0bS1nZXN0aW9uYXJjaGl2by1ucG0vc3JjL2FwcC9zaGFyZWQvdGFibGUtZm9vdGVyLXBhZ2luYXRpb24vdGFibGUtZm9vdGVyLXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vYXJjaGl2by9uc3J0bS1nZXN0aW9uYXJjaGl2by1ucG0vc3JjL2FwcC9zaGFyZWQvdGFibGUtZm9vdGVyLXBhZ2luYXRpb24vdGFibGUtZm9vdGVyLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxFQUNMLFlBQVksRUFDWix1QkFBdUIsR0FFdkIsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3ZCLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFvQjtJQUNqRCxJQUFJLEVBQUUsQ0FBQztJQUNQLFFBQVEsRUFBRSxFQUFFO0NBQ1osQ0FBQztBQU9GLE1BQU0sT0FBTyw4QkFBOEI7SUFlMUM7UUFkUyxlQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsYUFBUSxHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQztRQUN0QyxTQUFJLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDO1FBQzlCLHNCQUFpQixHQUFHLENBQUMsQ0FBQztRQUVyQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBRS9ELGNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3RCLGtCQUFhLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUU5QixjQUFTLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLE9BQUUsR0FBRyxDQUFDLENBQUM7UUFDUCxTQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUdwQixpQkFBaUI7SUFDbEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNqQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWdCO1FBQ2hDLElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDO1FBQzlCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBWTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFTyxvQkFBb0IsQ0FBQyxJQUFZLEVBQUUsUUFBZ0I7UUFDMUQsSUFBSSxDQUFDLEVBQUUsR0FBRyxRQUFRLEdBQUcsSUFBSSxHQUFHLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLEdBQUcsSUFBSSxHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ25FLENBQUM7OzJIQXRDVyw4QkFBOEI7K0dBQTlCLDhCQUE4QixxUEN6QjNDLHlzQ0FtQ0E7MkZEVmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNDLHlCQUF5QixtQkFFbEIsdUJBQXVCLENBQUMsTUFBTTswRUFHdEMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBRUksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcblx0Q29tcG9uZW50LFxyXG5cdE9uQ2hhbmdlcyxcclxuXHRPdXRwdXQsXHJcblx0SW5wdXQsXHJcblx0RXZlbnRFbWl0dGVyLFxyXG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG5cdFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgdHlwZSBJQ2hhbmdlUGFnaW5hdGUgPSB7XHJcblx0cGFnZTogbnVtYmVyO1xyXG5cdHBhZ2VTaXplOiBudW1iZXI7XHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgaW5pdGlhbFBhZ2luYXRpb246IElDaGFuZ2VQYWdpbmF0ZSA9IHtcclxuXHRwYWdlOiAxLFxyXG5cdHBhZ2VTaXplOiAxMCxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAndGFibGUtZm9vdGVyLXBhZ2luYXRpb24nLFxyXG5cdHRlbXBsYXRlVXJsOiAndGFibGUtZm9vdGVyLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFibGVGb290ZXJQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHRASW5wdXQoKSB0b3RhbEl0ZW1zID0gMDtcclxuXHRASW5wdXQoKSBwYWdlU2l6ZSA9IGluaXRpYWxQYWdpbmF0aW9uLnBhZ2VTaXplO1xyXG5cdEBJbnB1dCgpIHBhZ2UgPSBpbml0aWFsUGFnaW5hdGlvbi5wYWdlO1xyXG5cdEBJbnB1dCgpIHRvdGFsSXRlbXNQZXJQYWdlID0gMDtcclxuXHJcblx0QE91dHB1dCgpIGNoYW5nZVBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxJQ2hhbmdlUGFnaW5hdGU+KCk7XHJcblxyXG5cdGxvY2FsUGFnZSA9IHRoaXMucGFnZTtcclxuXHRsb2NhbFBhZ2VTaXplID0gdGhpcy5wYWdlU2l6ZTtcclxuXHJcblx0cGFnZVNpemVzID0gWzEwLCAyNSwgMTAwXTtcclxuXHR0byA9IDE7XHJcblx0ZnJvbSA9IHRoaXMucGFnZVNpemU7XHJcblxyXG5cdGNvbnN0cnVjdG9yKCkge1xyXG5cdFx0Ly8gbm90IGltcGxlbWVudHNcclxuXHR9XHJcblxyXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuXHRcdHRoaXMuY2FsUGFnaW5hdGlvblBlclBhZ2UodGhpcy5sb2NhbFBhZ2UsIHRoaXMubG9jYWxQYWdlU2l6ZSk7XHJcblx0fVxyXG5cclxuXHRvbkNoYW5nZVBhZ2VTaXplKHBhZ2VTaXplOiBudW1iZXIpIHtcclxuXHRcdHRoaXMubG9jYWxQYWdlU2l6ZSA9IHBhZ2VTaXplO1xyXG5cdFx0dGhpcy5jYWxQYWdpbmF0aW9uUGVyUGFnZSh0aGlzLmxvY2FsUGFnZSwgcGFnZVNpemUpO1xyXG5cdFx0dGhpcy5jaGFuZ2VQYWdpbmF0ZS5lbWl0KHsgcGFnZTogdGhpcy5sb2NhbFBhZ2UsIHBhZ2VTaXplIH0pO1xyXG5cdH1cclxuXHJcblx0b25DaGFuZ2VQYWdpbmF0ZShwYWdlOiBudW1iZXIpIHtcclxuXHRcdHRoaXMubG9jYWxQYWdlID0gcGFnZTtcclxuXHRcdHRoaXMuY2FsUGFnaW5hdGlvblBlclBhZ2UodGhpcy5sb2NhbFBhZ2UsIHRoaXMubG9jYWxQYWdlU2l6ZSk7XHJcblx0XHR0aGlzLmNoYW5nZVBhZ2luYXRlLmVtaXQoeyBwYWdlLCBwYWdlU2l6ZTogdGhpcy5sb2NhbFBhZ2VTaXplIH0pO1xyXG5cdH1cclxuXHJcblx0cHJpdmF0ZSBjYWxQYWdpbmF0aW9uUGVyUGFnZShwYWdlOiBudW1iZXIsIHBhZ2VTaXplOiBudW1iZXIpIHtcclxuXHRcdHRoaXMudG8gPSBwYWdlU2l6ZSAqIHBhZ2UgLSBwYWdlU2l6ZSArIDE7XHJcblx0XHR0aGlzLmZyb20gPSBwYWdlU2l6ZSAqIHBhZ2UgLSAocGFnZVNpemUgLSB0aGlzLnRvdGFsSXRlbXNQZXJQYWdlKTtcclxuXHR9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRhYmxlLWZvb3RlciBib3JkZXItdG9wIHB4LTJcIiBbbmdDbGFzc109XCJ7ICdkLW5vbmUnOiAhdG90YWxJdGVtcyB9XCI+XHJcblx0PGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuXHRcdDxzcGFuIGNsYXNzPVwibGFiZWwtcmVndWxhciBtZS0yXCI+RmlsYXM8L3NwYW4+XHJcblx0XHQ8c2VsZWN0XHJcblx0XHRcdGNsYXNzPVwiZm9ybS1jb250cm9sIGZvcm0tc2VsZWN0XCJcclxuXHRcdFx0WyhuZ01vZGVsKV09XCJsb2NhbFBhZ2VTaXplXCJcclxuXHRcdFx0KG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2VQYWdlU2l6ZSgkZXZlbnQpXCJcclxuXHRcdD5cclxuXHRcdFx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgc2l6ZSBvZiBwYWdlU2l6ZXNcIiBbbmdWYWx1ZV09XCJzaXplXCI+XHJcblx0XHRcdFx0e3sgc2l6ZSB9fVxyXG5cdFx0XHQ8L29wdGlvbj5cclxuXHRcdDwvc2VsZWN0PlxyXG5cdDwvZGl2PlxyXG5cdDxkaXYgY2xhc3M9XCJjb250ZW50LXBhZ2luYXRpb25cIj5cclxuXHRcdDxzcGFuIGNsYXNzPVwibGFiZWwtcmVndWxhclwiXHJcblx0XHRcdD57eyB0byB9fSBhIHt7IGZyb20gfX0gZGUge3sgdG90YWxJdGVtcyB9fSByZWdpc3Ryb3M8L3NwYW5cclxuXHRcdD5cclxuXHRcdDxuZ2ItcGFnaW5hdGlvblxyXG5cdFx0XHRbbWF4U2l6ZV09XCIzXCJcclxuXHRcdFx0W3JvdGF0ZV09XCJ0cnVlXCJcclxuXHRcdFx0W2VsbGlwc2VzXT1cImZhbHNlXCJcclxuXHRcdFx0W2NvbGxlY3Rpb25TaXplXT1cInRvdGFsSXRlbXNcIlxyXG5cdFx0XHRbcGFnZV09XCJsb2NhbFBhZ2VcIlxyXG5cdFx0XHRbcGFnZVNpemVdPVwibG9jYWxQYWdlU2l6ZVwiXHJcblx0XHRcdChwYWdlQ2hhbmdlKT1cIm9uQ2hhbmdlUGFnaW5hdGUoJGV2ZW50KVwiXHJcblx0XHQ+XHJcblx0XHRcdDxuZy10ZW1wbGF0ZSBuZ2JQYWdpbmF0aW9uUHJldmlvdXM+XHJcblx0XHRcdFx0PHNwYW4gY2xhc3M9XCJmZWF0aGVyIGljb24tY2hldnJvbi1sZWZ0XCI+PC9zcGFuPlxyXG5cdFx0XHQ8L25nLXRlbXBsYXRlPlxyXG5cdFx0XHQ8bmctdGVtcGxhdGUgbmdiUGFnaW5hdGlvbk5leHQ+XHJcblx0XHRcdFx0PHNwYW4gY2xhc3M9XCJmZWF0aGVyIGljb24tY2hldnJvbi1yaWdodFwiPjwvc3Bhbj5cclxuXHRcdFx0PC9uZy10ZW1wbGF0ZT5cclxuXHRcdDwvbmdiLXBhZ2luYXRpb24+XHJcblx0PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=