@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
155 lines (146 loc) • 6.71 kB
JavaScript
import { Component, EventEmitter, Input, Output, ContentChild, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
/**
* @fileoverview added by tsickle
* Generated from: panel-header.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var PanelHeaderComponent = /** @class */ (function () {
function PanelHeaderComponent() {
}
PanelHeaderComponent.decorators = [
{ type: Component, args: [{
selector: 'd-panel-header',
template: "<ng-content></ng-content>"
}] }
];
return PanelHeaderComponent;
}());
/**
* @fileoverview added by tsickle
* Generated from: panel-footer.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var PanelFooterComponent = /** @class */ (function () {
function PanelFooterComponent() {
}
PanelFooterComponent.decorators = [
{ type: Component, args: [{
selector: 'd-panel-footer',
template: "<ng-content></ng-content>"
}] }
];
return PanelFooterComponent;
}());
/**
* @fileoverview added by tsickle
* Generated from: panel.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
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;
}());
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;
}
/**
* @fileoverview added by tsickle
* Generated from: panel-body.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var PanelBodyComponent = /** @class */ (function () {
function PanelBodyComponent() {
}
PanelBodyComponent.decorators = [
{ type: Component, args: [{
selector: 'd-panel-body',
template: "<ng-content></ng-content>"
}] }
];
return PanelBodyComponent;
}());
/**
* @fileoverview added by tsickle
* Generated from: panel.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var PanelModule = /** @class */ (function () {
function PanelModule() {
}
PanelModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule],
exports: [
PanelComponent,
PanelHeaderComponent,
PanelBodyComponent,
PanelFooterComponent
],
declarations: [
PanelComponent,
PanelHeaderComponent,
PanelBodyComponent,
PanelFooterComponent,
],
providers: []
},] }
];
return PanelModule;
}());
/**
* @fileoverview added by tsickle
* Generated from: public-api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: ng-devui-panel.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { PanelBodyComponent, PanelComponent, PanelFooterComponent, PanelHeaderComponent, PanelModule };
//# sourceMappingURL=ng-devui-panel.js.map