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
35 lines (34 loc) • 2.95 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
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;
}());
export { AngularCollapseComponent };
if (false) {
/** @type {?} */
AngularCollapseComponent.prototype.show;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1jb2xsYXBzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWNvbGxhcHNlLyIsInNvdXJjZXMiOlsibGliL2FuZ3VsYXItY29sbGFwc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztJQW1CaEQ7b0JBRU8sS0FBSztLQUZLOzs7O0lBSWpCLDJDQUFROzs7SUFBUjtLQUNDOztnQkF0QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxrU0FVTDtvQkFDTCxNQUFNLEVBQUUsQ0FBQyxnTEFBZ0wsQ0FBQztpQkFDM0w7Ozs7bUNBaEJEOztTQWlCYSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYW5ndWxhci1jb2xsYXBzZScsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cblxuICAgICAgICA8aGVhZGVyIChjbGljayk9XCJzaG93ID0gIXNob3c7XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvaGVhZGVyPlxuICAgICAgICAgICAgXG4gICAgICAgIDxib2R5IFtoaWRkZW5dPVwiIXNob3dcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvYm9keT5cblxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC53cmFwcGVye3dpZHRoOjgwJTttYXJnaW46MCBhdXRvO2ZvbnQtd2VpZ2h0OjM1MH1oZWFkZXJ7cGFkZGluZzoxcmVtO2JveC1zaXppbmc6Ym9yZGVyLWJveDtiYWNrZ3JvdW5kLWNvbG9yOiNmOWY5Zjl9Ym9keXtwYWRkaW5nOjEuNXJlbTtiYWNrZ3JvdW5kLWNvbG9yOiNmZmY7Zm9udC1zaXplOi44cmVtfWBdXG59KVxuZXhwb3J0IGNsYXNzIEFuZ3VsYXJDb2xsYXBzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBzaG93ID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIl19