ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
85 lines • 11.5 kB
JavaScript
import { Component, Input, HostBinding } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ActivityIndicatorComponent {
get animating() {
return this._animating;
}
set animating(v) {
this._animating = v;
this.setClass();
}
set size(v) {
this._size = v;
this.setClass();
}
get toast() {
return this._toast;
}
set toast(v) {
this._toast = v;
this.setClass();
}
get text() {
return this._text;
}
set text(v) {
this._text = v;
}
constructor() {
this.prefixCls = 'am-activity-indicator';
this.spinnerClass = {};
this._size = 'small';
this._toast = false;
this._animating = true;
this.clsActIndicator = true;
}
setClass() {
if (this._animating) {
this.clsActIndicator = true;
this.clsActIndicatorToast = !!this._toast;
this.clsActIndicatorLg = this._size === 'large';
this.clsActIndicatorSm = this._size === 'small';
this.spinnerClass = {
[`${this.prefixCls}-spinner`]: true,
[`${this.prefixCls}-spinner-lg`]: !!this._toast || this._size === 'large'
};
}
else {
this.clsActIndicator = false;
this.clsActIndicatorLg = false;
this.clsActIndicatorSm = false;
this.clsActIndicatorToast = false;
}
}
ngOnInit() {
this.setClass();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ActivityIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ActivityIndicatorComponent, selector: "ActivityIndicator , nzm-ctivity-indicator", inputs: { animating: "animating", size: "size", toast: "toast", text: "text" }, host: { properties: { "class.am-activity-indicator": "this.clsActIndicator", "class.am-activity-indicator-toast": "this.clsActIndicatorToast", "class.am-activity-indicator-lg": "this.clsActIndicatorLg", "class.am-activity-indicator-sm": "this.clsActIndicatorSm" } }, ngImport: i0, template: "<div *ngIf=\"animating && toast && text && text.length > 0\">\n <div class=\"{{ prefixCls }}-content\">\n <span [ngClass]=\"spinnerClass\" aria-hidden=\"'true'\"></span>\n <span class=\"{{ prefixCls }}-toast\">{{ text }}</span>\n </div>\n</div>\n<div *ngIf=\"animating && toast && !text\">\n <div class=\"{{ prefixCls }}-content\">\n <span [ngClass]=\"spinnerClass\" aria-label=\"'Loading'\"></span>\n </div>\n</div>\n<div *ngIf=\"animating && !toast && text && text.length > 0\">\n <span [ngClass]=\"spinnerClass\" aria-hidden=\"true\"></span>\n <span class=\"{{ prefixCls }}-tip\">{{ text }}</span>\n</div>\n<div *ngIf=\"animating && !toast && !text\">\n <span [ngClass]=\"spinnerClass\" aria-label=\"'loading'\"></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ActivityIndicatorComponent, decorators: [{
type: Component,
args: [{ selector: 'ActivityIndicator , nzm-ctivity-indicator', template: "<div *ngIf=\"animating && toast && text && text.length > 0\">\n <div class=\"{{ prefixCls }}-content\">\n <span [ngClass]=\"spinnerClass\" aria-hidden=\"'true'\"></span>\n <span class=\"{{ prefixCls }}-toast\">{{ text }}</span>\n </div>\n</div>\n<div *ngIf=\"animating && toast && !text\">\n <div class=\"{{ prefixCls }}-content\">\n <span [ngClass]=\"spinnerClass\" aria-label=\"'Loading'\"></span>\n </div>\n</div>\n<div *ngIf=\"animating && !toast && text && text.length > 0\">\n <span [ngClass]=\"spinnerClass\" aria-hidden=\"true\"></span>\n <span class=\"{{ prefixCls }}-tip\">{{ text }}</span>\n</div>\n<div *ngIf=\"animating && !toast && !text\">\n <span [ngClass]=\"spinnerClass\" aria-label=\"'loading'\"></span>\n</div>\n" }]
}], ctorParameters: () => [], propDecorators: { animating: [{
type: Input
}], size: [{
type: Input
}], toast: [{
type: Input
}], text: [{
type: Input
}], clsActIndicator: [{
type: HostBinding,
args: ['class.am-activity-indicator']
}], clsActIndicatorToast: [{
type: HostBinding,
args: ['class.am-activity-indicator-toast']
}], clsActIndicatorLg: [{
type: HostBinding,
args: ['class.am-activity-indicator-lg']
}], clsActIndicatorSm: [{
type: HostBinding,
args: ['class.am-activity-indicator-sm']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdHktaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWN0aXZpdHktaW5kaWNhdG9yL2FjdGl2aXR5LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9jb21wb25lbnRzL2FjdGl2aXR5LWluZGljYXRvci9hY3Rpdml0eS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFNdEUsTUFBTSxPQUFPLDBCQUEwQjtJQVNyQyxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLENBQVU7UUFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDcEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxJQUNJLElBQUksQ0FBQyxDQUFTO1FBQ2hCLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLENBQVU7UUFDbEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFDRCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLENBQVM7UUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDakIsQ0FBQztJQVdEO1FBOUNBLGNBQVMsR0FBVyx1QkFBdUIsQ0FBQztRQUM1QyxpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUdsQixVQUFLLEdBQVcsT0FBTyxDQUFDO1FBQ3hCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsZUFBVSxHQUFZLElBQUksQ0FBQztRQWdDbkMsb0JBQWUsR0FBWSxJQUFJLENBQUM7SUFRakIsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1lBQzVCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUMxQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLENBQUM7WUFDaEQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxLQUFLLEtBQUssT0FBTyxDQUFDO1lBQ2hELElBQUksQ0FBQyxZQUFZLEdBQUc7Z0JBQ2xCLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxVQUFVLENBQUMsRUFBRSxJQUFJO2dCQUNuQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPO2FBQzFFLENBQUM7U0FDSDthQUFNO1lBQ0wsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7WUFDN0IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO1lBQy9CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDOzhHQXJFVSwwQkFBMEI7a0dBQTFCLDBCQUEwQiw0YUNOdkMsOHVCQWtCQTs7MkZEWmEsMEJBQTBCO2tCQUp0QyxTQUFTOytCQUNFLDJDQUEyQzt3REFhakQsU0FBUztzQkFEWixLQUFLO2dCQVNGLElBQUk7c0JBRFAsS0FBSztnQkFNRixLQUFLO3NCQURSLEtBQUs7Z0JBU0YsSUFBSTtzQkFEUCxLQUFLO2dCQVNOLGVBQWU7c0JBRGQsV0FBVzt1QkFBQyw2QkFBNkI7Z0JBRzFDLG9CQUFvQjtzQkFEbkIsV0FBVzt1QkFBQyxtQ0FBbUM7Z0JBR2hELGlCQUFpQjtzQkFEaEIsV0FBVzt1QkFBQyxnQ0FBZ0M7Z0JBRzdDLGlCQUFpQjtzQkFEaEIsV0FBVzt1QkFBQyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ0FjdGl2aXR5SW5kaWNhdG9yICwgbnptLWN0aXZpdHktaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGl2aXR5LWluZGljYXRvci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQWN0aXZpdHlJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcmVmaXhDbHM6IHN0cmluZyA9ICdhbS1hY3Rpdml0eS1pbmRpY2F0b3InO1xuICBzcGlubmVyQ2xhc3M6IG9iamVjdCA9IHt9O1xuXG4gIHByaXZhdGUgX3RleHQ6IHN0cmluZztcbiAgcHJpdmF0ZSBfc2l6ZTogc3RyaW5nID0gJ3NtYWxsJztcbiAgcHJpdmF0ZSBfdG9hc3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHJpdmF0ZSBfYW5pbWF0aW5nOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBnZXQgYW5pbWF0aW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9hbmltYXRpbmc7XG4gIH1cbiAgc2V0IGFuaW1hdGluZyh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fYW5pbWF0aW5nID0gdjtcbiAgICB0aGlzLnNldENsYXNzKCk7XG4gIH1cbiAgQElucHV0KClcbiAgc2V0IHNpemUodjogc3RyaW5nKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHY7XG4gICAgdGhpcy5zZXRDbGFzcygpO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCB0b2FzdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fdG9hc3Q7XG4gIH1cbiAgc2V0IHRvYXN0KHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl90b2FzdCA9IHY7XG4gICAgdGhpcy5zZXRDbGFzcygpO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCB0ZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3RleHQ7XG4gIH1cbiAgc2V0IHRleHQodjogc3RyaW5nKSB7XG4gICAgdGhpcy5fdGV4dCA9IHY7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFtLWFjdGl2aXR5LWluZGljYXRvcicpXG4gIGNsc0FjdEluZGljYXRvcjogYm9vbGVhbiA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tYWN0aXZpdHktaW5kaWNhdG9yLXRvYXN0JylcbiAgY2xzQWN0SW5kaWNhdG9yVG9hc3Q7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tYWN0aXZpdHktaW5kaWNhdG9yLWxnJylcbiAgY2xzQWN0SW5kaWNhdG9yTGc7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tYWN0aXZpdHktaW5kaWNhdG9yLXNtJylcbiAgY2xzQWN0SW5kaWNhdG9yU207XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHNldENsYXNzKCkge1xuICAgIGlmICh0aGlzLl9hbmltYXRpbmcpIHtcbiAgICAgIHRoaXMuY2xzQWN0SW5kaWNhdG9yID0gdHJ1ZTtcbiAgICAgIHRoaXMuY2xzQWN0SW5kaWNhdG9yVG9hc3QgPSAhIXRoaXMuX3RvYXN0O1xuICAgICAgdGhpcy5jbHNBY3RJbmRpY2F0b3JMZyA9IHRoaXMuX3NpemUgPT09ICdsYXJnZSc7XG4gICAgICB0aGlzLmNsc0FjdEluZGljYXRvclNtID0gdGhpcy5fc2l6ZSA9PT0gJ3NtYWxsJztcbiAgICAgIHRoaXMuc3Bpbm5lckNsYXNzID0ge1xuICAgICAgICBbYCR7dGhpcy5wcmVmaXhDbHN9LXNwaW5uZXJgXTogdHJ1ZSxcbiAgICAgICAgW2Ake3RoaXMucHJlZml4Q2xzfS1zcGlubmVyLWxnYF06ICEhdGhpcy5fdG9hc3QgfHwgdGhpcy5fc2l6ZSA9PT0gJ2xhcmdlJ1xuICAgICAgfTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbHNBY3RJbmRpY2F0b3IgPSBmYWxzZTtcbiAgICAgIHRoaXMuY2xzQWN0SW5kaWNhdG9yTGcgPSBmYWxzZTtcbiAgICAgIHRoaXMuY2xzQWN0SW5kaWNhdG9yU20gPSBmYWxzZTtcbiAgICAgIHRoaXMuY2xzQWN0SW5kaWNhdG9yVG9hc3QgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldENsYXNzKCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJhbmltYXRpbmcgJiYgdG9hc3QgJiYgdGV4dCAmJiB0ZXh0Lmxlbmd0aCA+IDBcIj5cbiAgPGRpdiBjbGFzcz1cInt7IHByZWZpeENscyB9fS1jb250ZW50XCI+XG4gICAgPHNwYW4gW25nQ2xhc3NdPVwic3Bpbm5lckNsYXNzXCIgYXJpYS1oaWRkZW49XCIndHJ1ZSdcIj48L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJ7eyBwcmVmaXhDbHMgfX0tdG9hc3RcIj57eyB0ZXh0IH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiAqbmdJZj1cImFuaW1hdGluZyAmJiB0b2FzdCAmJiAhdGV4dFwiPlxuICA8ZGl2IGNsYXNzPVwie3sgcHJlZml4Q2xzIH19LWNvbnRlbnRcIj5cbiAgICA8c3BhbiBbbmdDbGFzc109XCJzcGlubmVyQ2xhc3NcIiBhcmlhLWxhYmVsPVwiJ0xvYWRpbmcnXCI+PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiAqbmdJZj1cImFuaW1hdGluZyAmJiAhdG9hc3QgJiYgdGV4dCAmJiB0ZXh0Lmxlbmd0aCA+IDBcIj5cbiAgPHNwYW4gW25nQ2xhc3NdPVwic3Bpbm5lckNsYXNzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInt7IHByZWZpeENscyB9fS10aXBcIj57eyB0ZXh0IH19PC9zcGFuPlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiYW5pbWF0aW5nICYmICF0b2FzdCAmJiAhdGV4dFwiPlxuICA8c3BhbiBbbmdDbGFzc109XCJzcGlubmVyQ2xhc3NcIiBhcmlhLWxhYmVsPVwiJ2xvYWRpbmcnXCI+PC9zcGFuPlxuPC9kaXY+XG4iXX0=