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
79 lines (69 loc) • 4.81 kB
JavaScript
import { Injectable, NgModule, Component, defineInjectable } from '@angular/core';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
class AngularCollapseService {
constructor() { }
}
AngularCollapseService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] },
];
/** @nocollapse */
AngularCollapseService.ctorParameters = () => [];
/** @nocollapse */ AngularCollapseService.ngInjectableDef = defineInjectable({ factory: function AngularCollapseService_Factory() { return new AngularCollapseService(); }, token: AngularCollapseService, providedIn: "root" });
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
class AngularCollapseComponent {
constructor() {
this.show = false;
}
/**
* @return {?}
*/
ngOnInit() {
}
}
AngularCollapseComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-angular-collapse',
template: `<div class="wrapper">
<header (click)="show = !show;">
<ng-content select="[header]"></ng-content>
</header>
<body [hidden]="!show">
<ng-content select="[body]"></ng-content>
</body>
</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}`]
},] },
];
/** @nocollapse */
AngularCollapseComponent.ctorParameters = () => [];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
class AngularCollapseModule {
}
AngularCollapseModule.decorators = [
{ type: NgModule, args: [{
imports: [],
declarations: [AngularCollapseComponent],
exports: [AngularCollapseComponent]
},] },
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
export { AngularCollapseService, AngularCollapseComponent, AngularCollapseModule };
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1jb2xsYXBzZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vYW5ndWxhci1jb2xsYXBzZS9saWIvYW5ndWxhci1jb2xsYXBzZS5zZXJ2aWNlLnRzIiwibmc6Ly9hbmd1bGFyLWNvbGxhcHNlL2xpYi9hbmd1bGFyLWNvbGxhcHNlLmNvbXBvbmVudC50cyIsIm5nOi8vYW5ndWxhci1jb2xsYXBzZS9saWIvYW5ndWxhci1jb2xsYXBzZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyQ29sbGFwc2VTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIiwiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFuZ3VsYXItY29sbGFwc2UnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJ3cmFwcGVyXCI+XG5cbiAgICAgICAgPGhlYWRlciAoY2xpY2spPVwic2hvdyA9ICFzaG93O1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2hlYWRlcj5cbiAgICAgICAgICAgIFxuICAgICAgICA8Ym9keSBbaGlkZGVuXT1cIiFzaG93XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JvZHldXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2JvZHk+XG5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2Aud3JhcHBlcnt3aWR0aDo4MCU7bWFyZ2luOjAgYXV0bztmb250LXdlaWdodDozNTB9aGVhZGVye3BhZGRpbmc6MXJlbTtib3gtc2l6aW5nOmJvcmRlci1ib3g7YmFja2dyb3VuZC1jb2xvcjojZjlmOWY5fWJvZHl7cGFkZGluZzoxLjVyZW07YmFja2dyb3VuZC1jb2xvcjojZmZmO2ZvbnQtc2l6ZTouOHJlbX1gXVxufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyQ29sbGFwc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgc2hvdyA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2FuZ3VsYXItY29sbGFwc2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtBbmd1bGFyQ29sbGFwc2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyQ29sbGFwc2VNb2R1bGUgeyB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7SUFPRSxpQkFBaUI7OztZQUxsQixVQUFVLFNBQUM7Z0JBQ1YsVUFBVSxFQUFFLE1BQU07YUFDbkI7Ozs7Ozs7Ozs7QUNKRDtJQW1CRTtvQkFFTyxLQUFLO0tBRks7Ozs7SUFJakIsUUFBUTtLQUNQOzs7WUF0QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLFFBQVEsRUFBRTs7Ozs7Ozs7OztPQVVMO2dCQUNMLE1BQU0sRUFBRSxDQUFDLGdMQUFnTCxDQUFDO2FBQzNMOzs7Ozs7Ozs7QUNoQkQ7OztZQUdDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsRUFDUjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztnQkFDeEMsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDcEM7Ozs7Ozs7Ozs7Ozs7OzsifQ==