vlist 0.1.3 → 1.5.5

package/vlist.umd.js

@@ -1,197 +0,0 @@
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/Observable'), require('rxjs/add/observable/of'), require('rxjs/add/observable/fromEvent'), require('rxjs/add/operator/debounceTime'), require('rxjs/add/operator/map'), require('rxjs/add/operator/retryWhen'), require('rxjs/add/operator/delay')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', 'rxjs/Observable', 'rxjs/add/observable/of', 'rxjs/add/observable/fromEvent', 'rxjs/add/operator/debounceTime', 'rxjs/add/operator/map', 'rxjs/add/operator/retryWhen', 'rxjs/add/operator/delay'], factory) :
-	(factory((global.vlist = global.vlist || {}),global._angular_core,global._angular_common,global.rxjs_Observable));
-}(this, (function (exports,_angular_core,_angular_common,rxjs_Observable) { 'use strict';
-
-var VirtualScrollComponent = (function () {
-    /**
-     * @param {?} element
-     */
-    function VirtualScrollComponent(element) {
-        this.element = element;
-        this.items = [];
-        this.update = new _angular_core.EventEmitter();
-        this.itemHeight = 0;
-        this.viewportPosition = 0;
-        this.latestStartChunk = 0;
-        this.latestEndChunk = 0;
-        this.latestScrollTop = 0;
-        this.ticking = false;
-    }
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        rxjs_Observable.Observable.fromEvent(window, 'resize').debounceTime(50).subscribe(function () { return _this.updateChunk(); });
-        rxjs_Observable.Observable.of(this.viewportElementRef.nativeElement.getElementsByClassName('item')).map(function (items) {
-            if (items.length == 0) {
-                throw 'ex';
-            }
-            return items[0];
-        }).retryWhen(function (errors) { return errors.delay(100); }).subscribe(function (item) {
-            _this.itemHeight = item.getBoundingClientRect().height;
-            _this.updateChunk();
-        });
-    };
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.items.currentValue.length > 0) {
-            if (this.itemHeight == 0) {
-                /** Render one item to get the item height. **/
-                this.update.emit(this.items.slice(0, 1));
-            }
-        }
-        /** Clear and update chunk. **/
-        if (this.itemHeight > 0) {
-            this.latestStartChunk = 0;
-            this.latestEndChunk = 0;
-            this.updateChunk();
-        }
-    };
-    /**
-     * @param {?} e
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.onScroll = function (e) {
-        var _this = this;
-        this.latestScrollTop = this.getCurrentScrollTop();
-        if (!this.ticking) {
-            requestAnimationFrame(function () {
-                _this.ticking = false;
-                _this.updateChunk();
-                _this.updateViewPort();
-            });
-        }
-        this.ticking = true;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.updateChunk = function () {
-        if (this.latestStartChunk != this.startChunk() || this.latestEndChunk != this.endChunk()) {
-            this.latestStartChunk = this.startChunk();
-            this.latestEndChunk = this.endChunk();
-            this.update.emit(this.items.slice(this.latestStartChunk, this.latestEndChunk));
-        }
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.updateViewPort = function () {
-        if (this.isBottom()) {
-            this.viewportPosition = this.latestScrollTop - this.itemHeight;
-        }
-        else {
-            this.viewportPosition = this.latestScrollTop;
-        }
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.isBottom = function () {
-        return this.getCurrentScrollHeight() - this.getCurrentScrollTop() === this.getCurrentHeight();
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.startChunk = function () {
-        return Math.floor(this.getCurrentScrollTop() / this.itemHeight);
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.endChunk = function () {
-        return this.startChunk() + this.totalPossibleItems();
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.getHeight = function () {
-        return this.items.length * this.itemHeight;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.getCurrentHeight = function () {
-        return this.element.nativeElement.clientHeight;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.getCurrentWidth = function () {
-        return this.element.nativeElement.clientWidth;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.getCurrentScrollHeight = function () {
-        return this.element.nativeElement.scrollHeight;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.getCurrentScrollTop = function () {
-        return this.element.nativeElement.scrollTop;
-    };
-    /**
-     * @return {?}
-     */
-    VirtualScrollComponent.prototype.totalPossibleItems = function () {
-        return Math.round(this.getCurrentHeight() / this.itemHeight) + 1;
-    };
-    return VirtualScrollComponent;
-}());
-VirtualScrollComponent.decorators = [
-    { type: _angular_core.Component, args: [{
-                selector: 'virtual-scroll',
-                template: "<div id=\"scrollport\" [style.height.px]=\"getHeight()\"></div> <div id=\"viewport\" #viewport [style.margin-top.px]=\"-getHeight()\" [style.transform]=\"'translateY(' + viewportPosition + 'px)'\"> <ng-content></ng-content> </div> ",
-                styles: [":host { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; display: block; position: relative; } #scrollport { width: 1px; opacity: 0; } #viewport { position: absolute; width: 100%; } "]
-            },] },
-];
-/**
- * @nocollapse
- */
-VirtualScrollComponent.ctorParameters = function () { return [
-    { type: _angular_core.ElementRef, },
-]; };
-VirtualScrollComponent.propDecorators = {
-    'items': [{ type: _angular_core.Input },],
-    'update': [{ type: _angular_core.Output },],
-    'viewportElementRef': [{ type: _angular_core.ViewChild, args: ['viewport', { read: _angular_core.ElementRef },] },],
-    'onScroll': [{ type: _angular_core.HostListener, args: ['scroll',] },],
-};
-
-var VListModule = (function () {
-    function VListModule() {
-    }
-    return VListModule;
-}());
-VListModule.decorators = [
-    { type: _angular_core.NgModule, args: [{
-                imports: [
-                    _angular_common.CommonModule
-                ],
-                declarations: [
-                    VirtualScrollComponent
-                ],
-                exports: [
-                    VirtualScrollComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
-VListModule.ctorParameters = function () { return []; };
-
-exports.VListModule = VListModule;
-exports.VirtualScrollComponent = VirtualScrollComponent;
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-})));