'use strict';

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

const core = require('./core-c57a47e8.js');

const DatatablePagination = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.size = 0;
        this.total = 0;
        this.currentPage = 0;
        this.first = 0;
        this.last = 0;
        this.nextPage = core.createEvent(this, "nextPage", 7);
        this.previousPage = core.createEvent(this, "previousPage", 7);
    }
    handleNextClick() {
        this.nextPage.emit();
    }
    handlePreviousClick() {
        this.previousPage.emit();
    }
    render() {
        return (core.h("div", { class: "container" }, core.h("materials-layout-grid", { class: "pagination" }, core.h("materials-layout-cell", { class: "navigate" }, core.h("materials-icon-button", { icon: "navigate_before", onClick: () => this.handlePreviousClick() })), core.h("materials-layout-cell", { class: "pages" }, core.h("span", null, " ", this.first, " - ", this.last, " sur ", this.total)), core.h("materials-layout-cell", { class: "navigate" }, core.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;
