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
40 lines (36 loc) • 2.65 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
export 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 = () => [];
if (false) {
/** @type {?} */
AngularCollapseComponent.prototype.show;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1jb2xsYXBzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWNvbGxhcHNlLyIsInNvdXJjZXMiOlsibGliL2FuZ3VsYXItY29sbGFwc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBaUJsRCxNQUFNO0lBRUo7b0JBRU8sS0FBSztLQUZLOzs7O0lBSWpCLFFBQVE7S0FDUDs7O1lBdEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7T0FVTDtnQkFDTCxNQUFNLEVBQUUsQ0FBQyxnTEFBZ0wsQ0FBQzthQUMzTCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hbmd1bGFyLWNvbGxhcHNlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxuXG4gICAgICAgIDxoZWFkZXIgKGNsaWNrKT1cInNob3cgPSAhc2hvdztcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgICAgICBcbiAgICAgICAgPGJvZHkgW2hpZGRlbl09XCIhc2hvd1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltib2R5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9ib2R5PlxuXG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLndyYXBwZXJ7d2lkdGg6ODAlO21hcmdpbjowIGF1dG87Zm9udC13ZWlnaHQ6MzUwfWhlYWRlcntwYWRkaW5nOjFyZW07Ym94LXNpemluZzpib3JkZXItYm94O2JhY2tncm91bmQtY29sb3I6I2Y5ZjlmOX1ib2R5e3BhZGRpbmc6MS41cmVtO2JhY2tncm91bmQtY29sb3I6I2ZmZjtmb250LXNpemU6LjhyZW19YF1cbn0pXG5leHBvcnQgY2xhc3MgQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHNob3cgPSBmYWxzZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=