@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
61 lines • 6.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: panel.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, ContentChild, Output, EventEmitter, } from '@angular/core';
import { PanelHeaderComponent } from './panel-header.component';
import { PanelFooterComponent } from './panel-footer.component';
var PanelComponent = /** @class */ (function () {
function PanelComponent() {
this.type = 'default';
this.toggle = new EventEmitter();
}
/**
* @return {?}
*/
PanelComponent.prototype.toggleBody = /**
* @return {?}
*/
function () {
if (this.isCollapsed !== undefined) {
this.isCollapsed = !this.isCollapsed;
this.toggle.emit(this.isCollapsed);
}
};
PanelComponent.decorators = [
{ type: Component, args: [{
selector: 'd-panel',
template: "<div class=\"devui-panel devui-panel-{{ type }} {{ cssClass }}\">\r\n <div class=\"devui-panel-heading\" *ngIf=\"panelHeader\" (click)=\"toggleBody()\" [style.cursor]=\"isCollapsed !== undefined ? 'pointer' : null\">\r\n <ng-content select=\"d-panel-header\"></ng-content>\r\n </div>\r\n <div class=\"devui-panel-body\" *ngIf=\"isCollapsed === undefined || isCollapsed\">\r\n <ng-content select=\"d-panel-body\"></ng-content>\r\n </div>\r\n <div class=\"devui-panel-footer\" *ngIf=\"panelFooter\">\r\n <ng-content select=\"d-panel-footer\"></ng-content>\r\n </div>\r\n</div>\r\n",
styles: [":host{display:block}.devui-panel{line-height:20px;border-radius:2px;box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);background-color:#fff}.devui-panel .devui-panel-heading{padding:10px 15px}.devui-panel .devui-panel-body{padding:15px}.devui-panel .devui-panel-footer{padding:10px 15px;color:#252b3a;background-color:#f8f8f8}.devui-panel.devui-panel-default .devui-panel-heading{color:#252b3a;background-color:#f8f8f8}.devui-panel.devui-panel-success .devui-panel-heading{color:#fff;background-color:#50d4ab}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-heading{color:#fff;background-color:#5e7ce0}.devui-panel.devui-panel-warning .devui-panel-heading{color:#252b3a;background-color:#fac20a}.devui-panel.devui-panel-danger .devui-panel-heading{color:#fff;background-color:#f66f6a}"]
}] }
];
PanelComponent.propDecorators = {
type: [{ type: Input }],
heading: [{ type: Input }],
cssClass: [{ type: Input }],
isCollapsed: [{ type: Input }],
toggle: [{ type: Output }],
panelHeader: [{ type: ContentChild, args: [PanelHeaderComponent, { static: false },] }],
panelFooter: [{ type: ContentChild, args: [PanelFooterComponent, { static: false },] }]
};
return PanelComponent;
}());
export { PanelComponent };
if (false) {
/** @type {?} */
PanelComponent.prototype.type;
/** @type {?} */
PanelComponent.prototype.heading;
/** @type {?} */
PanelComponent.prototype.cssClass;
/** @type {?} */
PanelComponent.prototype.isCollapsed;
/** @type {?} */
PanelComponent.prototype.toggle;
/** @type {?} */
PanelComponent.prototype.panelHeader;
/** @type {?} */
PanelComponent.prototype.panelFooter;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctZGV2dWkvcGFuZWwvIiwic291cmNlcyI6WyJwYW5lbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRTtJQUFBO1FBTVcsU0FBSSxHQUFjLFNBQVMsQ0FBQztRQUkzQixXQUFNLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFVL0QsQ0FBQzs7OztJQU5DLG1DQUFVOzs7SUFBVjtRQUNFLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7WUFDckMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQzs7Z0JBbkJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsNmxCQUFxQzs7aUJBRXRDOzs7dUJBRUUsS0FBSzswQkFDTCxLQUFLOzJCQUNMLEtBQUs7OEJBQ0wsS0FBSzt5QkFDTCxNQUFNOzhCQUNOLFlBQVksU0FBQyxvQkFBb0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7OEJBQ3BELFlBQVksU0FBQyxvQkFBb0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7O0lBUXZELHFCQUFDO0NBQUEsQUFwQkQsSUFvQkM7U0FmWSxjQUFjOzs7SUFDekIsOEJBQXFDOztJQUNyQyxpQ0FBeUI7O0lBQ3pCLGtDQUEwQjs7SUFDMUIscUNBQThCOztJQUM5QixnQ0FBNkQ7O0lBQzdELHFDQUFtRTs7SUFDbkUscUNBQW1FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBQYW5lbFR5cGUgfSBmcm9tICcuL3BhbmVsLnR5cGVzJztcclxuaW1wb3J0IHsgUGFuZWxIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3BhbmVsLWhlYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQYW5lbEZvb3RlckNvbXBvbmVudCB9IGZyb20gJy4vcGFuZWwtZm9vdGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2QtcGFuZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGFuZWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFuZWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHR5cGU6IFBhbmVsVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY3NzQ2xhc3M6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0NvbGxhcHNlZDogYm9vbGVhbjtcclxuICBAT3V0cHV0KCkgdG9nZ2xlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQENvbnRlbnRDaGlsZChQYW5lbEhlYWRlckNvbXBvbmVudCwgeyBzdGF0aWM6IGZhbHNlIH0pIHBhbmVsSGVhZGVyO1xyXG4gIEBDb250ZW50Q2hpbGQoUGFuZWxGb290ZXJDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KSBwYW5lbEZvb3RlcjtcclxuXHJcbiAgdG9nZ2xlQm9keSgpIHtcclxuICAgIGlmICh0aGlzLmlzQ29sbGFwc2VkICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy5pc0NvbGxhcHNlZCA9ICF0aGlzLmlzQ29sbGFwc2VkO1xyXG4gICAgICB0aGlzLnRvZ2dsZS5lbWl0KHRoaXMuaXNDb2xsYXBzZWQpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=