@klippa/ngx-async-template - npm Package Compare versions

Comparing version 2.0.1 to 2.1.1

bundles/klippa-ngx-async-template.umd.js

@@ -50,2 +50,3 @@ (function (global, factory) {
             this.promise = null;
+            this.successStateOnReload = false; // when true, from the second (!) time the promise is loaded, we keep the previous success state with its data
             this.promiseStatus = 'inactive';
@@ -55,8 +56,14 @@ }
             var _this = this;
-            this.promiseValue = null;
             if (!this.promise) {
+                this.promiseValue = null;
                 this.promiseStatus = 'inactive';
             }
             else {
-                this.promiseStatus = 'pending';
+                if (this.successStateOnReload && this.promiseStatus === 'success') {
+                    // dont show the pending state
+                }
+                else {
+                    this.promiseValue = null;
+                    this.promiseStatus = 'pending';
+                }
                 this.promise.then(function (res) {
@@ -83,2 +90,3 @@ _this.promiseStatus = 'success';
         promise: [{ type: core.Input }],
+        successStateOnReload: [{ type: core.Input }],
         allStates: [{ type: core.ContentChildren, args: [AsyncAllStatesComponent, { read: core.TemplateRef },] }],
@@ -85,0 +93,0 @@ inactive: [{ type: core.ContentChildren, args: [AsyncInactiveComponent, { read: core.TemplateRef },] }],

bundles/klippa-ngx-async-template.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@klippa/ngx-async-template",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).klippa=e.klippa||{},e.klippa["ngx-async-template"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var r=function(){};r.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-all]"}]}];var o=function(){};o.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-inactive]"}]}];var a=function(){};a.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-pending]"}]}];var s=function(){};s.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-success]"}]}];var i=function(){};i.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-error]"}]}];var p=function(){function e(){this.promise=null,this.promiseStatus="inactive"}return e.prototype.ngOnChanges=function(){var e=this;this.promiseValue=null,this.promise?(this.promiseStatus="pending",this.promise.then((function(t){e.promiseStatus="success",e.promiseValue=t}),(function(t){e.promiseStatus="error",e.promiseErrors=t}))):this.promiseStatus="inactive"},e}();p.decorators=[{type:t.Component,args:[{selector:"ngx-async-template",template:'<ng-container>\n  <ng-container *ngFor="let tpl of allStates?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus, value: promiseValue }"></ng-container>\n  <ng-container *ngIf="promiseStatus === \'inactive\'" >\n    <ng-container *ngFor="let tpl of inactive?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus }"></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'pending\'">\n    <ng-container *ngFor="let tpl of pending?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus }"></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'success\'">\n    <ng-container\n      *ngFor="let tpl of success?.toArray()"\n      [ngTemplateOutlet]="tpl"\n      [ngTemplateOutletContext]="{ value: promiseValue, status: promiseStatus }"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'error\'">\n    <ng-container\n      *ngFor="let tpl of error?.toArray()"\n      [ngTemplateOutlet]="tpl"\n      [ngTemplateOutletContext]="{ errorMessages: promiseErrors, status: promiseStatus }"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n',styles:[":host { display: block; }"]}]}],p.ctorParameters=function(){return[]},p.propDecorators={promise:[{type:t.Input}],allStates:[{type:t.ContentChildren,args:[r,{read:t.TemplateRef}]}],inactive:[{type:t.ContentChildren,args:[o,{read:t.TemplateRef}]}],pending:[{type:t.ContentChildren,args:[a,{read:t.TemplateRef}]}],success:[{type:t.ContentChildren,args:[s,{read:t.TemplateRef}]}],error:[{type:t.ContentChildren,args:[i,{read:t.TemplateRef}]}]};var c=function(){};c.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[p,r,o,a,s,i],exports:[p,r,o,a,s,i]}]}],e.AsyncAllStatesComponent=r,e.AsyncErrorComponent=i,e.AsyncInactiveComponent=o,e.AsyncPendingComponent=a,e.AsyncSuccessComponent=s,e.NgxAsyncTemplateComponent=p,e.NgxAsyncTemplateModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@klippa/ngx-async-template",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).klippa=e.klippa||{},e.klippa["ngx-async-template"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var r=function(){};r.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-all]"}]}];var o=function(){};o.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-inactive]"}]}];var s=function(){};s.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-pending]"}]}];var a=function(){};a.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-success]"}]}];var i=function(){};i.decorators=[{type:t.Directive,args:[{selector:"[ngx-async-error]"}]}];var c=function(){function e(){this.promise=null,this.successStateOnReload=!1,this.promiseStatus="inactive"}return e.prototype.ngOnChanges=function(){var e=this;this.promise?(this.successStateOnReload&&"success"===this.promiseStatus||(this.promiseValue=null,this.promiseStatus="pending"),this.promise.then((function(t){e.promiseStatus="success",e.promiseValue=t}),(function(t){e.promiseStatus="error",e.promiseErrors=t}))):(this.promiseValue=null,this.promiseStatus="inactive")},e}();c.decorators=[{type:t.Component,args:[{selector:"ngx-async-template",template:'<ng-container>\n  <ng-container *ngFor="let tpl of allStates?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus, value: promiseValue }"></ng-container>\n  <ng-container *ngIf="promiseStatus === \'inactive\'" >\n    <ng-container *ngFor="let tpl of inactive?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus }"></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'pending\'">\n    <ng-container *ngFor="let tpl of pending?.toArray()" [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ status: promiseStatus }"></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'success\'">\n    <ng-container\n      *ngFor="let tpl of success?.toArray()"\n      [ngTemplateOutlet]="tpl"\n      [ngTemplateOutletContext]="{ value: promiseValue, status: promiseStatus }"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf="promiseStatus === \'error\'">\n    <ng-container\n      *ngFor="let tpl of error?.toArray()"\n      [ngTemplateOutlet]="tpl"\n      [ngTemplateOutletContext]="{ errorMessages: promiseErrors, status: promiseStatus }"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n',styles:[":host { display: block; }"]}]}],c.ctorParameters=function(){return[]},c.propDecorators={promise:[{type:t.Input}],successStateOnReload:[{type:t.Input}],allStates:[{type:t.ContentChildren,args:[r,{read:t.TemplateRef}]}],inactive:[{type:t.ContentChildren,args:[o,{read:t.TemplateRef}]}],pending:[{type:t.ContentChildren,args:[s,{read:t.TemplateRef}]}],success:[{type:t.ContentChildren,args:[a,{read:t.TemplateRef}]}],error:[{type:t.ContentChildren,args:[i,{read:t.TemplateRef}]}]};var p=function(){};p.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[c,r,o,s,a,i],exports:[c,r,o,s,a,i]}]}],e.AsyncAllStatesComponent=r,e.AsyncErrorComponent=i,e.AsyncInactiveComponent=o,e.AsyncPendingComponent=s,e.AsyncSuccessComponent=a,e.NgxAsyncTemplateComponent=c,e.NgxAsyncTemplateModule=p,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=klippa-ngx-async-template.umd.min.js.map

