UNPKG

primeng

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng) [![Build Status](https://travis-ci.org/primefaces/primeng.

97 lines (92 loc) 4.08 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) : typeof define === 'function' && define.amd ? define('primeng/defer', ['exports', '@angular/core', '@angular/common'], factory) : (global = global || self, factory((global.primeng = global.primeng || {}, global.primeng.defer = {}), global.ng.core, global.ng.common)); }(this, (function (exports, core, common) { '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 DeferredLoader = /** @class */ (function () { function DeferredLoader(el, renderer, viewContainer) { this.el = el; this.renderer = renderer; this.viewContainer = viewContainer; this.onLoad = new core.EventEmitter(); } DeferredLoader.prototype.ngAfterViewInit = function () { var _this = this; if (this.shouldLoad()) { this.load(); } if (!this.isLoaded()) { this.documentScrollListener = this.renderer.listen('window', 'scroll', function () { if (_this.shouldLoad()) { _this.load(); _this.documentScrollListener(); _this.documentScrollListener = null; } }); } }; DeferredLoader.prototype.shouldLoad = function () { if (this.isLoaded()) { return false; } else { var rect = this.el.nativeElement.getBoundingClientRect(); var docElement = document.documentElement; var winHeight = docElement.clientHeight; return (winHeight >= rect.top); } }; DeferredLoader.prototype.load = function () { this.view = this.viewContainer.createEmbeddedView(this.template); this.onLoad.emit(); }; DeferredLoader.prototype.isLoaded = function () { return this.view != null; }; DeferredLoader.prototype.ngOnDestroy = function () { this.view = null; if (this.documentScrollListener) { this.documentScrollListener(); } }; DeferredLoader.ctorParameters = function () { return [ { type: core.ElementRef }, { type: core.Renderer2 }, { type: core.ViewContainerRef } ]; }; __decorate([ core.Output() ], DeferredLoader.prototype, "onLoad", void 0); __decorate([ core.ContentChild(core.TemplateRef) ], DeferredLoader.prototype, "template", void 0); DeferredLoader = __decorate([ core.Directive({ selector: '[pDefer]' }) ], DeferredLoader); return DeferredLoader; }()); var DeferModule = /** @class */ (function () { function DeferModule() { } DeferModule = __decorate([ core.NgModule({ imports: [common.CommonModule], exports: [DeferredLoader], declarations: [DeferredLoader] }) ], DeferModule); return DeferModule; }()); exports.DeferModule = DeferModule; exports.DeferredLoader = DeferredLoader; Object.defineProperty(exports, '__esModule', { value: true }); }))); //# sourceMappingURL=primeng-defer.umd.js.map