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

Comparing version 2.1.1 to 2.2.0

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

@@ -67,8 +67,13 @@ (function (global, factory) {
                 }
+                var originalPromise_1 = this.promise;
                 this.promise.then(function (res) {
-                    _this.promiseStatus = 'success';
-                    _this.promiseValue = res;
+                    if (originalPromise_1 === _this.promise) {
+                        _this.promiseStatus = 'success';
+                        _this.promiseValue = res;
+                    }
                 }, function (res) {
-                    _this.promiseStatus = 'error';
-                    _this.promiseErrors = res;
+                    if (originalPromise_1 === _this.promise) {
+                        _this.promiseStatus = 'error';
+                        _this.promiseErrors = res;
+                    }
                 });
@@ -75,0 +80,0 @@ }

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 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})}));
+!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 p=function(){function e(){this.promise=null,this.successStateOnReload=!1,this.promiseStatus="inactive"}return e.prototype.ngOnChanges=function(){var e=this;if(this.promise){this.successStateOnReload&&"success"===this.promiseStatus||(this.promiseValue=null,this.promiseStatus="pending");var t=this.promise;this.promise.then((function(n){t===e.promise&&(e.promiseStatus="success",e.promiseValue=n)}),(function(n){t===e.promise&&(e.promiseStatus="error",e.promiseErrors=n)}))}else this.promiseValue=null,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}],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 c=function(){};c.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[p,r,o,s,a,i],exports:[p,r,o,s,a,i]}]}],e.AsyncAllStatesComponent=r,e.AsyncErrorComponent=i,e.AsyncInactiveComponent=o,e.AsyncPendingComponent=s,e.AsyncSuccessComponent=a,e.NgxAsyncTemplateComponent=p,e.NgxAsyncTemplateModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=klippa-ngx-async-template.umd.min.js.map

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

@@ -46,8 +46,13 @@ import { Component, ContentChildren, Directive, Input, TemplateRef } from '@angular/core';
             }
+            const originalPromise = this.promise;
             this.promise.then((res) => {
-                this.promiseStatus = 'success';
-                this.promiseValue = res;
+                if (originalPromise === this.promise) {
+                    this.promiseStatus = 'success';
+                    this.promiseValue = res;
+                }
             }, (res) => {
-                this.promiseStatus = 'error';
-                this.promiseErrors = res;
+                if (originalPromise === this.promise) {
+                    this.promiseStatus = 'error';
+                    this.promiseErrors = res;
+                }
             });
