@lxlib/chart
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
123 lines (117 loc) • 4.44 kB
JavaScript
import { __decorate, __metadata } from 'tslib';
import { Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, Input, NgModule } from '@angular/core';
import { LxlibLocaleService, LxlibLocaleModule } from '@lxlib/theme';
import { toNumber, InputNumber, LxlibUtilModule } from '@lxlib/util';
import { CommonModule } from '@angular/common';
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
/**
* @fileoverview added by tsickle
* Generated from: mini-progress.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class G2MiniProgressComponent {
/**
* @param {?} i18n
* @param {?} cdr
*/
constructor(i18n, cdr) {
this.i18n = i18n;
this.cdr = cdr;
this.color = '#1890FF';
}
/**
* @private
* @param {?} value
* @return {?}
*/
fixNum(value) {
return Math.min(Math.max(toNumber(value), 0), 100);
}
/**
* @return {?}
*/
ngOnChanges() {
this.target = this.fixNum(this.target);
this.percent = this.fixNum(this.percent);
this.cdr.detectChanges();
}
}
G2MiniProgressComponent.decorators = [
{ type: Component, args: [{
selector: 'g2-mini-progress',
exportAs: 'g2MiniProgress',
template: "<div nz-tooltip [nzTooltipTitle]=\"i18n.getData('miniProgress').target + target + '%'\" class=\"g2-mini-progress__target\" [ngStyle]=\"{'left.%': target}\">\n <span class=\"g2-mini-progress__target-item\" [ngStyle]=\"{'background-color': color}\"></span>\n <span class=\"g2-mini-progress__target-item\" [ngStyle]=\"{'background-color': color}\"></span>\n</div>\n<div class=\"g2-mini-progress__wrap\">\n <div class=\"g2-mini-progress__value\" [ngStyle]=\"{'background-color': color, 'width.%': percent, 'height.px':strokeWidth}\"></div>\n</div>\n",
host: { '[class.g2-mini-progress]': 'true' },
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
G2MiniProgressComponent.ctorParameters = () => [
{ type: LxlibLocaleService },
{ type: ChangeDetectorRef }
];
G2MiniProgressComponent.propDecorators = {
color: [{ type: Input }],
target: [{ type: Input }],
percent: [{ type: Input }],
strokeWidth: [{ type: Input }]
};
__decorate([
InputNumber(),
__metadata("design:type", Number)
], G2MiniProgressComponent.prototype, "target", void 0);
__decorate([
InputNumber(),
__metadata("design:type", Number)
], G2MiniProgressComponent.prototype, "percent", void 0);
__decorate([
InputNumber(),
__metadata("design:type", Number)
], G2MiniProgressComponent.prototype, "strokeWidth", void 0);
if (false) {
/** @type {?} */
G2MiniProgressComponent.prototype.color;
/** @type {?} */
G2MiniProgressComponent.prototype.target;
/** @type {?} */
G2MiniProgressComponent.prototype.percent;
/** @type {?} */
G2MiniProgressComponent.prototype.strokeWidth;
/** @type {?} */
G2MiniProgressComponent.prototype.i18n;
/**
* @type {?}
* @private
*/
G2MiniProgressComponent.prototype.cdr;
}
/**
* @fileoverview added by tsickle
* Generated from: mini-progress.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
const COMPONENTS = [G2MiniProgressComponent];
class G2MiniProgressModule {
}
G2MiniProgressModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule, LxlibUtilModule, LxlibLocaleModule, NzToolTipModule],
declarations: [...COMPONENTS],
exports: [...COMPONENTS],
},] }
];
/**
* @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: mini-progress.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { G2MiniProgressComponent, G2MiniProgressModule };
//# sourceMappingURL=mini-progress.js.map