ng-lazyload-image - npm Package Compare versions

Comparing version 4.1.0 to 5.0.0-beta.0

index.js

@@ -1,12 +0,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var lazyload_image_directive_1 = require("./src/lazyload-image.directive");
-exports.LazyLoadImageDirective = lazyload_image_directive_1.LazyLoadImageDirective;
-var lazyload_image_module_1 = require("./src/lazyload-image.module");
-exports.LazyLoadImageModule = lazyload_image_module_1.LazyLoadImageModule;
-var intersection_observer_preset_1 = require("./src/intersection-observer-preset");
-exports.intersectionObserverPreset = intersection_observer_preset_1.intersectionObserverPreset;
-var scroll_preset_1 = require("./src/scroll-preset");
-exports.scrollPreset = scroll_preset_1.scrollPreset;
-exports.default = lazyload_image_module_1.LazyLoadImageModule;
+import { LazyLoadImageDirective } from './src/lazyload-image.directive';
+import { LazyLoadImageModule } from './src/lazyload-image.module';
+import { intersectionObserverPreset } from './src/intersection-observer-preset';
+import { scrollPreset } from './src/scroll-preset';
+export { LazyLoadImageDirective, LazyLoadImageModule, intersectionObserverPreset, scrollPreset };
+export default LazyLoadImageModule;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "ng-lazyload-image",
-  "version": "4.1.0",
+  "version": "5.0.0-beta.0",
   "description": "Lazy image loader for Angular > v2",
@@ -5,0 +5,0 @@ "main": "index.js",

src/hooks-factory.js

