"use strict"; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; Object.defineProperty(exports, "__esModule", { value: true }); var core_1 = require("@angular/core"); var common_1 = require("@angular/common"); var shared_1 = require("../common/shared"); var DataScroller = /** @class */ (function () { function DataScroller(el, renderer, zone) { this.el = el; this.renderer = renderer; this.zone = zone; this.buffer = 0.9; this.trackBy = function (index, item) { return item; }; this.onLazyLoad = new core_1.EventEmitter(); this.dataToRender = []; this.first = 0; this.page = 0; } DataScroller.prototype.ngOnInit = function () { this.load(); }; DataScroller.prototype.ngAfterViewInit = function () { var _this = this; if (this.loader) { this.loaderClickListener = this.renderer.listen(this.loader, 'click', function () { _this.load(); }); } else { this.bindScrollListener(); } }; DataScroller.prototype.ngAfterContentInit = function () { var _this = this; this.templates.forEach(function (item) { switch (item.getType()) { case 'item': _this.itemTemplate = item.template; break; default: _this.itemTemplate = item.template; break; } }); }; DataScroller.prototype.load = function () { if (this.lazy) { this.onLazyLoad.emit({ first: this.page * this.rows, rows: this.rows }); } this.page = this.page + 1; }; DataScroller.prototype.shouldLoad = function () { if (this.lazy) return (this.rows * this.page < this.totalRecords); else return this.value && this.value.length && (this.rows * this.page < this.value.length); }; DataScroller.prototype.reset = function () { this.page = 0; }; DataScroller.prototype.isEmpty = function () { return !this.value || (this.value.length == 0); }; DataScroller.prototype.bindScrollListener = function () { var _this = this; this.zone.runOutsideAngular(function () { if (_this.inline) { _this.inlineScrollListener = _this.onInlineScroll.bind(_this); _this.contentViewChild.nativeElement.addEventListener('scroll', _this.inlineScrollListener); } else { _this.windowScrollListener = _this.onWindowScroll.bind(_this); window.addEventListener('scroll', _this.windowScrollListener); } }); }; DataScroller.prototype.unbindScrollListener = function () { if (this.inlineScrollListener) { this.contentViewChild.nativeElement.removeEventListener('scroll', this.inlineScrollListener); } if (this.windowScrollListener) { window.removeEventListener('scroll', this.windowScrollListener); } if (this.loaderClickListener) { this.loaderClickListener(); this.loaderClickListener = null; } }; DataScroller.prototype.onInlineScroll = function () { var _this = this; var scrollTop = this.contentViewChild.nativeElement.scrollTop; var scrollHeight = this.contentViewChild.nativeElement.scrollHeight; var viewportHeight = this.contentViewChild.nativeElement.clientHeight; if ((scrollTop >= ((scrollHeight * this.buffer) - (viewportHeight)))) { if (this.shouldLoad()) { this.zone.run(function () { _this.load(); }); } } }; DataScroller.prototype.onWindowScroll = function () { var _this = this; var docBody = document.body; var docElement = document.documentElement; var scrollTop = (window.pageYOffset || document.documentElement.scrollTop); var winHeight = docElement.clientHeight; var docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight); if (scrollTop >= ((docHeight * this.buffer) - winHeight)) { if (this.shouldLoad()) { this.zone.run(function () { _this.load(); }); } } }; DataScroller.prototype.ngOnDestroy = function () { this.unbindScrollListener(); }; __decorate([ core_1.Input(), __metadata("design:type", Array) ], DataScroller.prototype, "value", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataScroller.prototype, "rows", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataScroller.prototype, "lazy", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataScroller.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], DataScroller.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataScroller.prototype, "buffer", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], DataScroller.prototype, "inline", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataScroller.prototype, "scrollHeight", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], DataScroller.prototype, "loader", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], DataScroller.prototype, "totalRecords", void 0); __decorate([ core_1.Input(), __metadata("design:type", Function) ], DataScroller.prototype, "trackBy", void 0); __decorate([ core_1.ContentChild(shared_1.Header), __metadata("design:type", Object) ], DataScroller.prototype, "header", void 0); __decorate([ core_1.ContentChild(shared_1.Footer), __metadata("design:type", Object) ], DataScroller.prototype, "footer", void 0); __decorate([ core_1.ContentChildren(shared_1.PrimeTemplate), __metadata("design:type", core_1.QueryList) ], DataScroller.prototype, "templates", void 0); __decorate([ core_1.ViewChild('content'), __metadata("design:type", core_1.ElementRef) ], DataScroller.prototype, "contentViewChild", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], DataScroller.prototype, "onLazyLoad", void 0); DataScroller = __decorate([ core_1.Component({ selector: 'p-dataScroller', template: "\n