import { r as registerInstance, c as createEvent, h } from './core-f530a7ef.js';
var DatatablePagination = /** @class */ (function () {
    function class_1(hostRef) {
        registerInstance(this, hostRef);
        this.size = 0;
        this.total = 0;
        this.currentPage = 0;
        this.first = 0;
        this.last = 0;
        this.nextPage = createEvent(this, "nextPage", 7);
        this.previousPage = createEvent(this, "previousPage", 7);
    }
    class_1.prototype.handleNextClick = function () {
        this.nextPage.emit();
    };
    class_1.prototype.handlePreviousClick = function () {
        this.previousPage.emit();
    };
    class_1.prototype.render = function () {
        var _this = this;
        return (h("div", { class: "container" }, h("materials-layout-grid", { class: "pagination" }, h("materials-layout-cell", { class: "navigate" }, h("materials-icon-button", { icon: "navigate_before", onClick: function () { return _this.handlePreviousClick(); } })), h("materials-layout-cell", { class: "pages" }, h("span", null, " ", this.first, " - ", this.last, " sur ", this.total)), h("materials-layout-cell", { class: "navigate" }, h("materials-icon-button", { icon: "navigate_next", onClick: function () { return _this.handleNextClick(); } })))));
    };
    Object.defineProperty(class_1, "style", {
        get: function () { 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}"; },
        enumerable: true,
        configurable: true
    });
    return class_1;
}());
export { DatatablePagination as materials_datatable_pagination };
