'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const __chunk_1 = require('./chunk-78439bef.js');

class DatatablePagination {
    constructor(hostRef) {
        __chunk_1.registerInstance(this, hostRef);
        this.size = 0;
        this.total = 0;
        this.currentPage = 0;
        this.first = 0;
        this.last = 0;
        this.nextPage = __chunk_1.createEvent(this, "nextPage", 7);
        this.previousPage = __chunk_1.createEvent(this, "previousPage", 7);
    }
    handleNextClick() {
        this.nextPage.emit();
    }
    handlePreviousClick() {
        this.previousPage.emit();
    }
    render() {
        return (__chunk_1.h("div", { class: "container" }, __chunk_1.h("materials-layout-grid", { class: "pagination" }, __chunk_1.h("materials-layout-cell", { class: "navigate" }, __chunk_1.h("materials-icon-button", { icon: "navigate_before", onClick: () => this.handlePreviousClick() })), __chunk_1.h("materials-layout-cell", { class: "pages" }, __chunk_1.h("span", null, " ", this.first, " - ", this.last, " sur ", this.total)), __chunk_1.h("materials-layout-cell", { class: "navigate" }, __chunk_1.h("materials-icon-button", { icon: "navigate_next", onClick: () => this.handleNextClick() })))));
    }
    static get style() { return ".container{float:right}.container,.pagination{display:-ms-inline-flexbox;display:inline-flex}.pagination{color:var(--mdc-theme-on-surface);opacity:.8}.pagination>div{padding:0}.pages{padding-top:12px}.pages>span{display:block;width:150px}.navigate,.pages>span{text-align:center}"; }
}

exports.materials_datatable_pagination = DatatablePagination;
