import { Component, EventEmitter, Input, Output } from '@angular/core';
import { ASSETS } from '../../../../../lib/constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class PaginationComponent {
    constructor() {
        this.ASSETS = ASSETS;
        this.currPage = 1;
        this.from = 1;
        this.to = 30;
        this.total = 100;
        this.showPageDetail = true;
        this.totalPage = 15;
        this.pageInSingleView = 5;
        this.pageChanged = new EventEmitter();
        this.displayArray = [];
        this.enterPressed = false;
        this.isInvalidInput = false;
    }
    set setPage(page) {
        this.currPage = page;
        this.displayArrayUpdate(page);
    }
    set setTotalPage(page) {
        this.totalPage = page;
        this.displayArrayUpdate(page);
        this.startArray();
    }
    //Function responsible to generate the array to display the pagination at the beginning
    startArray() {
        this.displayArray = [];
        if (this.totalPage <= this.pageInSingleView) {
            for (let i = 1; i <= this.totalPage; ++i) {
                this.displayArray.push(i);
            }
        }
        else if (this.pageInSingleView < this.totalPage) {
            for (let i = 1; i <= this.pageInSingleView; ++i) {
                this.displayArray.push(i);
            }
        }
    }
    //Function responsible for update the current page while clicking prev or next button
    currentIndexUpdate(value) {
        this.currPage += value;
        if (this.currPage <= this.totalPage &&
            this.currPage >
                this.pageInSingleView - Math.floor(this.pageInSingleView / 2) &&
            this.totalPage > this.pageInSingleView) {
            this.displayArrayUpdate(this.currPage);
        }
        else if (this.currPage <= this.pageInSingleView) {
            this.displayArray = [];
            this.startArray();
        }
        this.pageChanged.emit(this.currPage);
        this.enterPageNo = null;
        this.enterPressed = false;
    }
    //Function responsible for updating the current page while clicking on any page number
    currentIndexAssign(value) {
        this.currPage = value;
        if (this.currPage <= this.totalPage &&
            this.currPage >
                this.pageInSingleView - Math.floor(this.pageInSingleView / 2) &&
            this.totalPage > this.pageInSingleView) {
            this.displayArrayUpdate(this.currPage);
        }
        else if (this.currPage <= this.pageInSingleView) {
            this.displayArray = [];
            this.startArray();
        }
        this.pageChanged.emit(this.currPage);
        this.enterPageNo = null;
        this.enterPressed = false;
    }
    //Number validation check
    validateNumber(e) {
        const pattern = /^-?(0|[1-9]\d*)?$/;
        return pattern.test(e);
    }
    //Function responsible for updating the current page while entering the page number
    onEnterPress(event) {
        if (event.key.toLowerCase() === 'enter') {
            this.enterPressed = true;
            if (this.enterPageNo <= this.totalPage &&
                this.enterPageNo > 0 &&
                this.enterPageNo &&
                this.validateNumber(this.enterPageNo)) {
                this.currPage = this.enterPageNo;
                if (this.currPage <= this.totalPage &&
                    this.currPage >
                        this.pageInSingleView - Math.floor(this.pageInSingleView / 2) &&
                    this.totalPage > this.pageInSingleView) {
                    this.displayArrayUpdate(this.currPage);
                }
                else if (this.currPage <= this.pageInSingleView) {
                    this.displayArray = [];
                    this.startArray();
                }
                this.pageChanged.emit(this.currPage);
            }
        }
    }
    //Function responsible for manipulating the displayArray
    displayArrayUpdate(index) {
        if (this.currPage >
            this.pageInSingleView - Math.floor(this.pageInSingleView / 2) &&
            this.currPage <= this.totalPage - Math.floor(this.pageInSingleView / 2) &&
            this.totalPage > this.pageInSingleView) {
            if (this.pageInSingleView % 2 != 0) {
                let appendElement = this.pageInSingleView / 2;
                appendElement = Math.floor(appendElement);
                let startIndex = this.currPage - appendElement;
                let endIndex = this.currPage + appendElement;
                this.displayArray = [];
                for (let i = startIndex; i <= endIndex; ++i) {
                    this.displayArray.push(i);
                }
            }
            else if (this.pageInSingleView % 2 === 0) {
                let appendElement = this.pageInSingleView / 2;
                let startIndex = this.currPage - appendElement;
                let endIndex = this.currPage + appendElement - 1;
                this.displayArray = [];
                for (let i = startIndex; i <= endIndex; ++i) {
                    this.displayArray.push(i);
                }
            }
        }
        else if (this.currPage >
            this.totalPage - Math.floor(this.pageInSingleView / 2)) {
            this.displayArray = [];
            for (let i = this.totalPage - this.pageInSingleView + 1; i <= this.totalPage; ++i) {
                this.displayArray.push(i);
            }
        }
        this.displayArray = this.displayArray.filter((ele) => ele > 0);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginationComponent, selector: "vui-pagination", inputs: { from: "from", to: "to", total: "total", showPageDetail: "showPageDetail", totalPage: "totalPage", setPage: ["currentPage", "setPage"], setTotalPage: ["totalPage", "setTotalPage"], pageInSingleView: "pageInSingleView" }, outputs: { pageChanged: "pageChanged" }, ngImport: i0, template: "<div\n  class=\"pagination-sec-ds vx-d-flex vx-align-center vx-pb-2\"\n  [class.right-align]=\"false\"\n>\n  <div class=\"left vx-label-txt vx-fs-12 vx-fw-400 vx-tt-uppercase vx-lh-6\">\n    <ng-container *ngIf=\"showPageDetail\"\n      >SHOWING {{ from }} - {{ to }} OF {{ total }} RECORDS</ng-container\n    >\n    <div class=\"pagination-box\" *ngIf=\"false\">\n      <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\n        <li class=\"vx-d-flex\">\n          <button\n            class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-fs-11 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\n            [class.active]=\"true\"\n          >\n            All\n          </button>\n        </li>\n        <li class=\"vx-d-flex\">\n          <button\n            class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-fs-11 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\n            [class.active]=\"false\"\n          >\n            A\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"right vx-d-flex vx-align-center\" *ngIf=\"totalPage > 1\">\n    <div class=\"pagination-box\">\n      <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\n        <li class=\"vx-d-flex vx-mr-1\">\n          <button\n            class=\"vx-m-0\"\n            [class.disabled]=\"currPage === 1\"\n            (click)=\"currentIndexUpdate(-1)\"\n          >\n            <i class=\"icons vx-fs-10\">&#xe96b;</i>\n          </button>\n        </li>\n\n        <li class=\"vx-d-flex\" *ngFor=\"let page of displayArray; let i = index\">\n          <button\n            (click)=\"currentIndexAssign(page)\"\n            class=\"vx-label-txt vx-fs-11 vx-fw-400 vx-pl-1 vx-pr-1 vx-d-inline-flex vx-align-center vx-justify-center vx-m-0 vx-ml-1\"\n            [class.active]=\"currPage == page\"\n          >\n            {{ page }}\n          </button>\n        </li>\n\n        <li class=\"vx-d-flex vx-ml-2\">\n          <button\n            class=\"vx-m-0\"\n            [class.disabled]=\"currPage === totalPage\"\n            (click)=\"currentIndexUpdate(1)\"\n          >\n            <i class=\"icons vx-fs-10\">&#xe970;</i>\n          </button>\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"goto-page vx-d-flex vx-align-center vx-ml-2\">\n      <div\n        class=\"goto-page-text vx-label-txt vx-fs-11 vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\"\n      >\n        GO TO\n      </div>\n      <div class=\"goto-page-input\">\n        <input\n          (ngModelChange)=\"enterPressed = false\"\n          [class.invalid]=\"enterPageNo > totalPage && enterPressed\"\n          type=\"number\"\n          [(ngModel)]=\"enterPageNo\"\n          (keyup)=\"onEnterPress($event)\"\n          placeholder=\"Page No.\"\n        />\n        <button>\n          <img [src]=\"ASSETS.enter_icon\" alt=\"\" />\n        </button>\n      </div>\n      <div\n        class=\"goto-page-text vx-label-txt vx-fs-11 vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\"\n      >\n        OF {{ totalPage }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";.pagination-sec-ds{border-radius:.125rem .125rem 0 0;justify-content:space-between}.pagination-sec-ds.right-align{justify-content:flex-end}.pagination-sec-ds .left{width:auto}.pagination-sec-ds .left .pagination-box ul li{list-style:none}.pagination-sec-ds .left .pagination-box ul li+li{margin-left:1rem}.pagination-sec-ds .left .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:.125rem;height:1.25rem;min-width:1.25rem;outline:none;cursor:pointer;line-height:1.125rem}.pagination-sec-ds .left .pagination-box ul li button.active,.pagination-sec-ds .left .pagination-box ul li button:hover{border-color:#1e5dd3;background:#1e5dd3;color:#fff}.pagination-sec-ds .left .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.pagination-sec-ds .left .pagination-box ul li button i{font-size:.5rem;width:.8125rem;height:.8125rem;line-height:.8125rem}.pagination-sec-ds .right{width:auto}.pagination-sec-ds .right .pagination-box ul li{list-style:none}.pagination-sec-ds .right .pagination-box ul li:first-child{height:1.5rem}.pagination-sec-ds .right .pagination-box ul li:first-child button{color:#4681ef;position:relative}.pagination-sec-ds .right .pagination-box ul li:first-child button.disabled{color:#bcbcbc!important}.pagination-sec-ds .right .pagination-box ul li:last-child{height:1.5rem}.pagination-sec-ds .right .pagination-box ul li:last-child button{color:#4681ef;position:relative}.pagination-sec-ds .right .pagination-box ul li:last-child button.disabled{color:#bcbcbc!important}.pagination-sec-ds .right .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:.125rem;height:1.5rem;min-width:1.5rem;outline:none;cursor:pointer;line-height:.75rem}.pagination-sec-ds .right .pagination-box ul li button.active,.pagination-sec-ds .right .pagination-box ul li button:hover{border-color:#1e5dd3;color:#4681ef}.pagination-sec-ds .right .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.pagination-sec-ds .right .pagination-box ul li button.disable{pointer-events:none}.pagination-sec-ds .right .goto-page{background:#fff;border:1px solid #BCBCBC;border-radius:.125rem;height:1.5625rem}.pagination-sec-ds .right .goto-page .goto-page-text{border-right:1px solid #BCBCBC;height:1.4375rem;line-height:1.4375rem}.pagination-sec-ds .right .goto-page .goto-page-text:last-of-type{border-right:none;border-left:1px solid #BCBCBC}.pagination-sec-ds .right .goto-page .goto-page-input{position:relative}.pagination-sec-ds .right .goto-page .goto-page-input input{-moz-appearance:textfield;background:transparent;border:none;color:#161b2f;font-size:.6875rem;text-transform:uppercase;padding:0 1.5625rem 0 .3125rem;width:5.9375rem;height:1.4375rem;position:relative;top:-.0625rem}.pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-inner-spin-button,.pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-outer-spin-button{-webkit-appearance:none}.pagination-sec-ds .right .goto-page .goto-page-input input:focus{outline:none}.pagination-sec-ds .right .goto-page .goto-page-input input.invalid{border:1px solid #d93b41;position:relative;top:-1px;height:1.5625rem}.pagination-sec-ds .right .goto-page .goto-page-input button{background:transparent;border:none;position:absolute;right:.1875rem;top:.25rem;cursor:pointer;padding:0;height:1.125rem;width:1.1875rem;line-height:1.375rem}.pagination-sec-ds .right .goto-page .goto-page-input button img{width:.75rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'vui-pagination', template: "<div\n  class=\"pagination-sec-ds vx-d-flex vx-align-center vx-pb-2\"\n  [class.right-align]=\"false\"\n>\n  <div class=\"left vx-label-txt vx-fs-12 vx-fw-400 vx-tt-uppercase vx-lh-6\">\n    <ng-container *ngIf=\"showPageDetail\"\n      >SHOWING {{ from }} - {{ to }} OF {{ total }} RECORDS</ng-container\n    >\n    <div class=\"pagination-box\" *ngIf=\"false\">\n      <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\n        <li class=\"vx-d-flex\">\n          <button\n            class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-fs-11 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\n            [class.active]=\"true\"\n          >\n            All\n          </button>\n        </li>\n        <li class=\"vx-d-flex\">\n          <button\n            class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-fs-11 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\n            [class.active]=\"false\"\n          >\n            A\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"right vx-d-flex vx-align-center\" *ngIf=\"totalPage > 1\">\n    <div class=\"pagination-box\">\n      <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\n        <li class=\"vx-d-flex vx-mr-1\">\n          <button\n            class=\"vx-m-0\"\n            [class.disabled]=\"currPage === 1\"\n            (click)=\"currentIndexUpdate(-1)\"\n          >\n            <i class=\"icons vx-fs-10\">&#xe96b;</i>\n          </button>\n        </li>\n\n        <li class=\"vx-d-flex\" *ngFor=\"let page of displayArray; let i = index\">\n          <button\n            (click)=\"currentIndexAssign(page)\"\n            class=\"vx-label-txt vx-fs-11 vx-fw-400 vx-pl-1 vx-pr-1 vx-d-inline-flex vx-align-center vx-justify-center vx-m-0 vx-ml-1\"\n            [class.active]=\"currPage == page\"\n          >\n            {{ page }}\n          </button>\n        </li>\n\n        <li class=\"vx-d-flex vx-ml-2\">\n          <button\n            class=\"vx-m-0\"\n            [class.disabled]=\"currPage === totalPage\"\n            (click)=\"currentIndexUpdate(1)\"\n          >\n            <i class=\"icons vx-fs-10\">&#xe970;</i>\n          </button>\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"goto-page vx-d-flex vx-align-center vx-ml-2\">\n      <div\n        class=\"goto-page-text vx-label-txt vx-fs-11 vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\"\n      >\n        GO TO\n      </div>\n      <div class=\"goto-page-input\">\n        <input\n          (ngModelChange)=\"enterPressed = false\"\n          [class.invalid]=\"enterPageNo > totalPage && enterPressed\"\n          type=\"number\"\n          [(ngModel)]=\"enterPageNo\"\n          (keyup)=\"onEnterPress($event)\"\n          placeholder=\"Page No.\"\n        />\n        <button>\n          <img [src]=\"ASSETS.enter_icon\" alt=\"\" />\n        </button>\n      </div>\n      <div\n        class=\"goto-page-text vx-label-txt vx-fs-11 vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\"\n      >\n        OF {{ totalPage }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";.pagination-sec-ds{border-radius:.125rem .125rem 0 0;justify-content:space-between}.pagination-sec-ds.right-align{justify-content:flex-end}.pagination-sec-ds .left{width:auto}.pagination-sec-ds .left .pagination-box ul li{list-style:none}.pagination-sec-ds .left .pagination-box ul li+li{margin-left:1rem}.pagination-sec-ds .left .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:.125rem;height:1.25rem;min-width:1.25rem;outline:none;cursor:pointer;line-height:1.125rem}.pagination-sec-ds .left .pagination-box ul li button.active,.pagination-sec-ds .left .pagination-box ul li button:hover{border-color:#1e5dd3;background:#1e5dd3;color:#fff}.pagination-sec-ds .left .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.pagination-sec-ds .left .pagination-box ul li button i{font-size:.5rem;width:.8125rem;height:.8125rem;line-height:.8125rem}.pagination-sec-ds .right{width:auto}.pagination-sec-ds .right .pagination-box ul li{list-style:none}.pagination-sec-ds .right .pagination-box ul li:first-child{height:1.5rem}.pagination-sec-ds .right .pagination-box ul li:first-child button{color:#4681ef;position:relative}.pagination-sec-ds .right .pagination-box ul li:first-child button.disabled{color:#bcbcbc!important}.pagination-sec-ds .right .pagination-box ul li:last-child{height:1.5rem}.pagination-sec-ds .right .pagination-box ul li:last-child button{color:#4681ef;position:relative}.pagination-sec-ds .right .pagination-box ul li:last-child button.disabled{color:#bcbcbc!important}.pagination-sec-ds .right .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:.125rem;height:1.5rem;min-width:1.5rem;outline:none;cursor:pointer;line-height:.75rem}.pagination-sec-ds .right .pagination-box ul li button.active,.pagination-sec-ds .right .pagination-box ul li button:hover{border-color:#1e5dd3;color:#4681ef}.pagination-sec-ds .right .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.pagination-sec-ds .right .pagination-box ul li button.disable{pointer-events:none}.pagination-sec-ds .right .goto-page{background:#fff;border:1px solid #BCBCBC;border-radius:.125rem;height:1.5625rem}.pagination-sec-ds .right .goto-page .goto-page-text{border-right:1px solid #BCBCBC;height:1.4375rem;line-height:1.4375rem}.pagination-sec-ds .right .goto-page .goto-page-text:last-of-type{border-right:none;border-left:1px solid #BCBCBC}.pagination-sec-ds .right .goto-page .goto-page-input{position:relative}.pagination-sec-ds .right .goto-page .goto-page-input input{-moz-appearance:textfield;background:transparent;border:none;color:#161b2f;font-size:.6875rem;text-transform:uppercase;padding:0 1.5625rem 0 .3125rem;width:5.9375rem;height:1.4375rem;position:relative;top:-.0625rem}.pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-inner-spin-button,.pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-outer-spin-button{-webkit-appearance:none}.pagination-sec-ds .right .goto-page .goto-page-input input:focus{outline:none}.pagination-sec-ds .right .goto-page .goto-page-input input.invalid{border:1px solid #d93b41;position:relative;top:-1px;height:1.5625rem}.pagination-sec-ds .right .goto-page .goto-page-input button{background:transparent;border:none;position:absolute;right:.1875rem;top:.25rem;cursor:pointer;padding:0;height:1.125rem;width:1.1875rem;line-height:1.375rem}.pagination-sec-ds .right .goto-page .goto-page-input button img{width:.75rem;height:.75rem}\n"] }]
        }], propDecorators: { from: [{
                type: Input
            }], to: [{
                type: Input
            }], total: [{
                type: Input
            }], showPageDetail: [{
                type: Input
            }], totalPage: [{
                type: Input
            }], setPage: [{
                type: Input,
                args: ['currentPage']
            }], setTotalPage: [{
                type: Input,
                args: ['totalPage']
            }], pageInSingleView: [{
                type: Input
            }], pageChanged: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 