@@ -1,7 +0,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var scroll_preset_1 = require("./scroll-preset");
-function cretateHooks(options) {
+import { scrollPreset } from './scroll-preset';
+export function cretateHooks(options) {
     if (!options) {
-        return scroll_preset_1.scrollPreset;
+        return scrollPreset;
     }
@@ -13,3 +11,3 @@ var hooks = {};
     else {
-        Object.assign(hooks, scroll_preset_1.scrollPreset);
+        Object.assign(hooks, scrollPreset);
     }
@@ -23,3 +21,2 @@ Object.keys(options)
 }
-exports.cretateHooks = cretateHooks;
 //# sourceMappingURL=hooks-factory.js.map

src/intersection-observer-preset/index.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var preset_1 = require("./preset");
-exports.intersectionObserverPreset = preset_1.intersectionObserverPreset;
+export { intersectionObserverPreset } from './preset';
 //# sourceMappingURL=index.js.map

src/intersection-observer-preset/intersection-listener.js

@@ -1,14 +0,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var util_1 = require("../util");
+import { empty, Observable, Subject } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import { isWindowDefined } from '../util';
 var observers = new WeakMap();
-var intersectionSubject = new rxjs_1.Subject();
+var intersectionSubject = new Subject();
 function loadingCallback(entrys) {
     entrys.forEach(function (entry) { return intersectionSubject.next(entry); });
 }
-exports.getIntersectionObserver = function (attributes) {
-    if (!attributes.scrollContainer && !util_1.isWindowDefined()) {
-        return rxjs_1.empty();
+export var getIntersectionObserver = function (attributes) {
+    if (!attributes.scrollContainer && !isWindowDefined()) {
+        return empty();
     }
@@ -28,4 +26,4 @@ var options = {
     observer.observe(attributes.element);
-    return rxjs_1.Observable.create(function (obs) {
-        var subscription = intersectionSubject.pipe(operators_1.filter(function (entry) { return entry.target === attributes.element; })).subscribe(obs);
+    return Observable.create(function (obs) {
+        var subscription = intersectionSubject.pipe(filter(function (entry) { return entry.target === attributes.element; })).subscribe(obs);
         return function () {
@@ -32,0 +30,0 @@ subscription.unsubscribe();

src/intersection-observer-preset/preset.js

@@ -1,11 +0,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var preset_1 = require("../shared-preset/preset");
-var intersection_listener_1 = require("./intersection-listener");
-exports.isVisible = function (_a) {
+import { sharedPreset } from '../shared-preset/preset';
+import { getIntersectionObserver } from './intersection-listener';
+export var isVisible = function (_a) {
     var event = _a.event;
     return event.isIntersecting;
 };
-exports.getObservable = function (attributes, _getInterObserver) {
-    if (_getInterObserver === void 0) { _getInterObserver = intersection_listener_1.getIntersectionObserver; }
+export var getObservable = function (attributes, _getInterObserver) {
+    if (_getInterObserver === void 0) { _getInterObserver = getIntersectionObserver; }
     if (attributes.scrollObservable) {
@@ -16,6 +14,6 @@ return attributes.scrollObservable;
 };
-exports.intersectionObserverPreset = Object.assign({}, preset_1.sharedPreset, {
-    isVisible: exports.isVisible,
-    getObservable: exports.getObservable
+export var intersectionObserverPreset = Object.assign({}, sharedPreset, {
+    isVisible: isVisible,
+    getObservable: getObservable
 });
 //# sourceMappingURL=preset.js.map

src/intersection-observer-preset/test/preset.test.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var preset_1 = require("../preset");
+import { is } from '@tjoskar/assert';
+import { getObservable, isVisible } from '../preset';
 describe('isVisible', function () {
@@ -12,4 +10,4 @@ it('Should be visible if isIntersecting is true', function () {
         };
-        var result = preset_1.isVisible(args);
-        assert_1.is(result, true);
+        var result = isVisible(args);
+        is(result, true);
     });
@@ -22,4 +20,4 @@ it('Should not be visible if isIntersecting is false', function () {
         };
-        var result = preset_1.isVisible(args);
-        assert_1.is(result, false);
+        var result = isVisible(args);
+        is(result, false);
     });
@@ -30,4 +28,4 @@ });
         var observable = {};
-        var result = preset_1.getObservable({ scrollObservable: observable }, null);
-        assert_1.is(result, observable);
+        var result = getObservable({ scrollObservable: observable }, null);
+        is(result, observable);
     });
@@ -37,6 +35,6 @@ it('Should return IntersectionObserver', function () {
         var getIntersectionObserver = function () { return observable; };
-        var result = preset_1.getObservable({}, getIntersectionObserver);
-        assert_1.is(result, observable);
+        var result = getObservable({}, getIntersectionObserver);
+        is(result, observable);
     });
 });
 //# sourceMappingURL=preset.test.js.map

src/lazyload-image.directive.js

@@ -1,16 +0,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var hooks_factory_1 = require("./hooks-factory");
-var lazyload_image_1 = require("./lazyload-image");
-var util_1 = require("./util");
+import { Directive, ElementRef, EventEmitter, Inject, Input, NgZone, Optional, Output } from '@angular/core';
+import { ReplaySubject } from 'rxjs';
+import { switchMap, tap } from 'rxjs/operators';
+import { cretateHooks } from './hooks-factory';
+import { lazyLoadImage } from './lazyload-image';
+import { isWindowDefined } from './util';
 var LazyLoadImageDirective = (function () {
     function LazyLoadImageDirective(el, ngZone, options) {
-        this.onLoad = new core_1.EventEmitter();
+        this.onLoad = new EventEmitter();
         this.elementRef = el;
         this.ngZone = ngZone;
-        this.propertyChanges$ = new rxjs_1.ReplaySubject();
-        this.hooks = hooks_factory_1.cretateHooks(options);
+        this.propertyChanges$ = new ReplaySubject();
+        this.hooks = cretateHooks(options);
     }
@@ -31,7 +29,7 @@ LazyLoadImageDirective.prototype.ngOnChanges = function () {
         var _this = this;
-        if (!util_1.isWindowDefined()) {
+        if (!isWindowDefined()) {
             return null;
         }
         this.ngZone.runOutsideAngular(function () {
-            _this.scrollSubscription = _this.propertyChanges$.pipe(operators_1.tap(function (attributes) { return _this.hooks.setup(attributes); }), operators_1.switchMap(function (attributes) { return _this.hooks.getObservable(attributes).pipe(lazyload_image_1.lazyLoadImage(_this.hooks, attributes)); })).subscribe(function (success) { return _this.onLoad.emit(success); });
+            _this.scrollSubscription = _this.propertyChanges$.pipe(tap(function (attributes) { return _this.hooks.setup(attributes); }), switchMap(function (attributes) { return _this.hooks.getObservable(attributes).pipe(lazyLoadImage(_this.hooks, attributes)); })).subscribe(function (success) { return _this.onLoad.emit(success); });
         });
@@ -45,3 +43,3 @@ };
     LazyLoadImageDirective.decorators = [
-        { type: core_1.Directive, args: [{
+        { type: Directive, args: [{
                     selector: '[lazyLoad]'
@@ -51,19 +49,19 @@ },] },
     LazyLoadImageDirective.ctorParameters = function () { return [
-        { type: core_1.ElementRef, },
-        { type: core_1.NgZone, },
-        { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['options',] },] },
+        { type: ElementRef, },
+        { type: NgZone, },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: ['options',] },] },
     ]; };
     LazyLoadImageDirective.propDecorators = {
-        "lazyImage": [{ type: core_1.Input, args: ['lazyLoad',] },],
-        "defaultImage": [{ type: core_1.Input },],
-        "errorImage": [{ type: core_1.Input },],
-        "scrollTarget": [{ type: core_1.Input },],
-        "scrollObservable": [{ type: core_1.Input },],
-        "offset": [{ type: core_1.Input },],
-        "useSrcset": [{ type: core_1.Input },],
-        "onLoad": [{ type: core_1.Output },],
+        "lazyImage": [{ type: Input, args: ['lazyLoad',] },],
+        "defaultImage": [{ type: Input },],
+        "errorImage": [{ type: Input },],
+        "scrollTarget": [{ type: Input },],
+        "scrollObservable": [{ type: Input },],
+        "offset": [{ type: Input },],
+        "useSrcset": [{ type: Input },],
+        "onLoad": [{ type: Output },],
     };
     return LazyLoadImageDirective;
 }());
-exports.LazyLoadImageDirective = LazyLoadImageDirective;
+export { LazyLoadImageDirective };
 //# sourceMappingURL=lazyload-image.directive.js.map

src/lazyload-image.js

@@ -1,8 +0,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-function lazyLoadImage(hookSet, attributes) {
+import { of } from 'rxjs';
+import { catchError, filter, map, mergeMap, take, tap } from 'rxjs/operators';
+export function lazyLoadImage(hookSet, attributes) {
     return function (scrollObservable) {
-        return scrollObservable.pipe(operators_1.filter(function (event) {
+        return scrollObservable.pipe(filter(function (event) {
             return hookSet.isVisible({
@@ -14,3 +12,3 @@ element: attributes.element,
             });
-        }), operators_1.take(1), operators_1.mergeMap(function () { return hookSet.loadImage(attributes); }), operators_1.tap(function (imagePath) {
+        }), take(1), mergeMap(function () { return hookSet.loadImage(attributes); }), tap(function (imagePath) {
             return hookSet.setLoadedImage({
@@ -21,9 +19,8 @@ element: attributes.element,
             });
-        }), operators_1.map(function () { return true; }), operators_1.catchError(function () {
+        }), map(function () { return true; }), catchError(function () {
             hookSet.setErrorImage(attributes);
-            return rxjs_1.of(false);
-        }), operators_1.tap(function () { return hookSet.finally(attributes); }));
+            return of(false);
+        }), tap(function () { return hookSet.finally(attributes); }));
     };
 }
-exports.lazyLoadImage = lazyLoadImage;
 //# sourceMappingURL=lazyload-image.js.map

src/lazyload-image.module.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var lazyload_image_directive_1 = require("./lazyload-image.directive");
+import { NgModule } from '@angular/core';
+import { LazyLoadImageDirective } from './lazyload-image.directive';
 var LazyLoadImageModule = (function () {
@@ -15,5 +13,5 @@ function LazyLoadImageModule() {
     LazyLoadImageModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    declarations: [lazyload_image_directive_1.LazyLoadImageDirective],
-                    exports: [lazyload_image_directive_1.LazyLoadImageDirective]
+        { type: NgModule, args: [{
+                    declarations: [LazyLoadImageDirective],
+                    exports: [LazyLoadImageDirective]
                 },] },
@@ -23,3 +21,3 @@ ];
 }());
-exports.LazyLoadImageModule = LazyLoadImageModule;
+export { LazyLoadImageModule };
 //# sourceMappingURL=lazyload-image.module.js.map

src/lazyload-image.module.ngfactory.js

@@ -1,7 +0,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var i0 = require("@angular/core");
-var i1 = require("./lazyload-image.module");
+import * as i0 from "@angular/core";
+import * as i1 from "./lazyload-image.module";
 var LazyLoadImageModuleNgFactory = i0.ɵcmf(i1.LazyLoadImageModule, [], function (_l) { return i0.ɵmod([i0.ɵmpd(512, i0.ComponentFactoryResolver, i0.ɵCodegenComponentFactoryResolver, [[8, []], [3, i0.ComponentFactoryResolver], i0.NgModuleRef]), i0.ɵmpd(1073742336, i1.LazyLoadImageModule, i1.LazyLoadImageModule, [])]); });
-exports.LazyLoadImageModuleNgFactory = LazyLoadImageModuleNgFactory;
+export { LazyLoadImageModuleNgFactory as LazyLoadImageModuleNgFactory };
 //# sourceMappingURL=lazyload-image.module.ngfactory.js.map

src/scroll-preset/__test__/preset.test.js

@@ -1,10 +0,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var preset_1 = require("../preset");
+import { is } from '@tjoskar/assert';
+import { isVisible } from '../preset';
 describe('isVisible', function () {
-    var getWindow = function () { return ({
-        innerHeight: 1000,
-        innerWidth: 1000
-    }); };
+    var getWindow = function () {
+        return ({
+            innerHeight: 1000,
+            innerWidth: 1000
+        });
+    };
     var generateElement = function (top, left, height, width) {
@@ -30,4 +30,4 @@ if (height === void 0) { height = 300; }
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -40,4 +40,4 @@ it('Should not be vissible when the image is outside viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
@@ -50,4 +50,4 @@ it('Should be vissible when the image is outside viewport but have a offset', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -60,4 +60,4 @@ it('Should not be vissible when the image is inside viewport but have a offset', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
@@ -70,4 +70,4 @@ it('Should be vissible when the image is inside viewport and have a offset', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -80,4 +80,4 @@ it('Should not be vissible when the bottom of the image is inside viewport but have a offset', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
@@ -90,4 +90,4 @@ it('Should be vissible when the bottom of the image is inside viewport and have a offset', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -100,4 +100,4 @@ it('Should be vissible when the image is larger than the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -110,4 +110,4 @@ it('Should not be vissible when the image is to the left of the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
@@ -120,4 +120,4 @@ it('Should not be vissible when the image is to the right of the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
@@ -130,4 +130,4 @@ it('Should be vissible when the left side is in viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -140,4 +140,4 @@ it('Should be vissible when the right side is in viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -150,4 +150,4 @@ it('Should be vissible when only left side with no corners is in the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -160,4 +160,4 @@ it('Should be vissible when only top side with no corners is in the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -170,4 +170,4 @@ it('Should be vissible when only right side with no corners is in the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
@@ -180,6 +180,6 @@ it('Should be vissible when only bottom side with no corners is in the viewport', function () {
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
-    it('Should not be visible when image is horizontally in window\'s view, but not in scroll-container\'s', function () {
+    it("Should not be visible when image is horizontally in window's view, but not in scroll-container's", function () {
         var attribute = {
@@ -191,6 +191,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
-    it('Should not be visible when image is vertically in window\'s view, but not in scroll-container\'s', function () {
+    it("Should not be visible when image is vertically in window's view, but not in scroll-container's", function () {
         var attribute = {
@@ -202,6 +202,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
-    it('Should not be visible when image is not in window\'s view, but is in scroll-container\'s', function () {
+    it("Should not be visible when image is not in window's view, but is in scroll-container's", function () {
         var attribute = {
@@ -213,6 +213,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
-    it('Should be visible when image is in window\'s and scroll-container\'s view', function () {
+    it("Should be visible when image is in window's and scroll-container's view", function () {
         var attribute = {
@@ -224,6 +224,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, true);
+        var result = isVisible(attribute, getWindow);
+        is(result, true);
     });
-    it('Should not be visible when image\'s rect is empty', function () {
+    it("Should not be visible when image's rect is empty", function () {
         var attribute = {
@@ -234,6 +234,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
-    it('Should not be visible when image\'s rect is empty and has an offset', function () {
+    it("Should not be visible when image's rect is empty and has an offset", function () {
         var attribute = {
@@ -244,6 +244,6 @@ event: undefined,
         };
-        var result = preset_1.isVisible(attribute, getWindow);
-        assert_1.is(result, false);
+        var result = isVisible(attribute, getWindow);
+        is(result, false);
     });
 });
 //# sourceMappingURL=preset.test.js.map

src/scroll-preset/__test__/rect.test.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var rect_1 = require("../rect");
+import { is } from '@tjoskar/assert';
+import { Rect } from '../rect';
 describe('Rect', function () {
@@ -17,7 +15,7 @@ it('Should create a correctly sized Rect from a ClientRect object', function () {
         };
-        var rect = rect_1.Rect.fromElement(element);
-        assert_1.is(rect.left, element.getBoundingClientRect().left);
-        assert_1.is(rect.top, element.getBoundingClientRect().top);
-        assert_1.is(rect.right, element.getBoundingClientRect().right);
-        assert_1.is(rect.bottom, element.getBoundingClientRect().bottom);
+        var rect = Rect.fromElement(element);
+        is(rect.left, element.getBoundingClientRect().left);
+        is(rect.top, element.getBoundingClientRect().top);
+        is(rect.right, element.getBoundingClientRect().right);
+        is(rect.bottom, element.getBoundingClientRect().bottom);
     });
@@ -29,7 +27,7 @@ it('Should create a correctly sized Rect from a Window object', function () {
         };
-        var rect = rect_1.Rect.fromWindow(_window);
-        assert_1.is(rect.left, 0);
-        assert_1.is(rect.top, 0);
-        assert_1.is(rect.right, _window.innerWidth);
-        assert_1.is(rect.bottom, _window.innerHeight);
+        var rect = Rect.fromWindow(_window);
+        is(rect.left, 0);
+        is(rect.top, 0);
+        is(rect.right, _window.innerWidth);
+        is(rect.bottom, _window.innerHeight);
     });
@@ -43,8 +41,8 @@ describe('inflate', function () {
             var bottom = 100;
-            var rect = new rect_1.Rect(left, top, right, bottom);
+            var rect = new Rect(left, top, right, bottom);
             rect.inflate(inflateBy);
-            assert_1.is(rect.left, left - inflateBy);
-            assert_1.is(rect.top, top - inflateBy);
-            assert_1.is(rect.right, right + inflateBy);
-            assert_1.is(rect.bottom, bottom + inflateBy);
+            is(rect.left, left - inflateBy);
+            is(rect.top, top - inflateBy);
+            is(rect.right, right + inflateBy);
+            is(rect.bottom, bottom + inflateBy);
         });
@@ -57,8 +55,8 @@ it('Should inflate correctly with a negative value', function () {
             var bottom = 100;
-            var rect = new rect_1.Rect(left, top, right, bottom);
+            var rect = new Rect(left, top, right, bottom);
             rect.inflate(inflateBy);
-            assert_1.is(rect.left, left - inflateBy);
-            assert_1.is(rect.top, top - inflateBy);
-            assert_1.is(rect.right, right + inflateBy);
-            assert_1.is(rect.bottom, bottom + inflateBy);
+            is(rect.left, left - inflateBy);
+            is(rect.top, top - inflateBy);
+            is(rect.right, right + inflateBy);
+            is(rect.bottom, bottom + inflateBy);
         });
@@ -71,8 +69,8 @@ it('Should should not change if 0 is passed', function () {
             var bottom = 100;
-            var rect = new rect_1.Rect(left, top, right, bottom);
+            var rect = new Rect(left, top, right, bottom);
             rect.inflate(inflateBy);
-            assert_1.is(rect.left, left);
-            assert_1.is(rect.top, top);
-            assert_1.is(rect.right, right);
-            assert_1.is(rect.bottom, bottom);
+            is(rect.left, left);
+            is(rect.top, top);
+            is(rect.right, right);
+            is(rect.bottom, bottom);
         });
@@ -82,96 +80,96 @@ });
         it('Should not be true if first rectangle is on left side without intersecting', function () {
-            var rectA = new rect_1.Rect(21, 0, 41, 20);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(21, 0, 41, 20);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, false);
+            is(result, false);
         });
         it('Should not be true if first rectangle is on top side without intersecting', function () {
-            var rectA = new rect_1.Rect(0, 21, 20, 41);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(0, 21, 20, 41);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, false);
+            is(result, false);
         });
         it('Should not be true if second rectangle is on left side without intersecting', function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(21, 0, 41, 20);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(21, 0, 41, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, false);
+            is(result, false);
         });
         it('Should not be true if second rectangle is on top side without intersecting', function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(0, 21, 20, 41);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(0, 21, 20, 41);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, false);
+            is(result, false);
         });
         it("Should be true if first rectangle's top left corner is inside second rectangle", function () {
-            var rectA = new rect_1.Rect(10, 10, 30, 30);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(10, 10, 30, 30);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if first rectangle's top right corner is inside second rectangle", function () {
-            var rectA = new rect_1.Rect(-10, 10, 10, 30);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(-10, 10, 10, 30);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if first rectangle's bottom left corner is inside second rectangle", function () {
-            var rectA = new rect_1.Rect(10, -10, 30, 10);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(10, -10, 30, 10);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if first rectangle's bottom right corner is inside second rectangle", function () {
-            var rectA = new rect_1.Rect(-10, -10, 10, 10);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(-10, -10, 10, 10);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if second rectangle's top left corner is inside first rectangle", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(10, 10, 30, 30);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(10, 10, 30, 30);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if second rectangle's top right corner is inside first rectangle", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(-10, 10, 10, 30);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(-10, 10, 10, 30);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if second rectangle's bottom left corner is inside first rectangle", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(10, -10, 30, 10);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(10, -10, 30, 10);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if second rectangle's bottom right corner is inside first rectangle", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(-10, -10, 10, 10);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(-10, -10, 10, 10);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Should be true if first rectangle's side without corners is inside second rectangle", function () {
-            var rectA = new rect_1.Rect(-10, -10, 10, 30);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(-10, -10, 10, 30);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it("Shoult be true if second rectangle's side without corners is inside first rectangle", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(-10, -10, 30, 10);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(-10, -10, 30, 10);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it('Should be true if first rectangle completely contains second rectangle', function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(5, 5, 15, 15);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(5, 5, 15, 15);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
         it('Should be true if second rectangle completely contains first rectangle', function () {
-            var rectA = new rect_1.Rect(5, 5, 15, 15);
-            var rectB = new rect_1.Rect(0, 0, 20, 20);
+            var rectA = new Rect(5, 5, 15, 15);
+            var rectB = new Rect(0, 0, 20, 20);
             var result = rectA.intersectsWith(rectB);
-            assert_1.is(result, true);
+            is(result, true);
         });
@@ -181,36 +179,36 @@ });
         it("Should return a correctly sized Rect if two Rect's intersect horizontally", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(0, 10, 20, 30);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(0, 10, 20, 30);
             var result = rectA.getIntersectionWith(rectB);
-            assert_1.is(result.top, 10);
-            assert_1.is(result.right, 20);
-            assert_1.is(result.bottom, 20);
-            assert_1.is(result.left, 0);
+            is(result.top, 10);
+            is(result.right, 20);
+            is(result.bottom, 20);
+            is(result.left, 0);
         });
         it("Should return a correctly sized Rect if two Rect's intersect vertically", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(10, 0, 30, 20);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(10, 0, 30, 20);
             var result = rectA.getIntersectionWith(rectB);
-            assert_1.is(result.top, 0);
-            assert_1.is(result.right, 20);
-            assert_1.is(result.bottom, 20);
-            assert_1.is(result.left, 10);
+            is(result.top, 0);
+            is(result.right, 20);
+            is(result.bottom, 20);
+            is(result.left, 10);
         });
         it("Should return a correctly sized Rect if two Rect's intersect corners", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(10, 10, 30, 30);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(10, 10, 30, 30);
             var result = rectA.getIntersectionWith(rectB);
-            assert_1.is(result.top, 10);
-            assert_1.is(result.right, 20);
-            assert_1.is(result.bottom, 20);
-            assert_1.is(result.left, 10);
+            is(result.top, 10);
+            is(result.right, 20);
+            is(result.bottom, 20);
+            is(result.left, 10);
         });
         it("Should return an empty Rect if two Rect's don't intersect", function () {
-            var rectA = new rect_1.Rect(0, 0, 20, 20);
-            var rectB = new rect_1.Rect(30, 30, 50, 50);
+            var rectA = new Rect(0, 0, 20, 20);
+            var rectB = new Rect(30, 30, 50, 50);
             var result = rectA.getIntersectionWith(rectB);
-            assert_1.is(result.top, 0);
-            assert_1.is(result.right, 0);
-            assert_1.is(result.bottom, 0);
-            assert_1.is(result.left, 0);
+            is(result.top, 0);
+            is(result.right, 0);
+            is(result.bottom, 0);
+            is(result.left, 0);
         });
@@ -217,0 +215,0 @@ });

src/scroll-preset/__test__/scroll-listener.test.js

@@ -1,7 +0,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var marble_test_1 = require("marble-test");
-var simple_spy_1 = require("simple-spy");
-var scroll_listener_1 = require("../scroll-listener");
+import { is, isNot } from '@tjoskar/assert';
+import { createRxTestScheduler } from 'marble-test';
+import { spy } from 'simple-spy';
+import { getScrollListener, sampleObservable } from '../scroll-listener';
 describe('Scroll listener', function () {
@@ -17,3 +15,3 @@ var consoleWarnOrg = console.warn;
     it('Should return an empty observable', function () {
-        var scheduler = marble_test_1.createRxTestScheduler();
+        var scheduler = createRxTestScheduler();
         var element = {
@@ -23,3 +21,3 @@ addEventListener: null
         var expected = '|';
-        var listener = scroll_listener_1.getScrollListener(element);
+        var listener = getScrollListener(element);
         scheduler.expectObservable(listener).toBe(expected);
@@ -32,5 +30,5 @@ scheduler.flush();
         };
-        var listener1 = scroll_listener_1.getScrollListener(element);
-        var listener2 = scroll_listener_1.getScrollListener(element);
-        assert_1.is(listener1, listener2);
+        var listener1 = getScrollListener(element);
+        var listener2 = getScrollListener(element);
+        is(listener1, listener2);
     });
@@ -44,5 +42,5 @@ it('Should return diffrent observables for diffrent target', function () {
         };
-        var listener1 = scroll_listener_1.getScrollListener(element1);
-        var listener2 = scroll_listener_1.getScrollListener(element2);
-        assert_1.isNot(listener1, listener2);
+        var listener1 = getScrollListener(element1);
+        var listener2 = getScrollListener(element2);
+        isNot(listener1, listener2);
     });
@@ -61,7 +59,7 @@ it('Should pass eventname, handler and options as argument', function () {
         };
-        var subscription = scroll_listener_1.getScrollListener(element).subscribe();
-        assert_1.is(argumants.eventName, 'scroll');
-        assert_1.is(argumants.options.passive, true);
-        assert_1.is(argumants.options.capture, false);
-        assert_1.is(typeof argumants.handler, 'function');
+        var subscription = getScrollListener(element).subscribe();
+        is(argumants.eventName, 'scroll');
+        is(argumants.options.passive, true);
+        is(argumants.options.capture, false);
+        is(typeof argumants.handler, 'function');
         subscription.unsubscribe();
@@ -79,12 +77,12 @@ });
             },
-            removeEventListener: simple_spy_1.spy(function (eventName, handler, options) {
-                assert_1.is(argumants.eventName, eventName);
-                assert_1.is(argumants.options.passive, options.passive);
-                assert_1.is(argumants.options.capture, options.capture);
-                assert_1.is(argumants.handler, handler);
+            removeEventListener: spy(function (eventName, handler, options) {
+                is(argumants.eventName, eventName);
+                is(argumants.options.passive, options.passive);
+                is(argumants.options.capture, options.capture);
+                is(argumants.handler, handler);
             })
         };
-        var subscription = scroll_listener_1.getScrollListener(element).subscribe();
+        var subscription = getScrollListener(element).subscribe();
         subscription.unsubscribe();
-        assert_1.is(element.removeEventListener.callCount, 1, 'Should call removeEventListener one time');
+        is(element.removeEventListener.callCount, 1, 'Should call removeEventListener one time');
     });
@@ -96,4 +94,4 @@ it("Should start stream with ''", function (done) {
         };
-        var subscriber = scroll_listener_1.getScrollListener(element).subscribe(function (d) {
-            assert_1.is(d, '');
+        var subscriber = getScrollListener(element).subscribe(function (d) {
+            is(d, '');
             done();
@@ -111,5 +109,5 @@ });
         };
-        var subscriber1 = scroll_listener_1.getScrollListener(element).subscribe();
-        var subscriber2 = scroll_listener_1.getScrollListener(element).subscribe();
-        assert_1.is(subscriptionCounter, 1);
+        var subscriber1 = getScrollListener(element).subscribe();
+        var subscriber2 = getScrollListener(element).subscribe();
+        is(subscriptionCounter, 1);
         subscriber1.unsubscribe();
@@ -119,7 +117,7 @@ subscriber2.unsubscribe();
     it("Should sample the observable", function () {
-        var scheduler = marble_test_1.createRxTestScheduler();
+        var scheduler = createRxTestScheduler();
         var values = { a: '', b: 'b' };
         var e1 = scheduler.createHotObservable('----b-^----b----------------------|', values);
         var expected = 'a---------b-----------------|';
-        var obs = scroll_listener_1.sampleObservable(e1, scheduler);
+        var obs = sampleObservable(e1, scheduler);
         scheduler.expectObservable(obs).toBe(expected, values);
@@ -137,7 +135,7 @@ scheduler.flush();
         };
-        var subscriber = scroll_listener_1.getScrollListener(element).subscribe(function (d) {
+        var subscriber = getScrollListener(element).subscribe(function (d) {
             events.push(d);
             if (events.length === 2) {
-                assert_1.is(events[0], '');
-                assert_1.is(events[1], 'oskar');
+                is(events[0], '');
+                is(events[1], 'oskar');
                 subscriber.unsubscribe();
@@ -144,0 +142,0 @@ done();

src/scroll-preset/index.js

@@ -1,5 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var preset_1 = require("./preset");
-exports.scrollPreset = preset_1.scrollPreset;
+export { scrollPreset } from './preset';
 //# sourceMappingURL=index.js.map

src/scroll-preset/preset.js

@@ -1,19 +0,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var operators_1 = require("rxjs/operators");
-var preset_1 = require("../shared-preset/preset");
-var util_1 = require("../util");
-var rect_1 = require("./rect");
-var scroll_listener_1 = require("./scroll-listener");
-exports.isVisible = function (_a, getWindow) {
+import { startWith } from 'rxjs/operators';
+import { sharedPreset } from '../shared-preset/preset';
+import { isWindowDefined } from '../util';
+import { Rect } from './rect';
+import { getScrollListener } from './scroll-listener';
+export var isVisible = function (_a, getWindow) {
     var element = _a.element, offset = _a.offset, scrollContainer = _a.scrollContainer;
     if (getWindow === void 0) { getWindow = function () { return window; }; }
-    var elementBounds = rect_1.Rect.fromElement(element);
-    if (elementBounds === rect_1.Rect.empty) {
+    var elementBounds = Rect.fromElement(element);
+    if (elementBounds === Rect.empty) {
         return false;
     }
-    var windowBounds = rect_1.Rect.fromWindow(getWindow());
+    var windowBounds = Rect.fromWindow(getWindow());
     elementBounds.inflate(offset);
     if (scrollContainer) {
-        var scrollContainerBounds = rect_1.Rect.fromElement(scrollContainer);
+        var scrollContainerBounds = Rect.fromElement(scrollContainer);
         var intersection = scrollContainerBounds.getIntersectionWith(windowBounds);
@@ -28,15 +26,15 @@ return elementBounds.intersectsWith(intersection);
     if (attributes.scrollObservable) {
-        return attributes.scrollObservable.pipe(operators_1.startWith(''));
+        return attributes.scrollObservable.pipe(startWith(''));
     }
     if (attributes.scrollContainer) {
-        return scroll_listener_1.getScrollListener(attributes.scrollContainer);
+        return getScrollListener(attributes.scrollContainer);
     }
-    return scroll_listener_1.getScrollListener(util_1.isWindowDefined() ? window : undefined);
+    return getScrollListener(isWindowDefined() ? window : undefined);
 };
 var ɵ0 = getObservable;
-exports.ɵ0 = ɵ0;
-exports.scrollPreset = Object.assign({}, preset_1.sharedPreset, {
-    isVisible: exports.isVisible,
+export var scrollPreset = Object.assign({}, sharedPreset, {
+    isVisible: isVisible,
     getObservable: getObservable
 });
+export { ɵ0 };
 //# sourceMappingURL=preset.js.map

src/scroll-preset/rect.js

@@ -1,3 +0,1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var Rect = (function () {
@@ -46,3 +44,3 @@ function Rect(left, top, right, bottom) {
 }());
-exports.Rect = Rect;
+export { Rect };
 //# sourceMappingURL=rect.js.map

src/scroll-preset/scroll-listener.js

@@ -1,17 +0,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var util_1 = require("../util");
+import { empty, Observable } from 'rxjs';
+import { sampleTime, share, startWith } from 'rxjs/operators';
+import { isWindowDefined } from '../util';
 var scrollListeners = new WeakMap();
-function sampleObservable(obs, scheduler) {
-    return obs.pipe(operators_1.sampleTime(100, scheduler), operators_1.share(), operators_1.startWith(''));
+export function sampleObservable(obs, scheduler) {
+    return obs.pipe(sampleTime(100, scheduler), share(), startWith(''));
 }
-exports.sampleObservable = sampleObservable;
-exports.getScrollListener = function (scrollTarget) {
+export var getScrollListener = function (scrollTarget) {
     if (!scrollTarget || typeof scrollTarget.addEventListener !== 'function') {
-        if (util_1.isWindowDefined()) {
+        if (isWindowDefined()) {
             console.warn('`addEventListener` on ' + scrollTarget + ' (scrollTarget) is not a function. Skipping this target');
         }
-        return rxjs_1.empty();
+        return empty();
     }
@@ -21,3 +18,3 @@ if (scrollListeners.has(scrollTarget)) {
     }
-    var srollEvent = rxjs_1.Observable.create(function (observer) {
+    var srollEvent = Observable.create(function (observer) {
         var eventName = 'scroll';
@@ -24,0 +21,0 @@ var handler = function (event) { return observer.next(event); };

src/shared-preset/__test__/preset.test.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var preset_1 = require("../preset");
+import { is } from '@tjoskar/assert';
+import { sharedPreset } from '../preset';
 describe('Setup', function () {
@@ -20,4 +18,4 @@ it('Should set default image if defined', function () {
         };
-        preset_1.sharedPreset.setup(attribute);
-        assert_1.is(element.src, defaultImagePath);
+        sharedPreset.setup(attribute);
+        is(element.src, defaultImagePath);
     });
@@ -38,4 +36,4 @@ it('Should not set default image if not defined', function () {
         };
-        preset_1.sharedPreset.setup(attribute);
-        assert_1.is(element.src, '');
+        sharedPreset.setup(attribute);
+        is(element.src, '');
     });
@@ -57,5 +55,5 @@ it('Should use srcset instead of src if useSrcset is true', function () {
         };
-        preset_1.sharedPreset.setup(attribute);
-        assert_1.is(element.src, '');
-        assert_1.is(element.srcset, defaultImagePath);
+        sharedPreset.setup(attribute);
+        is(element.src, '');
+        is(element.srcset, defaultImagePath);
     });
@@ -80,8 +78,8 @@ it('Should set default image for img and all picture source elements', function () {
         };
-        preset_1.sharedPreset.setup(attribute);
-        assert_1.is(img.src, imagePath1);
-        assert_1.is(source1.srcset, imagePath2);
-        assert_1.is(source2.srcset, imagePath3);
+        sharedPreset.setup(attribute);
+        is(img.src, imagePath1);
+        is(source1.srcset, imagePath2);
+        is(source2.srcset, imagePath3);
     });
 });
 //# sourceMappingURL=preset.test.js.map

src/shared-preset/preset.js

@@ -1,23 +0,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-var util_1 = require("../util");
+import { Observable } from 'rxjs';
+import { cssClassNames, hasCssClassName, removeCssClassName, addCssClassName, isImageElement, isChildOfPicture, setSourcesToLazy, setImage, setImageAndSourcesToError, setImageAndSourcesToLazy, setImageAndSourcesToDefault, } from '../util';
 var end = function (_a) {
     var element = _a.element;
-    return util_1.addCssClassName(element, util_1.cssClassNames.loaded);
+    return addCssClassName(element, cssClassNames.loaded);
 };
 var ɵ0 = end;
-exports.ɵ0 = ɵ0;
-exports.loadImage = function (_a) {
+export var loadImage = function (_a) {
     var element = _a.element, useSrcset = _a.useSrcset, imagePath = _a.imagePath;
     var img;
-    if (util_1.isImageElement(element) && util_1.isChildOfPicture(element)) {
+    if (isImageElement(element) && isChildOfPicture(element)) {
         var parentClone = element.parentNode.cloneNode(true);
         img = parentClone.getElementsByTagName('img')[0];
-        util_1.setSourcesToLazy(img);
-        util_1.setImage(img, imagePath, useSrcset);
+        setSourcesToLazy(img);
+        setImage(img, imagePath, useSrcset);
     }
     else {
         img = new Image();
-        if (util_1.isImageElement(element) && element.sizes) {
+        if (isImageElement(element) && element.sizes) {
             img.sizes = element.sizes;
@@ -32,3 +29,3 @@ }
     }
-    return rxjs_1.Observable.create(function (observer) {
+    return Observable.create(function (observer) {
         img.onload = function () {
@@ -45,25 +42,22 @@ observer.next(imagePath);
     var element = _a.element, errorImagePath = _a.errorImagePath, useSrcset = _a.useSrcset;
-    util_1.setImageAndSourcesToError(element, errorImagePath, useSrcset);
-    util_1.addCssClassName(element, util_1.cssClassNames.failed);
+    setImageAndSourcesToError(element, errorImagePath, useSrcset);
+    addCssClassName(element, cssClassNames.failed);
 };
 var ɵ1 = setErrorImage;
-exports.ɵ1 = ɵ1;
 var setLoadedImage = function (_a) {
     var element = _a.element, imagePath = _a.imagePath, useSrcset = _a.useSrcset;
-    util_1.setImageAndSourcesToLazy(element, imagePath, useSrcset);
+    setImageAndSourcesToLazy(element, imagePath, useSrcset);
 };
 var ɵ2 = setLoadedImage;
-exports.ɵ2 = ɵ2;
 var setup = function (_a) {
     var element = _a.element, defaultImagePath = _a.defaultImagePath, useSrcset = _a.useSrcset;
-    util_1.setImageAndSourcesToDefault(element, defaultImagePath, useSrcset);
-    if (util_1.hasCssClassName(element, util_1.cssClassNames.loaded)) {
-        util_1.removeCssClassName(element, util_1.cssClassNames.loaded);
+    setImageAndSourcesToDefault(element, defaultImagePath, useSrcset);
+    if (hasCssClassName(element, cssClassNames.loaded)) {
+        removeCssClassName(element, cssClassNames.loaded);
     }
 };
 var ɵ3 = setup;
-exports.ɵ3 = ɵ3;
-exports.sharedPreset = {
+export var sharedPreset = {
     finally: end,
-    loadImage: exports.loadImage,
+    loadImage: loadImage,
     setErrorImage: setErrorImage,
@@ -73,2 +67,3 @@ setLoadedImage: setLoadedImage,
 };
+export { ɵ0, ɵ1, ɵ2, ɵ3 };
 //# sourceMappingURL=preset.js.map

src/types.js

@@ -1,3 +0,1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

src/util/__test__/css.util.test.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var assert_1 = require("@tjoskar/assert");
-var css_util_1 = require("../css.util");
+import { is } from '@tjoskar/assert';
+import { addCssClassName, hasCssClassName, removeCssClassName } from '../css.util';
 describe('Utils function', function () {
@@ -12,24 +10,24 @@ var element = {};
         var expectCssClassName = 'test1 ';
-        css_util_1.removeCssClassName(element, 'test2');
-        assert_1.is(element.className, expectCssClassName);
+        removeCssClassName(element, 'test2');
+        is(element.className, expectCssClassName);
     });
     it('Should add css class name', function () {
         var expectCssClassName = 'test1 test2 test3';
-        css_util_1.addCssClassName(element, 'test3');
-        assert_1.is(element.className, expectCssClassName);
+        addCssClassName(element, 'test3');
+        is(element.className, expectCssClassName);
     });
     it('Should not add css class name, because it already exists', function () {
         var expectCssClassName = 'test1 test2';
-        css_util_1.addCssClassName(element, 'test2');
-        assert_1.is(element.className, expectCssClassName);
+        addCssClassName(element, 'test2');
+        is(element.className, expectCssClassName);
     });
     it('Should return true when element contains the class name', function () {
-        var result = css_util_1.hasCssClassName(element, 'test2');
-        assert_1.is(result, true);
+        var result = hasCssClassName(element, 'test2');
+        is(result, true);
     });
     it("Should return false when element don't contains the class name", function () {
-        var result = css_util_1.hasCssClassName(element, 'test3');
-        assert_1.is(result, false);
+        var result = hasCssClassName(element, 'test3');
+        is(result, false);
     });
 });
 //# sourceMappingURL=css.util.test.js.map

src/util/css.util.js

@@ -1,4 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssClassNames = {
+export var cssClassNames = {
     loaded: 'ng-lazyloaded',
@@ -8,7 +6,6 @@ loading: 'ng-lazyloading',
 };
-function removeCssClassName(element, cssClassName) {
+export function removeCssClassName(element, cssClassName) {
     element.className = element.className.replace(cssClassName, '');
 }
-exports.removeCssClassName = removeCssClassName;
-function addCssClassName(element, cssClassName) {
+export function addCssClassName(element, cssClassName) {
     if (!element.className.includes(cssClassName)) {
@@ -18,7 +15,5 @@ element.className += " " + cssClassName;
 }
-exports.addCssClassName = addCssClassName;
-function hasCssClassName(element, cssClassName) {
+export function hasCssClassName(element, cssClassName) {
     return element.className && element.className.includes(cssClassName);
 }
-exports.hasCssClassName = hasCssClassName;
 //# sourceMappingURL=css.util.js.map

src/util/index.js

@@ -1,8 +0,3 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./css.util"));
-__export(require("./util"));
+export * from './css.util';
+export * from './util';
 //# sourceMappingURL=index.js.map

src/util/util.js

@@ -1,16 +0,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function isWindowDefined() {
+export function isWindowDefined() {
     return typeof window !== 'undefined';
 }
-exports.isWindowDefined = isWindowDefined;
-function isChildOfPicture(element) {
+export function isChildOfPicture(element) {
     return Boolean(element.parentElement && element.parentElement.nodeName.toLowerCase() === 'picture');
 }
-exports.isChildOfPicture = isChildOfPicture;
-function isImageElement(element) {
+export function isImageElement(element) {
     return element.nodeName.toLowerCase() === 'img';
 }
-exports.isImageElement = isImageElement;
-function setImage(element, imagePath, useSrcset) {
+export function setImage(element, imagePath, useSrcset) {
     if (isImageElement(element)) {
@@ -29,3 +24,2 @@ if (useSrcset) {
 }
-exports.setImage = setImage;
 function setSources(attrName) {
@@ -43,3 +37,3 @@ return function (image) {
 var setSourcesToDefault = setSources('defaultImage');
-exports.setSourcesToLazy = setSources('lazyLoad');
+export var setSourcesToLazy = setSources('lazyLoad');
 var setSourcesToError = setSources('errorImage');
@@ -56,5 +50,5 @@ function setImageAndSources(setSourcesFn) {
 }
-exports.setImageAndSourcesToDefault = setImageAndSources(setSourcesToDefault);
-exports.setImageAndSourcesToLazy = setImageAndSources(exports.setSourcesToLazy);
-exports.setImageAndSourcesToError = setImageAndSources(setSourcesToError);
+export var setImageAndSourcesToDefault = setImageAndSources(setSourcesToDefault);
+export var setImageAndSourcesToLazy = setImageAndSources(setSourcesToLazy);
+export var setImageAndSourcesToError = setImageAndSources(setSourcesToError);
 //# sourceMappingURL=util.js.map

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

142495

decreased by-2.12%

Lines of code

1305

decreased by-4.88%

Number of low quality alerts

1

increased byInfinity%

No dependency changes