@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
56 lines • 5.92 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';
export class PanelComponent {
constructor() {
this.type = 'default';
this.toggle = new EventEmitter();
}
/**
* @return {?}
*/
toggleBody() {
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 },] }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctZGV2dWkvcGFuZWwvIiwic291cmNlcyI6WyJwYW5lbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQU9oRSxNQUFNLE9BQU8sY0FBYztJQUwzQjtRQU1XLFNBQUksR0FBYyxTQUFTLENBQUM7UUFJM0IsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBVS9ELENBQUM7Ozs7SUFOQyxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtZQUNsQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztZQUNyQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDcEM7SUFDSCxDQUFDOzs7WUFuQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxTQUFTO2dCQUNuQiw2bEJBQXFDOzthQUV0Qzs7O21CQUVFLEtBQUs7c0JBQ0wsS0FBSzt1QkFDTCxLQUFLOzBCQUNMLEtBQUs7cUJBQ0wsTUFBTTswQkFDTixZQUFZLFNBQUMsb0JBQW9CLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzBCQUNwRCxZQUFZLFNBQUMsb0JBQW9CLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzs7O0lBTnJELDhCQUFxQzs7SUFDckMsaUNBQXlCOztJQUN6QixrQ0FBMEI7O0lBQzFCLHFDQUE4Qjs7SUFDOUIsZ0NBQTZEOztJQUM3RCxxQ0FBbUU7O0lBQ25FLHFDQUFtRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgUGFuZWxUeXBlIH0gZnJvbSAnLi9wYW5lbC50eXBlcyc7XHJcbmltcG9ydCB7IFBhbmVsSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC1oZWFkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUGFuZWxGb290ZXJDb21wb25lbnQgfSBmcm9tICcuL3BhbmVsLWZvb3Rlci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BhbmVsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBQYW5lbFR5cGUgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgaGVhZGluZzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNzc0NsYXNzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNDb2xsYXBzZWQ6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIHRvZ2dsZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBDb250ZW50Q2hpbGQoUGFuZWxIZWFkZXJDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KSBwYW5lbEhlYWRlcjtcclxuICBAQ29udGVudENoaWxkKFBhbmVsRm9vdGVyQ29tcG9uZW50LCB7IHN0YXRpYzogZmFsc2UgfSkgcGFuZWxGb290ZXI7XHJcblxyXG4gIHRvZ2dsZUJvZHkoKSB7XHJcbiAgICBpZiAodGhpcy5pc0NvbGxhcHNlZCAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHRoaXMuaXNDb2xsYXBzZWQgPSAhdGhpcy5pc0NvbGxhcHNlZDtcclxuICAgICAgdGhpcy50b2dnbGUuZW1pdCh0aGlzLmlzQ29sbGFwc2VkKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19