ng-sugar - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

bundles/ng-sugar.umd.js

@@ -105,2 +105,3 @@ (function (global, factory) {
     ];
+    ObservableComponent.ctorParameters = function () { return []; };
 
@@ -107,0 +108,0 @@ var NgLetDirective = /** @class */ (function () {

bundles/ng-sugar.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("observable-input")):"function"==typeof define&&define.amd?define("ng-sugar",["exports","@angular/core","rxjs","rxjs/operators","observable-input"],t):t((e=e||self)["ng-sugar"]={},e.ng.core,e.rxjs,e.rxjs.operators,e.observableInput)}(this,(function(e,t,n,r,o){"use strict";var i=Symbol("onChanges"),p=Symbol("onInit"),s=Symbol("doCheck"),a=Symbol("afterContentInit"),u=Symbol("afterContentChecked"),c=Symbol("afterViewInit"),f=Symbol("afterViewChecked"),b=Symbol("onDestroy"),l=function(){function e(){}return Object.defineProperty(e.prototype,"onChanges",{get:function(){return this.getObservable(i).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"onInit",{get:function(){return this.getObservable(p).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"doCheck",{get:function(){return this.getObservable(s).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterContentInit",{get:function(){return this.getObservable(a).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterContentChecked",{get:function(){return this.getObservable(u).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterViewInit",{get:function(){return this.getObservable(c).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterViewChecked",{get:function(){return this.getObservable(f).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"onDestroy",{get:function(){return this.getObservable(b).pipe(r.take(1))},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){this.emit(i,e)},e.prototype.ngOnInit=function(){this.emit(p)},e.prototype.ngDoCheck=function(){this.emit(s)},e.prototype.ngAfterContentInit=function(){this.emit(a)},e.prototype.ngAfterContentChecked=function(){this.emit(u)},e.prototype.ngAfterViewInit=function(){this.emit(c)},e.prototype.ngAfterViewChecked=function(){this.emit(f)},e.prototype.ngOnDestroy=function(){this.emit(b)},e.prototype.getObservable=function(e){return(this[e]||(this[e]=new n.Subject)).asObservable()},e.prototype.emit=function(e,t){var n=this[e];n&&n.next(t)},e}();l.decorators=[{type:t.Component,args:[{selector:"lib-observable-component",template:""}]}];var y=function(){function e(e,t){this.letContext={ngLet:null},e.createEmbeddedView(t,this.letContext)}return Object.defineProperty(e.prototype,"ngLet",{set:function(e){this.letContext.ngLet=e},enumerable:!1,configurable:!0}),e}();y.decorators=[{type:t.Directive,args:[{selector:"[ngLet]"}]}],y.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.TemplateRef}]},y.propDecorators={ngLet:[{type:t.Input}]};var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[l,y],imports:[],exports:[l,y]}]}],Object.keys(o).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})})),e.NgSugarModule=g,e.ObservableComponent=l,e.ɵa=y,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("observable-input")):"function"==typeof define&&define.amd?define("ng-sugar",["exports","@angular/core","rxjs","rxjs/operators","observable-input"],t):t((e=e||self)["ng-sugar"]={},e.ng.core,e.rxjs,e.rxjs.operators,e.observableInput)}(this,(function(e,t,n,r,o){"use strict";var i=Symbol("onChanges"),a=Symbol("onInit"),p=Symbol("doCheck"),s=Symbol("afterContentInit"),u=Symbol("afterContentChecked"),c=Symbol("afterViewInit"),f=Symbol("afterViewChecked"),b=Symbol("onDestroy"),l=function(){function e(){}return Object.defineProperty(e.prototype,"onChanges",{get:function(){return this.getObservable(i).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"onInit",{get:function(){return this.getObservable(a).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"doCheck",{get:function(){return this.getObservable(p).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterContentInit",{get:function(){return this.getObservable(s).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterContentChecked",{get:function(){return this.getObservable(u).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterViewInit",{get:function(){return this.getObservable(c).pipe(r.takeUntil(this.onDestroy),r.take(1))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"afterViewChecked",{get:function(){return this.getObservable(f).pipe(r.takeUntil(this.onDestroy))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"onDestroy",{get:function(){return this.getObservable(b).pipe(r.take(1))},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){this.emit(i,e)},e.prototype.ngOnInit=function(){this.emit(a)},e.prototype.ngDoCheck=function(){this.emit(p)},e.prototype.ngAfterContentInit=function(){this.emit(s)},e.prototype.ngAfterContentChecked=function(){this.emit(u)},e.prototype.ngAfterViewInit=function(){this.emit(c)},e.prototype.ngAfterViewChecked=function(){this.emit(f)},e.prototype.ngOnDestroy=function(){this.emit(b)},e.prototype.getObservable=function(e){return(this[e]||(this[e]=new n.Subject)).asObservable()},e.prototype.emit=function(e,t){var n=this[e];n&&n.next(t)},e}();l.decorators=[{type:t.Component,args:[{selector:"lib-observable-component",template:""}]}],l.ctorParameters=function(){return[]};var y=function(){function e(e,t){this.letContext={ngLet:null},e.createEmbeddedView(t,this.letContext)}return Object.defineProperty(e.prototype,"ngLet",{set:function(e){this.letContext.ngLet=e},enumerable:!1,configurable:!0}),e}();y.decorators=[{type:t.Directive,args:[{selector:"[ngLet]"}]}],y.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.TemplateRef}]},y.propDecorators={ngLet:[{type:t.Input}]};var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[l,y],imports:[],exports:[l,y]}]}],Object.keys(o).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}})})),e.NgSugarModule=g,e.ObservableComponent=l,e.ɵa=y,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-sugar.umd.min.js.map

esm2015/lib/observable-component.js

@@ -17,2 +17,3 @@ import { Component } from '@angular/core';
 export class ObservableComponent {
+    constructor() { }
     // all observables will complete on component destruction
@@ -68,2 +69,3 @@ get onChanges() {
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzZXJ2YWJsZS1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1zdWdhci9zcmMvbGliL29ic2VydmFibGUtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFTTSxTQUFTLEVBQ3JCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7QUFDekMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ25DLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUNyQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0FBQ3ZELE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7QUFDN0QsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7QUFDakQsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztBQUN2RCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7QUFFekMsK0RBQStEO0FBQy9ELCtFQUErRTtBQUMvRSw2RUFBNkU7QUFLN0Usa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBbUI7SUFFNUIseURBQXlEO0lBQ3pELElBQWMsU0FBUztRQUNuQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsSUFBYyxN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O2dCQUNwQyxRQUFRLEVBQUUsRUFBRTthQUNiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIERvQ2hlY2ssXG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFmdGVyQ29udGVudENoZWNrZWQsXG4gIEFmdGVyVmlld0luaXQsXG4gIEFmdGVyVmlld0NoZWNrZWQsXG4gIE9uRGVzdHJveSwgQ29tcG9uZW50XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsLCB0YWtlIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5jb25zdCBvbkNoYW5nZXNLZXkgPSBTeW1ib2woJ29uQ2hhbmdlcycpO1xuY29uc3Qgb25Jbml0S2V5ID0gU3ltYm9sKCdvbkluaXQnKTtcbmNvbnN0IGRvQ2hlY2tLZXkgPSBTeW1ib2woJ2RvQ2hlY2snKTtcbmNvbnN0IGFmdGVyQ29udGVudEluaXRLZXkgPSBTeW1ib2woJ2FmdGVyQ29udGVudEluaXQnKTtcbmNvbnN0IGFmdGVyQ29udGVudENoZWNrZWRLZXkgPSBTeW1ib2woJ2FmdGVyQ29udGVudENoZWNrZWQnKTtcbmNvbnN0IGFmdGVyVmlld0luaXRLZXkgPSBTeW1ib2woJ2FmdGVyVmlld0luaXQnKTtcbmNvbnN0IGFmdGVyVmlld0NoZWNrZWRLZXkgPSBTeW1ib2woJ2FmdGVyVmlld0NoZWNrZWQnKTtcbmNvbnN0IG9uRGVzdHJveUtleSA9IFN5bWJvbCgnb25EZXN0cm95Jyk7XG5cbi8vIG9yaWdpbmF0ZWQgZnJvbSBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL2EvNDY1NzI3MzkvMjM4MDQ1NVxuLy8gSSBoYWQgdG8gZ28gd2l0aCBAQ29tcG9uZW50IGRlY29yYXRvciBhcyB0aGUgY29tcGlsZXIgd2lsbCBicnV0YWxseSBjb21wbGFpblxuLy8gd2l0aCBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL2EvNjI2MTM0OTQvMjM4MDQ1NSBpZiB0aGlzIGlzIG5vdCBkZWNvcmF0ZWRcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1vYnNlcnZhYmxlLWNvbXBvbmVudCcsXG4gIHRlbXBsYXRlOiAnJ1xufSlcbi8vIHRzbGludDpkaXNhYmxlOiBuby1jb25mbGljdGluZy1saWZlY3ljbGUgZGlyZWN0aXZlLWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIE9ic2VydmFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgRG9DaGVjaywgQWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgQWZ0ZXJWaWV3SW5pdCxcbkFmdGVyVmlld0NoZWNrZWQsIE9uRGVzdHJveSB7XG4gICAgLy8gYWxsIG9ic2VydmFibGVzIHdpbGwgY29tcGxldGUgb24gY29tcG9uZW50IGRlc3RydWN0aW9uXG4gICAgcHJvdGVjdGVkIGdldCBvbkNoYW5nZXMoKTogT2JzZXJ2YWJsZTxTaW1wbGVDaGFuZ2VzPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUob25DaGFuZ2VzS2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgb25Jbml0KCk6IE9ic2VydmFibGU8dm9pZD4ge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRPYnNlcnZhYmxlKG9uSW5pdEtleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpLCB0YWtlKDEpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGRvQ2hlY2soKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUoZG9DaGVja0tleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGFmdGVyQ29udGVudEluaXQoKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUoYWZ0ZXJDb250ZW50SW5pdEtleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpLCB0YWtlKDEpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGFmdGVyQ29udGVudENoZWNrZWQoKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUoYWZ0ZXJDb250ZW50Q2hlY2tlZEtleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGFmdGVyVmlld0luaXQoKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUoYWZ0ZXJWaWV3SW5pdEtleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpLCB0YWtlKDEpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGFmdGVyVmlld0NoZWNrZWQoKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUoYWZ0ZXJWaWV3Q2hlY2tlZEtleSkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IG9uRGVzdHJveSgpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShvbkRlc3Ryb3lLZXkpLnBpcGUodGFrZSgxKSk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQgeyB0aGlzLmVtaXQob25DaGFuZ2VzS2V5LCBjaGFuZ2VzKTsgfVxuICAgIG5nT25Jbml0KCk6IHZvaWQgeyB0aGlzLmVtaXQob25Jbml0S2V5KTsgfVxuICAgIG5nRG9DaGVjaygpOiB2b2lkIHsgdGhpcy5lbWl0KGRvQ2hlY2tLZXkpOyB9XG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQgeyB0aGlzLmVtaXQoYWZ0ZXJDb250ZW50SW5pdEtleSk7IH1cbiAgICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7IHRoaXMuZW1pdChhZnRlckNvbnRlbnRDaGVja2VkS2V5KTsgfVxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHsgdGhpcy5lbWl0KGFmdGVyVmlld0luaXRLZXkpOyB9XG4gICAgbmdBZnRlclZpZXdDaGVja2VkKCk6IHZvaWQgeyB0aGlzLmVtaXQoYWZ0ZXJWaWV3Q2hlY2tlZEtleSk7IH1cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHsgdGhpcy5lbWl0KG9uRGVzdHJveUtleSk7IH1cblxuICAgIHByaXZhdGUgZ2V0T2JzZXJ2YWJsZShrZXk6IHN5bWJvbCk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgICAgIHJldHVybiAodGhpc1trZXldIHx8ICh0aGlzW2tleV0gPSBuZXcgU3ViamVjdDxhbnk+KCkpKS5hc09ic2VydmFibGUoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGVtaXQoa2V5OiBzeW1ib2wsIHZhbHVlPzogYW55KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHN1YmplY3QgPSB0aGlzW2tleV07XG4gICAgICAgIGlmICghc3ViamVjdCl7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBzdWJqZWN0Lm5leHQodmFsdWUpO1xuICAgIH1cbn1cbiJdfQ==
+ObservableComponent.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzZXJ2YWJsZS1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1zdWdhci9zcmMvbGliL29ic2VydmFibGUtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFTTSxTQUFTLEVBQ3JCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7QUFDekMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ25DLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUNyQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0FBQ3ZELE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7QUFDN0QsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7QUFDakQsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztBQUN2RCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7QUFFekMsK0RBQStEO0FBQy9ELCtFQUErRTtBQUMvRSw2RUFBNkU7QUFLN0Usa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBbUI7SUFHNUIsZ0JBQWMsQ0FBQztJQUVmLHlEQUF5RDtJQUN6RCxJQUFjLFNBQVM7UUFDbkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDNUUs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UUFBUSxFQUFFLDBCQUEwQjtnQkFDcEMsUUFBUSxFQUFFLEVBQUU7YUFDYiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBEb0NoZWNrLFxuICBBZnRlckNvbnRlbnRJbml0LFxuICBBZnRlckNvbnRlbnRDaGVja2VkLFxuICBBZnRlclZpZXdJbml0LFxuICBBZnRlclZpZXdDaGVja2VkLFxuICBPbkRlc3Ryb3ksIENvbXBvbmVudFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCwgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuY29uc3Qgb25DaGFuZ2VzS2V5ID0gU3ltYm9sKCdvbkNoYW5nZXMnKTtcbmNvbnN0IG9uSW5pdEtleSA9IFN5bWJvbCgnb25Jbml0Jyk7XG5jb25zdCBkb0NoZWNrS2V5ID0gU3ltYm9sKCdkb0NoZWNrJyk7XG5jb25zdCBhZnRlckNvbnRlbnRJbml0S2V5ID0gU3ltYm9sKCdhZnRlckNvbnRlbnRJbml0Jyk7XG5jb25zdCBhZnRlckNvbnRlbnRDaGVja2VkS2V5ID0gU3ltYm9sKCdhZnRlckNvbnRlbnRDaGVja2VkJyk7XG5jb25zdCBhZnRlclZpZXdJbml0S2V5ID0gU3ltYm9sKCdhZnRlclZpZXdJbml0Jyk7XG5jb25zdCBhZnRlclZpZXdDaGVja2VkS2V5ID0gU3ltYm9sKCdhZnRlclZpZXdDaGVja2VkJyk7XG5jb25zdCBvbkRlc3Ryb3lLZXkgPSBTeW1ib2woJ29uRGVzdHJveScpO1xuXG4vLyBvcmlnaW5hdGVkIGZyb20gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9hLzQ2NTcyNzM5LzIzODA0NTVcbi8vIEkgaGFkIHRvIGdvIHdpdGggQENvbXBvbmVudCBkZWNvcmF0b3IgYXMgdGhlIGNvbXBpbGVyIHdpbGwgYnJ1dGFsbHkgY29tcGxhaW5cbi8vIHdpdGggaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9hLzYyNjEzNDk0LzIzODA0NTUgaWYgdGhpcyBpcyBub3QgZGVjb3JhdGVkXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItb2JzZXJ2YWJsZS1jb21wb25lbnQnLFxuICB0ZW1wbGF0ZTogJydcbn0pXG4vLyB0c2xpbnQ6ZGlzYWJsZTogbm8tY29uZmxpY3RpbmctbGlmZWN5Y2xlIGRpcmVjdGl2ZS1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBPYnNlcnZhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIERvQ2hlY2ssIEFmdGVyQ29udGVudEluaXQsIEFmdGVyQ29udGVudENoZWNrZWQsIEFmdGVyVmlld0luaXQsXG5BZnRlclZpZXdDaGVja2VkLCBPbkRlc3Ryb3kge1xuXG4gICAgY29uc3RydWN0b3IoKXt9XG5cbiAgICAvLyBhbGwgb2JzZXJ2YWJsZXMgd2lsbCBjb21wbGV0ZSBvbiBjb21wb25lbnQgZGVzdHJ1Y3Rpb25cbiAgICBwcm90ZWN0ZWQgZ2V0IG9uQ2hhbmdlcygpOiBPYnNlcnZhYmxlPFNpbXBsZUNoYW5nZXM+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShvbkNoYW5nZXNLZXkpLnBpcGUodGFrZVVudGlsKHRoaXMub25EZXN0cm95KSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBvbkluaXQoKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldE9ic2VydmFibGUob25Jbml0S2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSksIHRha2UoMSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgZG9DaGVjaygpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShkb0NoZWNrS2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgYWZ0ZXJDb250ZW50SW5pdCgpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShhZnRlckNvbnRlbnRJbml0S2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSksIHRha2UoMSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgYWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShhZnRlckNvbnRlbnRDaGVja2VkS2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgYWZ0ZXJWaWV3SW5pdCgpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShhZnRlclZpZXdJbml0S2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSksIHRha2UoMSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgYWZ0ZXJWaWV3Q2hlY2tlZCgpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0T2JzZXJ2YWJsZShhZnRlclZpZXdDaGVja2VkS2V5KS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgb25EZXN0cm95KCk6IE9ic2VydmFibGU8dm9pZD4ge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRPYnNlcnZhYmxlKG9uRGVzdHJveUtleSkucGlwZSh0YWtlKDEpKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7IHRoaXMuZW1pdChvbkNoYW5nZXNLZXksIGNoYW5nZXMpOyB9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7IHRoaXMuZW1pdChvbkluaXRLZXkpOyB9XG4gICAgbmdEb0NoZWNrKCk6IHZvaWQgeyB0aGlzLmVtaXQoZG9DaGVja0tleSk7IH1cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7IHRoaXMuZW1pdChhZnRlckNvbnRlbnRJbml0S2V5KTsgfVxuICAgIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHsgdGhpcy5lbWl0KGFmdGVyQ29udGVudENoZWNrZWRLZXkpOyB9XG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQgeyB0aGlzLmVtaXQoYWZ0ZXJWaWV3SW5pdEtleSk7IH1cbiAgICBuZ0FmdGVyVmlld0NoZWNrZWQoKTogdm9pZCB7IHRoaXMuZW1pdChhZnRlclZpZXdDaGVja2VkS2V5KTsgfVxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQgeyB0aGlzLmVtaXQob25EZXN0cm95S2V5KTsgfVxuXG4gICAgcHJpdmF0ZSBnZXRPYnNlcnZhYmxlKGtleTogc3ltYm9sKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuICh0aGlzW2tleV0gfHwgKHRoaXNba2V5XSA9IG5ldyBTdWJqZWN0PGFueT4oKSkpLmFzT2JzZXJ2YWJsZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZW1pdChrZXk6IHN5bWJvbCwgdmFsdWU/OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgY29uc3Qgc3ViamVjdCA9IHRoaXNba2V5XTtcbiAgICAgICAgaWYgKCFzdWJqZWN0KXtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHN1YmplY3QubmV4dCh2YWx1ZSk7XG4gICAgfVxufVxuIl19

fesm2015/ng-sugar.js

@@ -19,2 +19,3 @@ import { Component, Directive, ViewContainerRef, TemplateRef, Input, NgModule } from '@angular/core';
 class ObservableComponent {
+    constructor() { }
     // all observables will complete on component destruction
@@ -70,2 +71,3 @@ get onChanges() {
 ];
+ObservableComponent.ctorParameters = () => [];
 
@@ -72,0 +74,0 @@ class NgLetDirective {

lib/observable-component.d.ts

 import { SimpleChanges, OnChanges, OnInit, DoCheck, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 export declare class ObservableComponent implements OnChanges, OnInit, DoCheck, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, OnDestroy {
+    constructor();
     protected get onChanges(): Observable<SimpleChanges>;
@@ -5,0 +6,0 @@ protected get onInit(): Observable<void>;

ng-sugar.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"observable-input"}],"metadata":{"NgSugarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ObservableComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[],"exports":[{"__symbolic":"reference","name":"ObservableComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ObservableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"lib-observable-component","template":""}]}],"members":{"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getObservable":[{"__symbolic":"method"}],"emit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[ngLet]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":31},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":85,"context":{"typeName":"T"},"module":"./lib/ng-let.directive"}]}]}]}],"ngLet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}]}}},"origins":{"NgSugarModule":"./lib/ng-sugar.module","ObservableComponent":"./lib/observable-component","ɵa":"./lib/ng-let.directive"},"importAs":"ng-sugar"}
+{"__symbolic":"module","version":4,"exports":[{"from":"observable-input"}],"metadata":{"NgSugarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ObservableComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[],"exports":[{"__symbolic":"reference","name":"ObservableComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ObservableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"lib-observable-component","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getObservable":[{"__symbolic":"method"}],"emit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[ngLet]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":31},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":85,"context":{"typeName":"T"},"module":"./lib/ng-let.directive"}]}]}]}],"ngLet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}]}}},"origins":{"NgSugarModule":"./lib/ng-sugar.module","ObservableComponent":"./lib/observable-component","ɵa":"./lib/ng-let.directive"},"importAs":"ng-sugar"}

package.json

 {
   "name": "ng-sugar",
-  "version": "0.1.5",
-  "description": "Non-orthodox syntactic sugar utils for Angular.",
+  "version": "0.1.6",
+  "description": "Syntactic sugar utils for Angular.",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

README.md

 ## ng-sugar
-Non-orthodox, or somehow experimental syntactic sugar utils for Angular.
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.3 (boilerplate is threatening though).
+Syntactic sugar utils for Angular.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.3 (boilerplate is frightening though).
 
+## Installation
+
+```bash
+npm install --save ng-sugar
+```
+
+or
+
+```bash
+yarn add ng-sugar
+```
+
 ## Purpose
 
-Reduce the boilerplate in rxjs-first workflows.
+Reduce the boilerplate in rxjs-first workflows. Angular itself is not centered around rxjs yet it uses it to a degree, where at times logic starts looking convoluted and a bit boilerplaty when we start mixing observables with component lifecycle, Inputs, ViewChild, etc.
 
+For example, let's say we want to make a component that can define its own navigation items and pass it back to parent component that manages the appshell's navigation bar. One way would be to write:
+
+```ts
+@Component({
+    selector: 'hero-component',
+    template: `
+        <p>Hero Component</p>
+
+        <ng-template #items>
+            <button mat-icon-button>
+                <mat-icon>arrow_drop_up</mat-icon>
+            </button>
+        </ng-template>
+    `
+})
+export class HeroComponent {
+    @ViewChild("items", {static: false}) items: TemplateRef<any>
+    @Output() appbarItems = new EventEmitter<TemplateRef<any>>()
+
+    ngAfterViewInit(): void { 
+        this.appbarItems.emit(this.items)
+    }
+}
+```
+
+Doing this is totally fine as long as there no code that will run prior to `ngAfterViewInit()`  that touches `this.items` which are undefined in that case.
+
+As an alternative, we can utilize `ObservableComponent` that has lifecycle hooks as observables, then expessing our logic on top of this observable. Above will now look like:
+
+```ts
+import {ObservableComponent} from "ng-sugar";
+
+//...
+export class HeroComponent extends ObservableComponent {
+    @ViewChild("items", {static: false}) items: TemplateRef<any>
+    // emits once on afterViewInit
+    items$ = this.afterViewInit.pipe(map(() => this.items))
+
+    @Output() appbarItems = new EventEmitter<TemplateRef<any>>()
+
+    constructor(){
+        super()
+
+        this.items$.subscribe(
+            items => this.appbarItems.emit(items),
+            console.error)
+    }
+}
+```
+
+## About
+
+This is a small set of utils that might be part of Angular core itself one day. It consists of 
+
+* ObservableComponent
+* ngLet directive
+* ObservableInput reimported from [insidewhy/observable-input](https://github.com/insidewhy/observable-input)
+
+## ObservableComponent
+
+Inheriting from `ObservableComponent` adds an observable counterpart to every lifecycle hook (with ng prefix removed).
+ngAfterViewInit in the below example is available as `this.afterViewInit`:
+
+```ts
+import {ObservableComponent} from "ng-sugar";
+
+//...
+export class HeroComponent extends ObservableComponent {
+    @ViewChild("items", {static: false}) items: TemplateRef<any>
+    // emits once on afterViewInit
+    items$ = this.afterViewInit.pipe(map(() => this.items))
+}
+```
+
+## NgLet
+
+We can unwrap an observable inside a template using *ngIf directive utilizing `as` binding, like:
+
+```html
+<ng-container *ngIf="groupId$ | async as groupId">
+</ng-container>
+```
+
+Before groupId$ emits or if it is null, above `ng-container` won't be rendered to the DOM. When it is not desired, replacing the above with `*ngLet` handles this usecase:
+
+```html
+<ng-container *ngLet="groupId$ | async as groupId">
+</ng-container>
+```
+
+## ObservableInput
+See [insidewhy/observable-input](https://github.com/insidewhy/observable-input)
+
 ## Contributing
 
 Check [CONTIBUTING.md](CONTRIBUTING.md)

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

63593

increased by5.94%

Lines of code

457

increased by1.33%

Number of lines in readme file

117

increased by875%

No dependency changes