@tiposaurio/guido-lib/esm2015/lib/components/pagination/pagination.component.js

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/pagination/pagination.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, EventEmitter, Output } from '@angular/core';
export class PaginationComponent {
    constructor() {
        this.perpages = [
            { id: 15, active: true },
            { id: 30, active: false },
            { id: 50, active: false },
            { id: 100, active: false },
        ];
        this.eventPaginate = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        this.ver_por_pagina = 15;
        this.current_page = 1;
    }
    /**
     * @param {?} event
     * @return {?}
     */
    changeValuePage(event) {
        this.ver_por_pagina = event.value;
        this.eventPaginate.emit({
            page: this.current_page,
            ver_por_pagina: this.ver_por_pagina,
        });
    }
    /**
     * @param {?} $event
     * @return {?}
     */
    loadPage($event) {
        this.current_page = $event;
        this.eventPaginate.emit({
            page: $event,
            ver_por_pagina: this.ver_por_pagina,
        });
    }
}
PaginationComponent.decorators = [
    { type: Component, args: [{
                selector: 'gui-pagination',
                template: "<div class=\"row\">\r\n    <div class=\"col-lg-1 col-md-1 col-sm-1 text-left\">\r\n        <select class=\"form-control form-control-sm\" id=\"per_page\" (change)=\"changeValuePage($event.target)\">\r\n            <option *ngFor=\"let p of perpages\" [value]=\"p.id\" [selected]=\"p.active\">{{ p.id }}</option>\r\n        </select>\r\n    </div>\r\n    <label class=\"col-md-2 col-form-label required\"> de &nbsp;<strong>{{pagination.total_lista}}</strong></label>\r\n    <div class=\"col-lg-8 col-md-8 col-sm-8 text-right\">\r\n      <ngb-pagination [collectionSize]=\"pagination.total_lista\" [(page)]=\"pagination.pagina_actual\"\r\n                      size=\"sm\" [rotate]=\"true\" class=\"d-flex justify-content-end\"\r\n                      [pageSize]=\"pagination.ver_por_pagina\" [maxSize]=\"5\" (pageChange)=\"loadPage($event)\">\r\n      </ngb-pagination>\r\n    </div>\r\n</div>\r\n\r\n  <!--\r\n<div class=\"row\">\r\n    <div class=\"col-md-2\">\r\n        <ngb-pagination class=\"d-flex justify-content-end\" (pageChange)=\"onPageChange($event)\" [boundaryLinks]=\"true\" [disabled]=\"isDisabled\"\r\n            size=\"sm\" [pageSize]=\"dataPagination.size_page\" [maxSize]=\"5\" [collectionSize]=\"pagination.total\" [(page)]=\"dataPagination.page\"></ngb-pagination>\r\n    </div>\r\n</div>\r\n  -->"
            }] }
];
/** @nocollapse */
PaginationComponent.ctorParameters = () => [];
PaginationComponent.propDecorators = {
    pagination: [{ type: Input }],
    isDisabled: [{ type: Input }],
    eventPaginate: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    PaginationComponent.prototype.perpages;
    /** @type {?} */
    PaginationComponent.prototype.ver_por_pagina;
    /** @type {?} */
    PaginationComponent.prototype.current_page;
    /** @type {?} */
    PaginationComponent.prototype.pagination;
    /**
     * **** ****************
     * @type {?}
     */
    PaginationComponent.prototype.isDisabled;
    /** @type {?} */
    PaginationComponent.prototype.eventPaginate;
}
/**
 * @record
 */
