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
2 lines • 1.49 kB
JavaScript
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("angular-collapse",["exports","@angular/core"],n):n(e["angular-collapse"]={},e.ng.core)}(this,function(e,n){"use strict";var o=function(){function e(){}return e.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=n.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),r=function(){function e(){this.show=!1}return e.prototype.ngOnInit=function(){},e.decorators=[{type:n.Component,args:[{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}"]}]}],e.ctorParameters=function(){return[]},e}(),t=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[],declarations:[r],exports:[r]}]}],e}();e.AngularCollapseService=o,e.AngularCollapseComponent=r,e.AngularCollapseModule=t,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=angular-collapse.umd.min.js.map