ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
76 lines • 7.78 kB
JavaScript
import { Component, ViewEncapsulation, Input, HostBinding } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ProgressComponent {
get percent() {
return this._percent;
}
set percent(value) {
this._percent = value;
if (value > 100) {
this._exceedance = true;
}
else {
this._exceedance = false;
}
}
get value() {
return this.percent;
}
get fixOuter() {
return 'fixed' === this.position;
}
get hideOuter() {
return !this.unfilled && !this._exceedance;
}
get exceedance() {
return this._exceedance;
}
constructor() {
this.prefixCls = 'am-progress';
this._percent = 0;
this._exceedance = false;
this.unfilled = true;
this.position = 'fixed';
this.barStyle = {};
this.max = 100;
this.amProgress = true;
this.outer = true;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ProgressComponent, selector: "Progress, nzm-progress", inputs: { unfilled: "unfilled", position: "position", barStyle: "barStyle", percent: "percent" }, host: { properties: { "attr.max": "this.max", "attr.value": "this.value", "class.am-progress": "this.amProgress", "class.am-progress-outer": "this.outer", "class.am-progress-fixed-outer": "this.fixOuter", "class.am-progress-hide-outer": "this.hideOuter", "class.am-progress-exceedance": "this.exceedance" } }, ngImport: i0, template: "<div\n class=\"{{ prefixCls }}-bar\"\n [ngStyle]=\"barStyle\"\n [style.width.%]=\"percent <= 100 ? percent : 10000 / percent\"\n></div>\n", dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, decorators: [{
type: Component,
args: [{ selector: 'Progress, nzm-progress', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"{{ prefixCls }}-bar\"\n [ngStyle]=\"barStyle\"\n [style.width.%]=\"percent <= 100 ? percent : 10000 / percent\"\n></div>\n" }]
}], ctorParameters: () => [], propDecorators: { unfilled: [{
type: Input
}], position: [{
type: Input
}], barStyle: [{
type: Input
}], percent: [{
type: Input
}], max: [{
type: HostBinding,
args: ['attr.max']
}], value: [{
type: HostBinding,
args: ['attr.value']
}], amProgress: [{
type: HostBinding,
args: ['class.am-progress']
}], outer: [{
type: HostBinding,
args: ['class.am-progress-outer']
}], fixOuter: [{
type: HostBinding,
args: ['class.am-progress-fixed-outer']
}], hideOuter: [{
type: HostBinding,
args: ['class.am-progress-hide-outer']
}], exceedance: [{
type: HostBinding,
args: ['class.am-progress-exceedance']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9wcm9ncmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3Byb2dyZXNzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpGLE1BQU0sT0FBTyxpQkFBaUI7SUFZNUIsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztTQUMxQjtJQUNILENBQUM7SUFJRCxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQU1ELElBQ0ksUUFBUTtRQUNWLE9BQU8sT0FBTyxLQUFLLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQztJQUNELElBQ0ksU0FBUztRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM3QyxDQUFDO0lBQ0QsSUFDSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRDtRQWhEQSxjQUFTLEdBQVcsYUFBYSxDQUFDO1FBRTFCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFDckIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFHckMsYUFBUSxHQUFZLElBQUksQ0FBQztRQUV6QixhQUFRLEdBQWlCLE9BQU8sQ0FBQztRQUVqQyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBZXRCLFFBQUcsR0FBVyxHQUFHLENBQUM7UUFPbEIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUUzQixVQUFLLEdBQVksSUFBSSxDQUFDO0lBY1AsQ0FBQzs4R0FqREwsaUJBQWlCO2tHQUFqQixpQkFBaUIsc2RDUjlCLDhJQUtBOzsyRkRHYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0Usd0JBQXdCLGlCQUVuQixpQkFBaUIsQ0FBQyxJQUFJO3dEQVNyQyxRQUFRO3NCQURQLEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFHRixPQUFPO3NCQURWLEtBQUs7Z0JBY04sR0FBRztzQkFERixXQUFXO3VCQUFDLFVBQVU7Z0JBR25CLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxZQUFZO2dCQU16QixVQUFVO3NCQURULFdBQVc7dUJBQUMsbUJBQW1CO2dCQUdoQyxLQUFLO3NCQURKLFdBQVc7dUJBQUMseUJBQXlCO2dCQUdsQyxRQUFRO3NCQURYLFdBQVc7dUJBQUMsK0JBQStCO2dCQUt4QyxTQUFTO3NCQURaLFdBQVc7dUJBQUMsOEJBQThCO2dCQUt2QyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5leHBvcnQgdHlwZSBQb3NpdGlvblR5cGUgPSAnbm9ybWFsJyB8ICdmaXhlZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1Byb2dyZXNzLCBuem0tcHJvZ3Jlc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQ29tcG9uZW50IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tcHJvZ3Jlc3MnO1xuXG4gIHByaXZhdGUgX3BlcmNlbnQ6IG51bWJlciA9IDA7XG4gIHByaXZhdGUgX2V4Y2VlZGFuY2U6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICB1bmZpbGxlZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpXG4gIHBvc2l0aW9uOiBQb3NpdGlvblR5cGUgPSAnZml4ZWQnO1xuICBASW5wdXQoKVxuICBiYXJTdHlsZTogb2JqZWN0ID0ge307XG4gIEBJbnB1dCgpXG4gIGdldCBwZXJjZW50KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3BlcmNlbnQ7XG4gIH1cbiAgc2V0IHBlcmNlbnQodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX3BlcmNlbnQgPSB2YWx1ZTtcbiAgICBpZiAodmFsdWUgPiAxMDApIHtcbiAgICAgIHRoaXMuX2V4Y2VlZGFuY2UgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9leGNlZWRhbmNlID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLm1heCcpXG4gIG1heDogbnVtYmVyID0gMTAwO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudmFsdWUnKVxuICBnZXQgdmFsdWUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5wZXJjZW50O1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbS1wcm9ncmVzcycpXG4gIGFtUHJvZ3Jlc3M6IGJvb2xlYW4gPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFtLXByb2dyZXNzLW91dGVyJylcbiAgb3V0ZXI6IGJvb2xlYW4gPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFtLXByb2dyZXNzLWZpeGVkLW91dGVyJylcbiAgZ2V0IGZpeE91dGVyKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAnZml4ZWQnID09PSB0aGlzLnBvc2l0aW9uO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tcHJvZ3Jlc3MtaGlkZS1vdXRlcicpXG4gIGdldCBoaWRlT3V0ZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLnVuZmlsbGVkICYmICF0aGlzLl9leGNlZWRhbmNlO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tcHJvZ3Jlc3MtZXhjZWVkYW5jZScpXG4gIGdldCBleGNlZWRhbmNlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9leGNlZWRhbmNlO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInt7IHByZWZpeENscyB9fS1iYXJcIlxuICBbbmdTdHlsZV09XCJiYXJTdHlsZVwiXG4gIFtzdHlsZS53aWR0aC4lXT1cInBlcmNlbnQgPD0gMTAwID8gcGVyY2VudCA6IDEwMDAwIC8gcGVyY2VudFwiXG4+PC9kaXY+XG4iXX0=