esm2015/lib/ngx-async-template.component.js

@@ -30,11 +30,18 @@ import { Component, ContentChildren, Directive, Input, TemplateRef } from '@angular/core';
         this.promise = null;
+        this.successStateOnReload = false; // when true, from the second (!) time the promise is loaded, we keep the previous success state with its data
         this.promiseStatus = 'inactive';
     }
     ngOnChanges() {
-        this.promiseValue = null;
         if (!this.promise) {
+            this.promiseValue = null;
             this.promiseStatus = 'inactive';
         }
         else {
-            this.promiseStatus = 'pending';
+            if (this.successStateOnReload && this.promiseStatus === 'success') {
+                // dont show the pending state
+            }
+            else {
+                this.promiseValue = null;
+                this.promiseStatus = 'pending';
+            }
             this.promise.then((res) => {
@@ -60,2 +67,3 @@ this.promiseStatus = 'success';
     promise: [{ type: Input }],
+    successStateOnReload: [{ type: Input }],
     allStates: [{ type: ContentChildren, args: [AsyncAllStatesComponent, { read: TemplateRef },] }],
@@ -67,2 +75,2 @@ inactive: [{ type: ContentChildren, args: [AsyncInactiveComponent, { read: TemplateRef },] }],
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRyxNQUFNLE9BQU8sdUJBQXVCOzs7WUFEbkMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOztBQUcxQyxNQUFNLE9BQU8sc0JBQXNCOzs7WUFEbEMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFOztBQUcvQyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8sbUJBQW1COzs7WUFEL0IsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFOztBQVE1QyxNQUFNLE9BQU8seUJBQXlCO0lBWXBDO1FBWFMsWUFBTyxHQUFpQixJQUFJLENBQUM7UUFDL0Isa0JBQWEsR0FBaUQsVUFBVSxDQUFDO0lBVWpFLENBQUM7SUFFaEIsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDO1NBQ2pDO2FBQU07WUFDTCxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQztZQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDZixDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQztZQUMxQixDQUFDLEVBQ0QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDTixJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7WUFDM0IsQ0FBQyxDQUNGLENBQUM7U0FDSDtJQUNILENBQUM7OztZQXBDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsaXZDQUFrRDt5QkFDekMsMkJBQTJCO2FBQ3JDOzs7O3NCQUVFLEtBQUs7d0JBS0wsZUFBZSxTQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTt1QkFDOUQsZUFBZSxTQUFDLHNCQUFzQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtzQkFDN0QsZUFBZSxTQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtzQkFDNUQsZUFBZSxTQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtvQkFDNUQsZUFBZSxTQUFDLG1CQUFtQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBEaXJlY3RpdmUsIElucHV0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtYWxsXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY0FsbFN0YXRlc0NvbXBvbmVudCB7fVxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1pbmFjdGl2ZV0nIH0pXG5leHBvcnQgY2xhc3MgQXN5bmNJbmFjdGl2ZUNvbXBvbmVudCB7fVxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1wZW5kaW5nXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY1BlbmRpbmdDb21wb25lbnQge31cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtc3VjY2Vzc10nIH0pXG5leHBvcnQgY2xhc3MgQXN5bmNTdWNjZXNzQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLWVycm9yXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY0Vycm9yQ29tcG9uZW50IHt9XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1hc3luYy10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3gtYXN5bmMtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFsnOmhvc3QgeyBkaXNwbGF5OiBibG9jazsgfSddLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hBc3luY1RlbXBsYXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHJvbWlzZTogUHJvbWlzZTxhbnk+ID0gbnVsbDtcbiAgcHVibGljIHByb21pc2VTdGF0dXM6ICdpbmFjdGl2ZScgfCAncGVuZGluZycgfCAnc3VjY2VzcycgfCAnZXJyb3InID0gJ2luYWN0aXZlJztcbiAgcHVibGljIHByb21pc2VWYWx1ZTogYW55O1xuICBwdWJsaWMgcHJvbWlzZUVycm9yczogYW55O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNBbGxTdGF0ZXNDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgYWxsU3RhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNJbmFjdGl2ZUNvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBpbmFjdGl2ZTogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuICBAQ29udGVudENoaWxkcmVuKEFzeW5jUGVuZGluZ0NvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBwZW5kaW5nOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNTdWNjZXNzQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIHN1Y2Nlc3M6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY0Vycm9yQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGVycm9yOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMucHJvbWlzZVZhbHVlID0gbnVsbDtcbiAgICBpZiAoIXRoaXMucHJvbWlzZSkge1xuICAgICAgdGhpcy5wcm9taXNlU3RhdHVzID0gJ2luYWN0aXZlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5wcm9taXNlU3RhdHVzID0gJ3BlbmRpbmcnO1xuICAgICAgdGhpcy5wcm9taXNlLnRoZW4oXG4gICAgICAgIChyZXMpID0+IHtcbiAgICAgICAgICB0aGlzLnByb21pc2VTdGF0dXMgPSAnc3VjY2Vzcyc7XG4gICAgICAgICAgdGhpcy5wcm9taXNlVmFsdWUgPSByZXM7XG4gICAgICAgIH0sXG4gICAgICAgIChyZXMpID0+IHtcbiAgICAgICAgICB0aGlzLnByb21pc2VTdGF0dXMgPSAnZXJyb3InO1xuICAgICAgICAgIHRoaXMucHJvbWlzZUVycm9ycyA9IHJlcztcbiAgICAgICAgfVxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRyxNQUFNLE9BQU8sdUJBQXVCOzs7WUFEbkMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOztBQUcxQyxNQUFNLE9BQU8sc0JBQXNCOzs7WUFEbEMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFOztBQUcvQyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8sbUJBQW1COzs7WUFEL0IsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFOztBQVE1QyxNQUFNLE9BQU8seUJBQXlCO0lBYXBDO1FBWlMsWUFBTyxHQUFpQixJQUFJLENBQUM7UUFDN0IseUJBQW9CLEdBQVksS0FBSyxDQUFDLENBQUMsOEdBQThHO1FBQ3ZKLGtCQUFhLEdBQWlELFVBQVUsQ0FBQztJQVVqRSxDQUFDO0lBRWhCLFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxJQUFJLENBQUMsb0JBQW9CLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7Z0JBQ2pFLDhCQUE4QjthQUMvQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7YUFDaEM7WUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDZixDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQztZQUMxQixDQUFDLEVBQ0QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDTixJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7WUFDM0IsQ0FBQyxDQUNGLENBQUM7U0FDSDtJQUNILENBQUM7OztZQTFDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsaXZDQUFrRDt5QkFDekMsMkJBQTJCO2FBQ3JDOzs7O3NCQUVFLEtBQUs7bUNBQ0wsS0FBSzt3QkFLTCxlQUFlLFNBQUMsdUJBQXVCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3VCQUM5RCxlQUFlLFNBQUMsc0JBQXNCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3NCQUM3RCxlQUFlLFNBQUMscUJBQXFCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3NCQUM1RCxlQUFlLFNBQUMscUJBQXFCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO29CQUM1RCxlQUFlLFNBQUMsbUJBQW1CLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgSW5wdXQsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1hbGxdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jQWxsU3RhdGVzQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLWluYWN0aXZlXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY0luYWN0aXZlQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLXBlbmRpbmddJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jUGVuZGluZ0NvbXBvbmVudCB7fVxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1zdWNjZXNzXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY1N1Y2Nlc3NDb21wb25lbnQge31cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtZXJyb3JdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jRXJyb3JDb21wb25lbnQge31cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWFzeW5jLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1hc3luYy10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogWyc6aG9zdCB7IGRpc3BsYXk6IGJsb2NrOyB9J10sXG59KVxuZXhwb3J0IGNsYXNzIE5neEFzeW5jVGVtcGxhdGVDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9taXNlOiBQcm9taXNlPGFueT4gPSBudWxsO1xuICBASW5wdXQoKSBzdWNjZXNzU3RhdGVPblJlbG9hZDogYm9vbGVhbiA9IGZhbHNlOyAvLyB3aGVuIHRydWUsIGZyb20gdGhlIHNlY29uZCAoISkgdGltZSB0aGUgcHJvbWlzZSBpcyBsb2FkZWQsIHdlIGtlZXAgdGhlIHByZXZpb3VzIHN1Y2Nlc3Mgc3RhdGUgd2l0aCBpdHMgZGF0YVxuICBwdWJsaWMgcHJvbWlzZVN0YXR1czogJ2luYWN0aXZlJyB8ICdwZW5kaW5nJyB8ICdzdWNjZXNzJyB8ICdlcnJvcicgPSAnaW5hY3RpdmUnO1xuICBwdWJsaWMgcHJvbWlzZVZhbHVlOiBhbnk7XG4gIHB1YmxpYyBwcm9taXNlRXJyb3JzOiBhbnk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY0FsbFN0YXRlc0NvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBhbGxTdGF0ZXM6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY0luYWN0aXZlQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGluYWN0aXZlOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNQZW5kaW5nQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIHBlbmRpbmc6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY1N1Y2Nlc3NDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgc3VjY2VzczogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuICBAQ29udGVudENoaWxkcmVuKEFzeW5jRXJyb3JDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgZXJyb3I6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnByb21pc2UpIHtcbiAgICAgIHRoaXMucHJvbWlzZVZhbHVlID0gbnVsbDtcbiAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdpbmFjdGl2ZSc7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0aGlzLnN1Y2Nlc3NTdGF0ZU9uUmVsb2FkICYmIHRoaXMucHJvbWlzZVN0YXR1cyA9PT0gJ3N1Y2Nlc3MnKSB7XG4gICAgICAgIC8vIGRvbnQgc2hvdyB0aGUgcGVuZGluZyBzdGF0ZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5wcm9taXNlVmFsdWUgPSBudWxsO1xuICAgICAgICB0aGlzLnByb21pc2VTdGF0dXMgPSAncGVuZGluZyc7XG4gICAgICB9XG4gICAgICB0aGlzLnByb21pc2UudGhlbihcbiAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdzdWNjZXNzJztcbiAgICAgICAgICB0aGlzLnByb21pc2VWYWx1ZSA9IHJlcztcbiAgICAgICAgfSxcbiAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdlcnJvcic7XG4gICAgICAgICAgdGhpcy5wcm9taXNlRXJyb3JzID0gcmVzO1xuICAgICAgICB9XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIl19

fesm2015/klippa-ngx-async-template.js

@@ -32,11 +32,18 @@ import { Directive, Component, Input, ContentChildren, TemplateRef, NgModule } from '@angular/core';
         this.promise = null;
+        this.successStateOnReload = false; // when true, from the second (!) time the promise is loaded, we keep the previous success state with its data
         this.promiseStatus = 'inactive';
     }
     ngOnChanges() {
-        this.promiseValue = null;
         if (!this.promise) {
+            this.promiseValue = null;
             this.promiseStatus = 'inactive';
         }
         else {
-            this.promiseStatus = 'pending';
+            if (this.successStateOnReload && this.promiseStatus === 'success') {
+                // dont show the pending state
+            }
+            else {
+                this.promiseValue = null;
+                this.promiseStatus = 'pending';
+            }
             this.promise.then((res) => {
@@ -62,2 +69,3 @@ this.promiseStatus = 'success';
     promise: [{ type: Input }],
+    successStateOnReload: [{ type: Input }],
     allStates: [{ type: ContentChildren, args: [AsyncAllStatesComponent, { read: TemplateRef },] }],
@@ -64,0 +72,0 @@ inactive: [{ type: ContentChildren, args: [AsyncInactiveComponent, { read: TemplateRef },] }],

klippa-ngx-async-template.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"AsyncAllStatesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ngx-async-all]"}]}],"members":{}},"AsyncInactiveComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ngx-async-inactive]"}]}],"members":{}},"AsyncPendingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[ngx-async-pending]"}]}],"members":{}},"AsyncSuccessComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[ngx-async-success]"}]}],"members":{}},"AsyncErrorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ngx-async-error]"}]}],"members":{}},"NgxAsyncTemplateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-async-template","styles":[":host { display: block; }"],"template":"<ng-container>\n  <ng-container *ngFor=\"let tpl of allStates?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus, value: promiseValue }\"></ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'inactive'\" >\n    <ng-container *ngFor=\"let tpl of inactive?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus }\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'pending'\">\n    <ng-container *ngFor=\"let tpl of pending?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus }\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'success'\">\n    <ng-container\n      *ngFor=\"let tpl of success?.toArray()\"\n      [ngTemplateOutlet]=\"tpl\"\n      [ngTemplateOutletContext]=\"{ value: promiseValue, status: promiseStatus }\"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'error'\">\n    <ng-container\n      *ngFor=\"let tpl of error?.toArray()\"\n      [ngTemplateOutlet]=\"tpl\"\n      [ngTemplateOutletContext]=\"{ errorMessages: promiseErrors, status: promiseStatus }\"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"promise":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"allStates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":24,"character":52}}]}]}],"inactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":25,"character":51}}]}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncPendingComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":26,"character":50}}]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":27,"character":50}}]}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncErrorComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":28,"character":48}}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NgxAsyncTemplateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxAsyncTemplateComponent"},{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"__symbolic":"reference","name":"AsyncPendingComponent"},{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"__symbolic":"reference","name":"AsyncErrorComponent"}],"exports":[{"__symbolic":"reference","name":"NgxAsyncTemplateComponent"},{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"__symbolic":"reference","name":"AsyncPendingComponent"},{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"__symbolic":"reference","name":"AsyncErrorComponent"}]}]}],"members":{}}},"origins":{"AsyncAllStatesComponent":"./lib/ngx-async-template.component","AsyncInactiveComponent":"./lib/ngx-async-template.component","AsyncPendingComponent":"./lib/ngx-async-template.component","AsyncSuccessComponent":"./lib/ngx-async-template.component","AsyncErrorComponent":"./lib/ngx-async-template.component","NgxAsyncTemplateComponent":"./lib/ngx-async-template.component","NgxAsyncTemplateModule":"./lib/ngx-async-template.module"},"importAs":"@klippa/ngx-async-template"}
+{"__symbolic":"module","version":4,"metadata":{"AsyncAllStatesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ngx-async-all]"}]}],"members":{}},"AsyncInactiveComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ngx-async-inactive]"}]}],"members":{}},"AsyncPendingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[ngx-async-pending]"}]}],"members":{}},"AsyncSuccessComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[ngx-async-success]"}]}],"members":{}},"AsyncErrorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ngx-async-error]"}]}],"members":{}},"NgxAsyncTemplateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-async-template","styles":[":host { display: block; }"],"template":"<ng-container>\n  <ng-container *ngFor=\"let tpl of allStates?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus, value: promiseValue }\"></ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'inactive'\" >\n    <ng-container *ngFor=\"let tpl of inactive?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus }\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'pending'\">\n    <ng-container *ngFor=\"let tpl of pending?.toArray()\" [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ status: promiseStatus }\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'success'\">\n    <ng-container\n      *ngFor=\"let tpl of success?.toArray()\"\n      [ngTemplateOutlet]=\"tpl\"\n      [ngTemplateOutletContext]=\"{ value: promiseValue, status: promiseStatus }\"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"promiseStatus === 'error'\">\n    <ng-container\n      *ngFor=\"let tpl of error?.toArray()\"\n      [ngTemplateOutlet]=\"tpl\"\n      [ngTemplateOutletContext]=\"{ errorMessages: promiseErrors, status: promiseStatus }\"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"promise":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"successStateOnReload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"allStates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":25,"character":52}}]}]}],"inactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":26,"character":51}}]}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncPendingComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":27,"character":50}}]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":28,"character":50}}]}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","name":"AsyncErrorComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":29,"character":48}}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NgxAsyncTemplateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxAsyncTemplateComponent"},{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"__symbolic":"reference","name":"AsyncPendingComponent"},{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"__symbolic":"reference","name":"AsyncErrorComponent"}],"exports":[{"__symbolic":"reference","name":"NgxAsyncTemplateComponent"},{"__symbolic":"reference","name":"AsyncAllStatesComponent"},{"__symbolic":"reference","name":"AsyncInactiveComponent"},{"__symbolic":"reference","name":"AsyncPendingComponent"},{"__symbolic":"reference","name":"AsyncSuccessComponent"},{"__symbolic":"reference","name":"AsyncErrorComponent"}]}]}],"members":{}}},"origins":{"AsyncAllStatesComponent":"./lib/ngx-async-template.component","AsyncInactiveComponent":"./lib/ngx-async-template.component","AsyncPendingComponent":"./lib/ngx-async-template.component","AsyncSuccessComponent":"./lib/ngx-async-template.component","AsyncErrorComponent":"./lib/ngx-async-template.component","NgxAsyncTemplateComponent":"./lib/ngx-async-template.component","NgxAsyncTemplateModule":"./lib/ngx-async-template.module"},"importAs":"@klippa/ngx-async-template"}

lib/ngx-async-template.component.d.ts

@@ -14,2 +14,3 @@ import { QueryList, TemplateRef } from '@angular/core';
     promise: Promise<any>;
+    successStateOnReload: boolean;
     promiseStatus: 'inactive' | 'pending' | 'success' | 'error';
@@ -16,0 +17,0 @@ promiseValue: any;

package.json

 {
   "name": "@klippa/ngx-async-template",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "dependencies": {
@@ -5,0 +5,0 @@ "tslib": "^2.0.0"

No alert changes

Improved metrics

Total package byte prevSize

54936

increased by7.52%

Lines of code

411

increased by6.75%

No dependency changes