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
78 lines (71 loc) • 5.36 kB
JavaScript
import { Injectable, Component, NgModule, defineInjectable } from '@angular/core';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AngularCollapseService = /** @class */ (function () {
function AngularCollapseService() {
}
AngularCollapseService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] },
];
/** @nocollapse */
AngularCollapseService.ctorParameters = function () { return []; };
/** @nocollapse */ AngularCollapseService.ngInjectableDef = defineInjectable({ factory: function AngularCollapseService_Factory() { return new AngularCollapseService(); }, token: AngularCollapseService, providedIn: "root" });
return AngularCollapseService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AngularCollapseComponent = /** @class */ (function () {
function AngularCollapseComponent() {
this.show = false;
}
/**
* @return {?}
*/
AngularCollapseComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
AngularCollapseComponent.decorators = [
{ type: 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}"]
},] },
];
/** @nocollapse */
AngularCollapseComponent.ctorParameters = function () { return []; };
return AngularCollapseComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AngularCollapseModule = /** @class */ (function () {
function AngularCollapseModule() {
}
AngularCollapseModule.decorators = [
{ type: NgModule, args: [{
imports: [],
declarations: [AngularCollapseComponent],
exports: [AngularCollapseComponent]
},] },
];
return AngularCollapseModule;
}());
/**
* @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+XG5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2Aud3JhcHBlcnt3aWR0aDo4MCU7bWFyZ2luOjAgYXV0bztmb250LXdlaWdodDozNTB9aGVhZGVye3BhZGRpbmc6MXJlbTtib3gtc2l6aW5nOmJvcmRlci1ib3g7YmFja2dyb3VuZC1jb2xvcjojZjlmOWY5fWJvZHl7cGFkZGluZzoxLjVyZW07YmFja2dyb3VuZC1jb2xvcjojZmZmO2ZvbnQtc2l6ZTouOHJlbX1gXVxufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyQ29sbGFwc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgc2hvdyA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2FuZ3VsYXItY29sbGFwc2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtBbmd1bGFyQ29sbGFwc2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBBbmd1bGFyQ29sbGFwc2VNb2R1bGUgeyB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7SUFPRTtLQUFpQjs7Z0JBTGxCLFVBQVUsU0FBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7Ozs7O2lDQUpEOzs7Ozs7O0FDQUE7SUFtQkU7b0JBRU8sS0FBSztLQUZLOzs7O0lBSWpCLDJDQUFROzs7SUFBUjtLQUNDOztnQkF0QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxrU0FVTDtvQkFDTCxNQUFNLEVBQUUsQ0FBQyxnTEFBZ0wsQ0FBQztpQkFDM0w7Ozs7bUNBaEJEOzs7Ozs7O0FDQUE7Ozs7Z0JBR0MsUUFBUSxTQUFDO29CQUNSLE9BQU8sRUFBRSxFQUNSO29CQUNELFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEM7O2dDQVJEOzs7Ozs7Ozs7Ozs7Ozs7In0=