mdds-angular-composite/mdds-angular-composite.metadata.json

Augular Composite that compose multiple componennt to be a single page

{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[composite-directive]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":42,"character":41}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":45,"character":1},"arguments":[{"selector":"[composite-submit-directive]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":42,"character":41}]}]}},"CompositeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":52,"character":1},"arguments":[{"selector":"app-composite","template":"<div>\n    <h3 class=\"mt-3\">Class Enrollment:</h3>\n\n    <div *ngFor=\"let step of steps; index as idx;\">\n        <h4 class=\"mt-3\">{{idx + 1}}. {{step.stepName}}</h4>\n        <ng-template composite-directive></ng-template>\n        <div class=\"error-message\" *ngIf=\"errorMessages[idx]\">{{step.errorMessage}}</div>\n    </div>\n\n    <div class=\"action-buttons-center mt-3\">\n        <button class=\"btn btn-success\" \n            (click)=\"onSubmit()\">Submit</button>\n        <button class=\"btn btn-outline-success\" \n            type=\"button\" (click)=\"onCancel()\">Cancel</button>\n        \n        <div *ngIf=\"submitting && !allActionsReady()\" class=\"error-message\">Please check and fix all errors before submitting.</div>\n   </div>\n\n   <div style=\"display: none;\">\n        <ng-template composite-submit-directive></ng-template>\n    </div>\n</div>","styles":[".action-buttons-center{width:100%;float:right;text-align:center;margin-bottom:1.25rem}.action-buttons-center .btn{display:inline-block;margin-left:2.5rem}.error-message{color:#dc3545;margin-top:1rem;font-style:italic}"]}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"stepConfigs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"componentEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":5}}]}],"compositeDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":78,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"compositeSubmitDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":84,"character":41},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":85,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"reloadStep":[{"__symbolic":"method"}],"loadAllSteps":[{"__symbolic":"method"}],"allActionsReady":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}},"compositeStep":{"__symbolic":"interface"},"compositeStepConfig":{"__symbolic":"interface"},"submitComponent":{"__symbolic":"interface"},"CompositeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":8}],"declarations":[{"__symbolic":"reference","name":"CompositeComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"CompositeComponent"}],"providers":[]}]}],"members":{}}},"origins":{"ɵa":"./composite/composite.component","ɵb":"./composite/composite.component","CompositeComponent":"./composite/composite.component","compositeStep":"./composite/composite.component","compositeStepConfig":"./composite/composite.component","submitComponent":"./composite/composite.component","CompositeModule":"./composite/composite.module"},"importAs":"mdds-angular-composite"}