@trademe/ng-defer-load - npm Package Compare versions

Comparing version 3.1.0-beta.1 to 3.1.0-beta.2

dist/defer-load.directive.d.ts

@@ -1,3 +0,3 @@
-import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
-export declare class DeferLoadDirective implements OnInit, OnDestroy {
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+export declare class DeferLoadDirective implements OnInit, AfterViewInit, OnDestroy {
     private _element;
@@ -13,2 +13,3 @@ private _zone;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     hasCompatibleBrowser(): boolean;
@@ -15,0 +16,0 @@ ngOnDestroy(): void;

dist/defer-load.directive.js

@@ -37,3 +37,5 @@ "use strict";
         }
-        else {
+    };
+    DeferLoadDirective.prototype.ngAfterViewInit = function () {
+        if (common_1.isPlatformBrowser(this.platformId)) {
             if (this.hasCompatibleBrowser()) {
@@ -46,3 +48,3 @@ this.registerIntersectionObserver();
             else {
-                if (this.fallbackEnabled) {
+                if (this.fallbackEnabled === true) {
                     this.addScrollListeners();
@@ -49,0 +51,0 @@ }

dist/defer-load.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"DeferLoadDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[deferLoad]"}]}],"members":{"preRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"fallbackEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"deferLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":20,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":23},{"__symbolic":"reference","name":"Object"}]}],"ngOnInit":[{"__symbolic":"method"}],"hasCompatibleBrowser":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerIntersectionObserver":[{"__symbolic":"method"}],"checkIfIntersecting":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"addScrollListeners":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"getScrollPosition":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"DeferLoadDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[deferLoad]"}]}],"members":{"preRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"fallbackEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"deferLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":20,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":23},{"__symbolic":"reference","name":"Object"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"hasCompatibleBrowser":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerIntersectionObserver":[{"__symbolic":"method"}],"checkIfIntersecting":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"addScrollListeners":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"getScrollPosition":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "@trademe/ng-defer-load",
-  "version": "3.1.0-beta.1",
+  "version": "3.1.0-beta.2",
   "description": "Angular directive to load elements lazily",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -53,3 +53,3 @@ # ng-defer-load
   <div
-    [preRender]="false"
+    [fallbackEnabled]="false"
     (deferLoad)="showMyElement=true">
@@ -56,0 +56,0 @@ <my-element

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19369

increased by1.66%

Lines of code

194

increased by1.57%

No dependency changes