ecp-ui-lib
Version:
53 lines • 4.22 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
var FlexLeftCenterRightComponent = /** @class */ (function () {
function FlexLeftCenterRightComponent() {
this.leftWidth = 0;
this.rightWidth = 0;
this.leftBg = '#ffffff';
this.bodyBg = '#ffffff';
this.rightBg = '#ffffff';
}
/**
* @return {?}
*/
FlexLeftCenterRightComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
FlexLeftCenterRightComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-flex-lcr',
template: "<div class=\"flex-lcb\">\r\n <div class=\"flex-left\" *ngIf=\"leftWidth>0\" [ngStyle]=\"{'flex':'0 0 '+leftWidth+'px','background':leftBg}\">\r\n <ng-content select=\"ecp-flex-left\"></ng-content>\r\n </div>\r\n <div class=\"flex-body\" [ngStyle]=\"{'background':bodyBg}\">\r\n <ng-content select=\"ecp-flex-body\"></ng-content>\r\n </div>\r\n <div class=\"flex-right\" *ngIf=\"rightWidth>0\" [ngStyle]=\"{'flex':'0 0 '+rightWidth+'px','background':rightBg}\">\r\n <ng-content select=\"ecp-flex-right\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n",
styles: [".flex-lcb{display:flex;width:100%;height:100%}.flex-left{flex:0 0 200px;height:100%;background:#fff}.flex-body{flex:1;overflow:auto;background:#fff}.flex-right{flex:0 0 200px;height:100%;background:#fff}"]
}] }
];
/** @nocollapse */
FlexLeftCenterRightComponent.ctorParameters = function () { return []; };
FlexLeftCenterRightComponent.propDecorators = {
leftWidth: [{ type: Input }],
rightWidth: [{ type: Input }],
leftBg: [{ type: Input }],
bodyBg: [{ type: Input }],
rightBg: [{ type: Input }]
};
return FlexLeftCenterRightComponent;
}());
export { FlexLeftCenterRightComponent };
if (false) {
/** @type {?} */
FlexLeftCenterRightComponent.prototype.leftWidth;
/** @type {?} */
FlexLeftCenterRightComponent.prototype.rightWidth;
/** @type {?} */
FlexLeftCenterRightComponent.prototype.leftBg;
/** @type {?} */
FlexLeftCenterRightComponent.prototype.bodyBg;
/** @type {?} */
FlexLeftCenterRightComponent.prototype.rightBg;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleC1sZWZ0LWNlbnRlci1yaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9lY3AtdWktbGliLyIsInNvdXJjZXMiOlsibGliL2xheW91dC9mbGV4LWxjci1tb2R1bGUvZmxleC1sZWZ0LWNlbnRlci1yaWdodC9mbGV4LWxlZnQtY2VudGVyLXJpZ2h0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFFdkQ7SUFZRTtRQU5TLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixXQUFNLEdBQVcsU0FBUyxDQUFDO1FBQzNCLFdBQU0sR0FBVyxTQUFTLENBQUM7UUFDM0IsWUFBTyxHQUFXLFNBQVMsQ0FBQztJQUdyQyxDQUFDOzs7O0lBRUQsK0NBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Z0JBaEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsNGpCQUFzRDs7aUJBRXZEOzs7Ozs0QkFFRSxLQUFLOzZCQUNMLEtBQUs7eUJBQ0wsS0FBSzt5QkFDTCxLQUFLOzBCQUNMLEtBQUs7O0lBUVIsbUNBQUM7Q0FBQSxBQWxCRCxJQWtCQztTQWJZLDRCQUE0Qjs7O0lBQ3ZDLGlEQUErQjs7SUFDL0Isa0RBQWdDOztJQUNoQyw4Q0FBb0M7O0lBQ3BDLDhDQUFvQzs7SUFDcEMsK0NBQXFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlY3AtZmxleC1sY3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGV4LWxlZnQtY2VudGVyLXJpZ2h0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mbGV4LWxlZnQtY2VudGVyLXJpZ2h0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmxleExlZnRDZW50ZXJSaWdodENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGVmdFdpZHRoOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIHJpZ2h0V2lkdGg6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgbGVmdEJnOiBzdHJpbmcgPSAnI2ZmZmZmZic7XHJcbiAgQElucHV0KCkgYm9keUJnOiBzdHJpbmcgPSAnI2ZmZmZmZic7XHJcbiAgQElucHV0KCkgcmlnaHRCZzogc3RyaW5nID0gJyNmZmZmZmYnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19