UNPKG

ngx-imagesloaded

Version:

[![NPM Version](https://img.shields.io/npm/v/ngx-imagesloaded.svg?style=flat-square)](https://www.npmjs.com/package/ngx-imagesloaded) [![NPM Size + Gzip](https://img.shields.io/bundlephobia/minzip/ngx-imagesloaded.svg?style=flat-square)](https://www.npmjs

91 lines (90 loc) 8.04 kB
/** * @fileoverview added by tsickle * @suppress {checkTypes} checked by tsc */ import { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core'; import imagesLoaded from 'imagesloaded'; var NgxImagesloadedDirective = /** @class */ (function () { // function NgxImagesloadedDirective(el) { this.el = el; // this.always = new EventEmitter(); // this.done = new EventEmitter(); // this.fail = new EventEmitter(); // this.progress = new EventEmitter(); } // /** * @return {?} */ NgxImagesloadedDirective.prototype.ngOnInit = /** * @return {?} */ function () { var _this = this; this.instance = imagesLoaded(this.el.nativeElement, this.options, function (instance) { _this.always.emit(instance); }); this.instance.on('always', function (instance) { return _this.always.emit(instance); }); this.instance.on('done', function (instance) { return _this.always.emit(instance); }); this.instance.on('fail', function (instance) { return _this.always.emit(instance); }); this.instance.on('progress', function (instance, image) { return _this.always.emit({ instance: instance, image: image }); }); }; // /** * @return {?} */ NgxImagesloadedDirective.prototype.ngOnDestroy = /** * @return {?} */ function () { var _this = this; this.instance.off('always', function (instance) { return _this.always.emit(instance); }); this.instance.off('doffe', function (instance) { return _this.always.emit(instance); }); this.instance.off('fail', function (instance) { return _this.always.emit(instance); }); this.instance.off('progress', function (instance, image) { return _this.always.emit({ instance: instance, image: image }); }); }; NgxImagesloadedDirective.decorators = [ { type: Directive, args: [{ selector: '[imagesLoaded]' },] }, ]; /** @nocollapse */ NgxImagesloadedDirective.ctorParameters = function () { return [ { type: ElementRef } ]; }; NgxImagesloadedDirective.propDecorators = { always: [{ type: Output }], done: [{ type: Output }], fail: [{ type: Output }], progress: [{ type: Output }], options: [{ type: Input }] }; return NgxImagesloadedDirective; }()); export { NgxImagesloadedDirective }; function NgxImagesloadedDirective_tsickle_Closure_declarations() { /** @type {?} */ NgxImagesloadedDirective.prototype.always; /** @type {?} */ NgxImagesloadedDirective.prototype.done; /** @type {?} */ NgxImagesloadedDirective.prototype.fail; /** @type {?} */ NgxImagesloadedDirective.prototype.progress; /** @type {?} */ NgxImagesloadedDirective.prototype.options; /** @type {?} */ NgxImagesloadedDirective.prototype.instance; /** @type {?} */ NgxImagesloadedDirective.prototype.el; } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWltYWdlc2xvYWRlZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtaW1hZ2VzbG9hZGVkLyIsInNvdXJjZXMiOlsibGliL25neC1pbWFnZXNsb2FkZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxZQUFZLE1BQU0sY0FBYyxDQUFDOztJQWlDdEMsRUFBRTtJQUNGLGtDQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTs7c0JBekJHLElBQUksWUFBWSxFQUFFOztvQkFJcEIsSUFBSSxZQUFZLEVBQUU7O29CQUlsQixJQUFJLFlBQVksRUFBRTs7d0JBT2hELElBQUksWUFBWSxFQUFFO0tBVWU7SUFFdEMsRUFBRTs7OztJQUNGLDJDQUFROzs7SUFBUjtRQUFBLGlCQWVDO1FBZEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQzFCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUNyQixJQUFJLENBQUMsT0FBTyxFQUNaLFVBQUEsUUFBUTtZQUNOLEtBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzVCLENBQ0YsQ0FBQztRQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFBLFFBQVEsSUFBSSxPQUFBLEtBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUExQixDQUEwQixDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLFVBQUEsUUFBUSxJQUFJLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQTFCLENBQTBCLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsVUFBQSxRQUFRLElBQUksT0FBQSxLQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLFVBQVUsRUFBRSxVQUFDLFFBQVEsRUFBRSxLQUFLO1lBQzNDLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxDQUFDO1FBQXJDLENBQXFDLENBQ3RDLENBQUM7S0FDSDtJQUVELEVBQUU7Ozs7SUFDRiw4Q0FBVzs7O0lBQVg7UUFBQSxpQkFPQztRQU5DLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFBLFFBQVEsSUFBSSxPQUFBLEtBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUExQixDQUEwQixDQUFDLENBQUM7UUFDcEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLFVBQUEsUUFBUSxJQUFJLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQTFCLENBQTBCLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsVUFBQSxRQUFRLElBQUksT0FBQSxLQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDO1FBQ2xFLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQVUsRUFBRSxVQUFDLFFBQVEsRUFBRSxLQUFLO1lBQzVDLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxDQUFDO1FBQXJDLENBQXFDLENBQ3RDLENBQUM7S0FDSDs7Z0JBM0RGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjs7OztnQkFObUIsVUFBVTs7O3lCQVMzQixNQUFNO3VCQUlOLE1BQU07dUJBSU4sTUFBTTsyQkFJTixNQUFNOzBCQU9OLEtBQUs7O21DQTVCUjs7U0FPYSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBpbWFnZXNMb2FkZWQgZnJvbSAnaW1hZ2VzbG9hZGVkJztcbmltcG9ydCB7IE5neEltYWdlc2xvYWRlZE9wdGlvbnMgfSBmcm9tICcuL25neC1pbWFnZXNsb2FkZWQtb3B0aW9ucyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tpbWFnZXNMb2FkZWRdJ1xufSlcbmV4cG9ydCBjbGFzcyBOZ3hJbWFnZXNsb2FkZWREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8vXG4gIEBPdXRwdXQoKVxuICBhbHdheXM6IEV2ZW50RW1pdHRlcjxpbWFnZXNMb2FkZWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8vXG4gIEBPdXRwdXQoKVxuICBkb25lOiBFdmVudEVtaXR0ZXI8aW1hZ2VzTG9hZGVkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvL1xuICBAT3V0cHV0KClcbiAgZmFpbDogRXZlbnRFbWl0dGVyPGltYWdlc0xvYWRlZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy9cbiAgQE91dHB1dCgpXG4gIHByb2dyZXNzOiBFdmVudEVtaXR0ZXI8e1xuICAgIGluc3RhbmNlOiBpbWFnZXNMb2FkZWQ7XG4gICAgaW1hZ2U6IGFueTtcbiAgfT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy9cbiAgQElucHV0KClcbiAgb3B0aW9uczogTmd4SW1hZ2VzbG9hZGVkT3B0aW9ucztcblxuICAvL1xuICBwcml2YXRlIGluc3RhbmNlOiBpbWFnZXNMb2FkZWQ7XG5cbiAgLy9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblxuICAvL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmluc3RhbmNlID0gaW1hZ2VzTG9hZGVkKFxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpcy5vcHRpb25zLFxuICAgICAgaW5zdGFuY2UgPT4ge1xuICAgICAgICB0aGlzLmFsd2F5cy5lbWl0KGluc3RhbmNlKTtcbiAgICAgIH1cbiAgICApO1xuXG4gICAgdGhpcy5pbnN0YW5jZS5vbignYWx3YXlzJywgaW5zdGFuY2UgPT4gdGhpcy5hbHdheXMuZW1pdChpbnN0YW5jZSkpO1xuICAgIHRoaXMuaW5zdGFuY2Uub24oJ2RvbmUnLCBpbnN0YW5jZSA9PiB0aGlzLmFsd2F5cy5lbWl0KGluc3RhbmNlKSk7XG4gICAgdGhpcy5pbnN0YW5jZS5vbignZmFpbCcsIGluc3RhbmNlID0+IHRoaXMuYWx3YXlzLmVtaXQoaW5zdGFuY2UpKTtcbiAgICB0aGlzLmluc3RhbmNlLm9uKCdwcm9ncmVzcycsIChpbnN0YW5jZSwgaW1hZ2UpID0+XG4gICAgICB0aGlzLmFsd2F5cy5lbWl0KHsgaW5zdGFuY2UsIGltYWdlIH0pXG4gICAgKTtcbiAgfVxuXG4gIC8vXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuaW5zdGFuY2Uub2ZmKCdhbHdheXMnLCBpbnN0YW5jZSA9PiB0aGlzLmFsd2F5cy5lbWl0KGluc3RhbmNlKSk7XG4gICAgdGhpcy5pbnN0YW5jZS5vZmYoJ2RvZmZlJywgaW5zdGFuY2UgPT4gdGhpcy5hbHdheXMuZW1pdChpbnN0YW5jZSkpO1xuICAgIHRoaXMuaW5zdGFuY2Uub2ZmKCdmYWlsJywgaW5zdGFuY2UgPT4gdGhpcy5hbHdheXMuZW1pdChpbnN0YW5jZSkpO1xuICAgIHRoaXMuaW5zdGFuY2Uub2ZmKCdwcm9ncmVzcycsIChpbnN0YW5jZSwgaW1hZ2UpID0+XG4gICAgICB0aGlzLmFsd2F5cy5lbWl0KHsgaW5zdGFuY2UsIGltYWdlIH0pXG4gICAgKTtcbiAgfVxufVxuIl19