@@ -74,2 +79,2 @@ }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRyxNQUFNLE9BQU8sdUJBQXVCOzs7WUFEbkMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOztBQUcxQyxNQUFNLE9BQU8sc0JBQXNCOzs7WUFEbEMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFOztBQUcvQyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8sbUJBQW1COzs7WUFEL0IsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFOztBQVE1QyxNQUFNLE9BQU8seUJBQXlCO0lBYXBDO1FBWlMsWUFBTyxHQUFpQixJQUFJLENBQUM7UUFDN0IseUJBQW9CLEdBQVksS0FBSyxDQUFDLENBQUMsOEdBQThHO1FBQ3ZKLGtCQUFhLEdBQWlELFVBQVUsQ0FBQztJQVVqRSxDQUFDO0lBRWhCLFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxJQUFJLENBQUMsb0JBQW9CLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7Z0JBQ2pFLDhCQUE4QjthQUMvQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7YUFDaEM7WUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDZixDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNOLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQztZQUMxQixDQUFDLEVBQ0QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDTixJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7WUFDM0IsQ0FBQyxDQUNGLENBQUM7U0FDSDtJQUNILENBQUM7OztZQTFDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsaXZDQUFrRDt5QkFDekMsMkJBQTJCO2FBQ3JDOzs7O3NCQUVFLEtBQUs7bUNBQ0wsS0FBSzt3QkFLTCxlQUFlLFNBQUMsdUJBQXVCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3VCQUM5RCxlQUFlLFNBQUMsc0JBQXNCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3NCQUM3RCxlQUFlLFNBQUMscUJBQXFCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO3NCQUM1RCxlQUFlLFNBQUMscUJBQXFCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO29CQUM1RCxlQUFlLFNBQUMsbUJBQW1CLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgSW5wdXQsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1hbGxdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jQWxsU3RhdGVzQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLWluYWN0aXZlXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY0luYWN0aXZlQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLXBlbmRpbmddJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jUGVuZGluZ0NvbXBvbmVudCB7fVxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1zdWNjZXNzXScgfSlcbmV4cG9ydCBjbGFzcyBBc3luY1N1Y2Nlc3NDb21wb25lbnQge31cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtZXJyb3JdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jRXJyb3JDb21wb25lbnQge31cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWFzeW5jLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1hc3luYy10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogWyc6aG9zdCB7IGRpc3BsYXk6IGJsb2NrOyB9J10sXG59KVxuZXhwb3J0IGNsYXNzIE5neEFzeW5jVGVtcGxhdGVDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9taXNlOiBQcm9taXNlPGFueT4gPSBudWxsO1xuICBASW5wdXQoKSBzdWNjZXNzU3RhdGVPblJlbG9hZDogYm9vbGVhbiA9IGZhbHNlOyAvLyB3aGVuIHRydWUsIGZyb20gdGhlIHNlY29uZCAoISkgdGltZSB0aGUgcHJvbWlzZSBpcyBsb2FkZWQsIHdlIGtlZXAgdGhlIHByZXZpb3VzIHN1Y2Nlc3Mgc3RhdGUgd2l0aCBpdHMgZGF0YVxuICBwdWJsaWMgcHJvbWlzZVN0YXR1czogJ2luYWN0aXZlJyB8ICdwZW5kaW5nJyB8ICdzdWNjZXNzJyB8ICdlcnJvcicgPSAnaW5hY3RpdmUnO1xuICBwdWJsaWMgcHJvbWlzZVZhbHVlOiBhbnk7XG4gIHB1YmxpYyBwcm9taXNlRXJyb3JzOiBhbnk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY0FsbFN0YXRlc0NvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBhbGxTdGF0ZXM6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY0luYWN0aXZlQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGluYWN0aXZlOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNQZW5kaW5nQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIHBlbmRpbmc6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY1N1Y2Nlc3NDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgc3VjY2VzczogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuICBAQ29udGVudENoaWxkcmVuKEFzeW5jRXJyb3JDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgZXJyb3I6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnByb21pc2UpIHtcbiAgICAgIHRoaXMucHJvbWlzZVZhbHVlID0gbnVsbDtcbiAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdpbmFjdGl2ZSc7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0aGlzLnN1Y2Nlc3NTdGF0ZU9uUmVsb2FkICYmIHRoaXMucHJvbWlzZVN0YXR1cyA9PT0gJ3N1Y2Nlc3MnKSB7XG4gICAgICAgIC8vIGRvbnQgc2hvdyB0aGUgcGVuZGluZyBzdGF0ZVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5wcm9taXNlVmFsdWUgPSBudWxsO1xuICAgICAgICB0aGlzLnByb21pc2VTdGF0dXMgPSAncGVuZGluZyc7XG4gICAgICB9XG4gICAgICB0aGlzLnByb21pc2UudGhlbihcbiAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdzdWNjZXNzJztcbiAgICAgICAgICB0aGlzLnByb21pc2VWYWx1ZSA9IHJlcztcbiAgICAgICAgfSxcbiAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdlcnJvcic7XG4gICAgICAgICAgdGhpcy5wcm9taXNlRXJyb3JzID0gcmVzO1xuICAgICAgICB9XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRyxNQUFNLE9BQU8sdUJBQXVCOzs7WUFEbkMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFOztBQUcxQyxNQUFNLE9BQU8sc0JBQXNCOzs7WUFEbEMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFOztBQUcvQyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8scUJBQXFCOzs7WUFEakMsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixFQUFFOztBQUc5QyxNQUFNLE9BQU8sbUJBQW1COzs7WUFEL0IsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFOztBQVE1QyxNQUFNLE9BQU8seUJBQXlCO0lBYXBDO1FBWlMsWUFBTyxHQUFpQixJQUFJLENBQUM7UUFDN0IseUJBQW9CLEdBQVksS0FBSyxDQUFDLENBQUMsOEdBQThHO1FBQ3ZKLGtCQUFhLEdBQWlELFVBQVUsQ0FBQztJQVVqRSxDQUFDO0lBRWhCLFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxJQUFJLENBQUMsb0JBQW9CLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7Z0JBQ2pFLDhCQUE4QjthQUMvQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7YUFDaEM7WUFFRCxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNmLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQ04sSUFBRyxlQUFlLEtBQUssSUFBSSxDQUFDLE9BQU8sRUFBRTtvQkFDbkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7b0JBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsR0FBRyxDQUFDO2lCQUN6QjtZQUNILENBQUMsRUFDRCxDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNOLElBQUcsZUFBZSxLQUFLLElBQUksQ0FBQyxPQUFPLEVBQUU7b0JBQ25DLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDO29CQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsQ0FBQztpQkFDMUI7WUFDSCxDQUFDLENBQ0YsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7O1lBaERGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixpdkNBQWtEO3lCQUN6QywyQkFBMkI7YUFDckM7Ozs7c0JBRUUsS0FBSzttQ0FDTCxLQUFLO3dCQUtMLGVBQWUsU0FBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7dUJBQzlELGVBQWUsU0FBQyxzQkFBc0IsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7c0JBQzdELGVBQWUsU0FBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7c0JBQzVELGVBQWUsU0FBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7b0JBQzVELGVBQWUsU0FBQyxtQkFBbUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBJbnB1dCwgUXVlcnlMaXN0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLWFsbF0nIH0pXG5leHBvcnQgY2xhc3MgQXN5bmNBbGxTdGF0ZXNDb21wb25lbnQge31cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtaW5hY3RpdmVdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jSW5hY3RpdmVDb21wb25lbnQge31cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tuZ3gtYXN5bmMtcGVuZGluZ10nIH0pXG5leHBvcnQgY2xhc3MgQXN5bmNQZW5kaW5nQ29tcG9uZW50IHt9XG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbmd4LWFzeW5jLXN1Y2Nlc3NdJyB9KVxuZXhwb3J0IGNsYXNzIEFzeW5jU3VjY2Vzc0NvbXBvbmVudCB7fVxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW25neC1hc3luYy1lcnJvcl0nIH0pXG5leHBvcnQgY2xhc3MgQXN5bmNFcnJvckNvbXBvbmVudCB7fVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtYXN5bmMtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LWFzeW5jLXRlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbJzpob3N0IHsgZGlzcGxheTogYmxvY2s7IH0nXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4QXN5bmNUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHByb21pc2U6IFByb21pc2U8YW55PiA9IG51bGw7XG4gIEBJbnB1dCgpIHN1Y2Nlc3NTdGF0ZU9uUmVsb2FkOiBib29sZWFuID0gZmFsc2U7IC8vIHdoZW4gdHJ1ZSwgZnJvbSB0aGUgc2Vjb25kICghKSB0aW1lIHRoZSBwcm9taXNlIGlzIGxvYWRlZCwgd2Uga2VlcCB0aGUgcHJldmlvdXMgc3VjY2VzcyBzdGF0ZSB3aXRoIGl0cyBkYXRhXG4gIHB1YmxpYyBwcm9taXNlU3RhdHVzOiAnaW5hY3RpdmUnIHwgJ3BlbmRpbmcnIHwgJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyA9ICdpbmFjdGl2ZSc7XG4gIHB1YmxpYyBwcm9taXNlVmFsdWU6IGFueTtcbiAgcHVibGljIHByb21pc2VFcnJvcnM6IGFueTtcblxuICBAQ29udGVudENoaWxkcmVuKEFzeW5jQWxsU3RhdGVzQ29tcG9uZW50LCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGFsbFN0YXRlczogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuICBAQ29udGVudENoaWxkcmVuKEFzeW5jSW5hY3RpdmVDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgaW5hY3RpdmU6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZjxhbnk+PjtcbiAgQENvbnRlbnRDaGlsZHJlbihBc3luY1BlbmRpbmdDb21wb25lbnQsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgcGVuZGluZzogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuICBAQ29udGVudENoaWxkcmVuKEFzeW5jU3VjY2Vzc0NvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBzdWNjZXNzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gIEBDb250ZW50Q2hpbGRyZW4oQXN5bmNFcnJvckNvbXBvbmVudCwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBlcnJvcjogUXVlcnlMaXN0PFRlbXBsYXRlUmVmPGFueT4+O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMucHJvbWlzZSkge1xuICAgICAgdGhpcy5wcm9taXNlVmFsdWUgPSBudWxsO1xuICAgICAgdGhpcy5wcm9taXNlU3RhdHVzID0gJ2luYWN0aXZlJztcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKHRoaXMuc3VjY2Vzc1N0YXRlT25SZWxvYWQgJiYgdGhpcy5wcm9taXNlU3RhdHVzID09PSAnc3VjY2VzcycpIHtcbiAgICAgICAgLy8gZG9udCBzaG93IHRoZSBwZW5kaW5nIHN0YXRlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnByb21pc2VWYWx1ZSA9IG51bGw7XG4gICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdwZW5kaW5nJztcbiAgICAgIH1cblxuICAgICAgY29uc3Qgb3JpZ2luYWxQcm9taXNlID0gdGhpcy5wcm9taXNlO1xuICAgICAgdGhpcy5wcm9taXNlLnRoZW4oXG4gICAgICAgIChyZXMpID0+IHtcbiAgICAgICAgICBpZihvcmlnaW5hbFByb21pc2UgPT09IHRoaXMucHJvbWlzZSkge1xuICAgICAgICAgICAgdGhpcy5wcm9taXNlU3RhdHVzID0gJ3N1Y2Nlc3MnO1xuICAgICAgICAgICAgdGhpcy5wcm9taXNlVmFsdWUgPSByZXM7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICAocmVzKSA9PiB7XG4gICAgICAgICAgaWYob3JpZ2luYWxQcm9taXNlID09PSB0aGlzLnByb21pc2UpIHtcbiAgICAgICAgICAgIHRoaXMucHJvbWlzZVN0YXR1cyA9ICdlcnJvcic7XG4gICAgICAgICAgICB0aGlzLnByb21pc2VFcnJvcnMgPSByZXM7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIl19

fesm2015/klippa-ngx-async-template.js

@@ -48,8 +48,13 @@ import { Directive, Component, Input, ContentChildren, TemplateRef, NgModule } from '@angular/core';
             }
+            const originalPromise = this.promise;
             this.promise.then((res) => {
-                this.promiseStatus = 'success';
-                this.promiseValue = res;
+                if (originalPromise === this.promise) {
+                    this.promiseStatus = 'success';
+                    this.promiseValue = res;
+                }
             }, (res) => {
-                this.promiseStatus = 'error';
-                this.promiseErrors = res;
+                if (originalPromise === this.promise) {
+                    this.promiseStatus = 'error';
+                    this.promiseErrors = res;
+                }
             });
@@ -56,0 +61,0 @@ }

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

57002

increased by3.76%

Lines of code

426

increased by3.65%

No dependency changes