@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
154 lines (145 loc) • 7.48 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
typeof define === 'function' && define.amd ? define('ng-devui/panel', ['exports', '@angular/core', '@angular/common'], factory) :
(global = global || self, factory((global['ng-devui'] = global['ng-devui'] || {}, global['ng-devui'].panel = {}), global.ng.core, global.ng.common));
}(this, (function (exports, core, common) { 'use strict';
/**
* @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: core.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: core.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 core.EventEmitter();
}
/**
* @return {?}
*/
PanelComponent.prototype.toggleBody = /**
* @return {?}
*/
function () {
if (this.isCollapsed !== undefined) {
this.isCollapsed = !this.isCollapsed;
this.toggle.emit(this.isCollapsed);
}
};
PanelComponent.decorators = [
{ type: core.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: core.Input }],
heading: [{ type: core.Input }],
cssClass: [{ type: core.Input }],
isCollapsed: [{ type: core.Input }],
toggle: [{ type: core.Output }],
panelHeader: [{ type: core.ContentChild, args: [PanelHeaderComponent, { static: false },] }],
panelFooter: [{ type: core.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: core.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: core.NgModule, args: [{
imports: [common.CommonModule],
exports: [
PanelComponent,
PanelHeaderComponent,
PanelBodyComponent,
PanelFooterComponent
],
declarations: [
PanelComponent,
PanelHeaderComponent,
PanelBodyComponent,
PanelFooterComponent,
],
providers: []
},] }
];
return PanelModule;
}());
exports.PanelBodyComponent = PanelBodyComponent;
exports.PanelComponent = PanelComponent;
exports.PanelFooterComponent = PanelFooterComponent;
exports.PanelHeaderComponent = PanelHeaderComponent;
exports.PanelModule = PanelModule;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=ng-devui-panel.umd.js.map