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
88 lines (79 loc) • 6.15 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
typeof define === 'function' && define.amd ? define('angular-collapse', ['exports', '@angular/core'], factory) :
(factory((global['angular-collapse'] = {}),global.ng.core));
}(this, (function (exports,i0) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AngularCollapseService = (function () {
function AngularCollapseService() {
}
AngularCollapseService.decorators = [
{ type: i0.Injectable, args: [{
providedIn: 'root'
},] },
];
/** @nocollapse */
AngularCollapseService.ctorParameters = function () { return []; };
/** @nocollapse */ AngularCollapseService.ngInjectableDef = i0.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 = (function () {
function AngularCollapseComponent() {
this.show = false;
}
/**
* @return {?}
*/
AngularCollapseComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
AngularCollapseComponent.decorators = [
{ type: i0.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 = (function () {
function AngularCollapseModule() {
}
AngularCollapseModule.decorators = [
{ type: i0.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
*/
exports.AngularCollapseService = AngularCollapseService;
exports.AngularCollapseComponent = AngularCollapseComponent;
exports.AngularCollapseModule = AngularCollapseModule;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1jb2xsYXBzZS51bWQuanMubWFwIiwic291cmNlcyI6WyJuZzovL2FuZ3VsYXItY29sbGFwc2UvbGliL2FuZ3VsYXItY29sbGFwc2Uuc2VydmljZS50cyIsIm5nOi8vYW5ndWxhci1jb2xsYXBzZS9saWIvYW5ndWxhci1jb2xsYXBzZS5jb21wb25lbnQudHMiLCJuZzovL2FuZ3VsYXItY29sbGFwc2UvbGliL2FuZ3VsYXItY29sbGFwc2UubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgQW5ndWxhckNvbGxhcHNlU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiIsImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hbmd1bGFyLWNvbGxhcHNlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxuXG4gICAgICAgIDxoZWFkZXIgKGNsaWNrKT1cInNob3cgPSAhc2hvdztcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgICAgICBcbiAgICAgICAgPGJvZHkgW2hpZGRlbl09XCIhc2hvd1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltib2R5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9ib2R5PlxuXG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLndyYXBwZXJ7d2lkdGg6ODAlO21hcmdpbjowIGF1dG87Zm9udC13ZWlnaHQ6MzUwfWhlYWRlcntwYWRkaW5nOjFyZW07Ym94LXNpemluZzpib3JkZXItYm94O2JhY2tncm91bmQtY29sb3I6I2Y5ZjlmOX1ib2R5e3BhZGRpbmc6MS41cmVtO2JhY2tncm91bmQtY29sb3I6I2ZmZjtmb250LXNpemU6LjhyZW19YF1cbn0pXG5leHBvcnQgY2xhc3MgQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHNob3cgPSBmYWxzZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50IH0gZnJvbSAnLi9hbmd1bGFyLWNvbGxhcHNlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbQW5ndWxhckNvbGxhcHNlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FuZ3VsYXJDb2xsYXBzZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgQW5ndWxhckNvbGxhcHNlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbIkluamVjdGFibGUiLCJDb21wb25lbnQiLCJOZ01vZHVsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO1FBT0U7U0FBaUI7O29CQUxsQkEsYUFBVSxTQUFDO3dCQUNWLFVBQVUsRUFBRSxNQUFNO3FCQUNuQjs7Ozs7cUNBSkQ7Ozs7Ozs7QUNBQTtRQW1CRTt3QkFFTyxLQUFLO1NBRks7Ozs7UUFJakIsMkNBQVE7OztZQUFSO2FBQ0M7O29CQXRCRkMsWUFBUyxTQUFDO3dCQUNULFFBQVEsRUFBRSxzQkFBc0I7d0JBQ2hDLFFBQVEsRUFBRSxrU0FVTDt3QkFDTCxNQUFNLEVBQUUsQ0FBQyxnTEFBZ0wsQ0FBQztxQkFDM0w7Ozs7dUNBaEJEOzs7Ozs7O0FDQUE7Ozs7b0JBR0NDLFdBQVEsU0FBQzt3QkFDUixPQUFPLEVBQUUsRUFDUjt3QkFDRCxZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzt3QkFDeEMsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7cUJBQ3BDOztvQ0FSRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==