angular-collapse
Version:
The idea is to give consumers of the component, all the control to modify content & behavior. Core and only feature of the collapsible is to expand and collapse. ##### click the header to expand or collapse
1 lines • 1.79 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"AngularCollapseService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"AngularCollapseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-angular-collapse","template":"<div class=\"wrapper\">\n\n <header (click)=\"show = !show;\">\n <ng-content select=\"[header]\"></ng-content>\n </header>\n \n <body [hidden]=\"!show\">\n <ng-content select=\"[body]\"></ng-content>\n </body>\n\n</div>","styles":[".wrapper{width:80%;margin:0 auto;font-weight:350}header{padding:1rem;box-sizing:border-box;background-color:#f9f9f9}body{padding:1.5rem;background-color:#fff;font-size:.8rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AngularCollapseModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","name":"AngularCollapseComponent"}],"exports":[{"__symbolic":"reference","name":"AngularCollapseComponent"}]}]}],"members":{}}},"origins":{"AngularCollapseService":"./lib/angular-collapse.service","AngularCollapseComponent":"./lib/angular-collapse.component","AngularCollapseModule":"./lib/angular-collapse.module"},"importAs":"angular-collapse"}