@duoduo-oba/ng-devui/fesm2015/ng-devui-panel.js

DevUI components based on Angular

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
 */
class PanelHeaderComponent {
}
PanelHeaderComponent.decorators = [
    { type: Component, args: [{
                selector: 'd-panel-header',
                template: `<ng-content></ng-content>`
            }] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: panel-footer.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class PanelFooterComponent {
}
PanelFooterComponent.decorators = [
    { type: Component, args: [{
                selector: 'd-panel-footer',
                template: `<ng-content></ng-content>`
            }] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: panel.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
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;
}

/**
 * @fileoverview added by tsickle
 * Generated from: panel-body.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class PanelBodyComponent {
}
PanelBodyComponent.decorators = [
    { type: Component, args: [{
                selector: 'd-panel-body',
                template: `<ng-content></ng-content>`
            }] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: panel.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class PanelModule {
}
PanelModule.decorators = [
    { type: NgModule, args: [{
                imports: [CommonModule],
                exports: [
                    PanelComponent,
                    PanelHeaderComponent,
                    PanelBodyComponent,
                    PanelFooterComponent
                ],
                declarations: [
                    PanelComponent,
                    PanelHeaderComponent,
                    PanelBodyComponent,
                    PanelFooterComponent,
                ],
                providers: []
            },] }
];

/**
 * @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