@nepwork/dashboards
Version:
Dashboards for emergencies and monitoring
246 lines • 8.57 kB
JavaScript
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { emptyStatusWarning } from '../helpers';
/**
* Styled spinner component
*
* @styles
*
* spinner-text-color:
* spinner-text-font-family:
* spinner-text-font-size:
* spinner-text-font-weight:
* spinner-text-line-height:
* spinner-basic-background-color:
* spinner-basic-circle-filled-color:
* spinner-basic-circle-empty-color:
* spinner-primary-background-color:
* spinner-primary-circle-filled-color:
* spinner-primary-circle-empty-color:
* spinner-info-background-color:
* spinner-info-circle-filled-color:
* spinner-info-circle-empty-color:
* spinner-success-background-color:
* spinner-success-circle-filled-color:
* spinner-success-circle-empty-color:
* spinner-warning-background-color:
* spinner-warning-circle-filled-color:
* spinner-warning-circle-empty-color:
* spinner-danger-background-color:
* spinner-danger-circle-filled-color:
* spinner-danger-circle-empty-color:
* spinner-control-background-color:
* spinner-control-circle-filled-color:
* spinner-control-circle-empty-color:
* spinner-height-tiny:
* spinner-height-small:
* spinner-height-medium:
* spinner-height-large:
* spinner-height-giant:
*/
var NbSpinnerComponent = /** @class */ (function () {
function NbSpinnerComponent() {
/**
* Loading text that is shown near the icon
* @type string
*/
this.message = 'Loading...';
/**
* Spinner size, available sizes:
* tiny, small, medium, large, giant
* @param {string} value
*/
this.size = 'medium';
this._status = 'basic';
}
Object.defineProperty(NbSpinnerComponent.prototype, "status", {
/**
* Spinner status (adds specific styles):
* `basic`, `primary`, `info`, `success`, `warning`, `danger`, `control`.
*/
get: function () {
return this._status;
},
set: function (value) {
if (value === '') {
emptyStatusWarning('NbSpinner');
value = 'basic';
}
this._status = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "tiny", {
get: function () {
return this.size === 'tiny';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "small", {
get: function () {
return this.size === 'small';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "medium", {
get: function () {
return this.size === 'medium';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "large", {
get: function () {
return this.size === 'large';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "giant", {
get: function () {
return this.size === 'giant';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "primary", {
get: function () {
return this.status === 'primary';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "info", {
get: function () {
return this.status === 'info';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "success", {
get: function () {
return this.status === 'success';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "warning", {
get: function () {
return this.status === 'warning';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "danger", {
get: function () {
return this.status === 'danger';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "basic", {
get: function () {
return this.status === 'basic';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NbSpinnerComponent.prototype, "control", {
get: function () {
return this.status === 'control';
},
enumerable: true,
configurable: true
});
__decorate([
Input(),
__metadata("design:type", String)
], NbSpinnerComponent.prototype, "message", void 0);
__decorate([
Input(),
__metadata("design:type", String)
], NbSpinnerComponent.prototype, "size", void 0);
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], NbSpinnerComponent.prototype, "status", null);
__decorate([
HostBinding('class.size-tiny'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "tiny", null);
__decorate([
HostBinding('class.size-small'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "small", null);
__decorate([
HostBinding('class.size-medium'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "medium", null);
__decorate([
HostBinding('class.size-large'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "large", null);
__decorate([
HostBinding('class.size-giant'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "giant", null);
__decorate([
HostBinding('class.status-primary'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "primary", null);
__decorate([
HostBinding('class.status-info'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "info", null);
__decorate([
HostBinding('class.status-success'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "success", null);
__decorate([
HostBinding('class.status-warning'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "warning", null);
__decorate([
HostBinding('class.status-danger'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "danger", null);
__decorate([
HostBinding('class.status-basic'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "basic", null);
__decorate([
HostBinding('class.status-control'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], NbSpinnerComponent.prototype, "control", null);
NbSpinnerComponent = __decorate([
Component({
selector: 'nb-spinner',
template: "\n <span class=\"spin-circle\"></span>\n <span class=\"message\" *ngIf=\"message\">{{ message }}</span>\n ",
styles: [":host{opacity:1;position:absolute;border-radius:inherit;top:0;right:0;left:0;bottom:0;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible}:host .spin-circle{animation:spin 0.8s infinite linear;border-radius:50%;border-style:solid;border-width:0.125em;width:1em;height:1em}:host .message{margin-left:0.5rem}\n"]
})
], NbSpinnerComponent);
return NbSpinnerComponent;
}());
export { NbSpinnerComponent };
//# sourceMappingURL=spinner.component.js.map