export function PaginationChangeEvent() { }
if (false) {
    /** @type {?} */
    PaginationChangeEvent.prototype.total_lista;
    /** @type {?} */
    PaginationChangeEvent.prototype.ultima_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_actual;
    /** @type {?} */
    PaginationChangeEvent.prototype.ver_por_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.total_por_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_anterior;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_siguiente;
    /** @type {?} */
    PaginationChangeEvent.prototype.preventDefault;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGlwb3NhdXJpby9ndWlkby1saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBYTlCO1FBWkEsYUFBUSxHQUFHO1lBQ1QsRUFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUM7WUFDdEIsRUFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUM7WUFDdkIsRUFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUM7WUFDdkIsRUFBQyxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7U0FDMUIsQ0FBQztRQU1RLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOzs7O0lBQ2xCLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztJQUN4QixDQUFDOzs7OztJQUNELGVBQWUsQ0FBQyxLQUFLO1FBQ25CLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJLEVBQUUsSUFBSSxDQUFDLFlBQVk7WUFDdkIsY0FBYyxFQUFFLElBQUksQ0FBQyxjQUFjO1NBQ3RDLENBQUMsQ0FBQztJQUNMLENBQUM7Ozs7O0lBRU0sUUFBUSxDQUFDLE1BQU07UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7WUFDcEIsSUFBSSxFQUFFLE1BQU07WUFDWixjQUFjLEVBQUUsSUFBSSxDQUFDLGNBQWM7U0FDdEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7O1lBckNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixvekNBQTBDO2FBRTNDOzs7Ozt5QkFVRSxLQUFLO3lCQUVMLEtBQUs7NEJBQ0wsTUFBTTs7OztJQVhQLHVDQUtFOztJQUNGLDZDQUF1Qjs7SUFDdkIsMkNBQXFCOztJQUNyQix5Q0FBMkM7Ozs7O0lBRTNDLHlDQUE2Qjs7SUFDN0IsNENBQTZDOzs7OztBQXdCL0MsMkNBVUM7OztJQVRHLDRDQUFvQjs7SUFDcEIsOENBQXNCOztJQUN0Qiw4Q0FBc0I7O0lBQ3RCLCtDQUF1Qjs7SUFDdkIsaURBQXlCOztJQUN6QixnREFBd0I7O0lBQ3hCLGlEQUF5Qjs7SUFDekIsK0NBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdndWktcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIC8vIHN0eWxlVXJsczogWydwYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBwZXJwYWdlcyA9IFtcclxuICAgIHtpZDogMTUsIGFjdGl2ZTogdHJ1ZX0sXHJcbiAgICB7aWQ6IDMwLCBhY3RpdmU6IGZhbHNlfSxcclxuICAgIHtpZDogNTAsIGFjdGl2ZTogZmFsc2V9LFxyXG4gICAge2lkOiAxMDAsIGFjdGl2ZTogZmFsc2UgfSxcclxuICBdO1xyXG4gIHZlcl9wb3JfcGFnaW5hOiBudW1iZXI7XHJcbiAgY3VycmVudF9wYWdlOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcGFnaW5hdGlvbjogUGFnaW5hdGlvbkNoYW5nZUV2ZW50O1xyXG4gIC8qKioqKioqICoqKioqKioqKioqKioqKioqL1xyXG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGV2ZW50UGFnaW5hdGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgY29uc3RydWN0b3IoICkgeyB9XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnZlcl9wb3JfcGFnaW5hID0gMTU7XHJcbiAgICB0aGlzLmN1cnJlbnRfcGFnZSA9IDE7XHJcbiAgfVxyXG4gIGNoYW5nZVZhbHVlUGFnZShldmVudCkge1xyXG4gICAgdGhpcy52ZXJfcG9yX3BhZ2luYSA9IGV2ZW50LnZhbHVlO1xyXG4gICAgdGhpcy5ldmVudFBhZ2luYXRlLmVtaXQoe1xyXG4gICAgICAgIHBhZ2U6IHRoaXMuY3VycmVudF9wYWdlLFxyXG4gICAgICAgIHZlcl9wb3JfcGFnaW5hOiB0aGlzLnZlcl9wb3JfcGFnaW5hLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbG9hZFBhZ2UoJGV2ZW50KSB7XHJcbiAgICB0aGlzLmN1cnJlbnRfcGFnZSA9ICRldmVudDtcclxuICAgIHRoaXMuZXZlbnRQYWdpbmF0ZS5lbWl0KHtcclxuICAgICAgICBwYWdlOiAkZXZlbnQsXHJcbiAgICAgICAgdmVyX3Bvcl9wYWdpbmE6IHRoaXMudmVyX3Bvcl9wYWdpbmEsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25DaGFuZ2VFdmVudCB7XHJcbiAgICB0b3RhbF9saXN0YTogc3RyaW5nO1xyXG4gICAgdWx0aW1hX3BhZ2luYTogc3RyaW5nO1xyXG4gICAgcGFnaW5hX2FjdHVhbDogc3RyaW5nO1xyXG4gICAgdmVyX3Bvcl9wYWdpbmE6IHN0cmluZztcclxuICAgIHRvdGFsX3Bvcl9wYWdpbmE6IHN0cmluZztcclxuICAgIHBhZ2luYV9hbnRlcmlvcjogc3RyaW5nO1xyXG4gICAgcGFnaW5hX3NpZ3VpZW50ZTogc3RyaW5nO1xyXG4gICAgcHJldmVudERlZmF1bHQ6ICgpID0+IHZvaWQ7XHJcblxyXG59XHJcbiJdfQ==