ngx-pluto
Version:
52 lines • 4.99 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from "@angular/core";
/**
* @ignore
*/
var NpLoading = /** @class */ (function () {
function NpLoading() {
this.r = 98;
this.thickness = 10;
this.colors = ['#37C4CA', '#5189DA', '#FB8933'];
this.speed = 1;
}
/**
* @return {?}
*/
NpLoading.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
NpLoading.decorators = [
{ type: Component, args: [{
selector: "np-loading",
template: "<div class=\"np-loading-wrapper\">\r\n <div [ngStyle]=\"{'left': 'calc(50% - ' + r + 'px)', 'width.px': 2*r, 'height.px': 2*r}\">\r\n <div *ngIf=\"colors[0]\" [ngStyle]=\"{'background-color': colors[0], \r\n 'width.px': (+r + +r / 2), \r\n 'height.px': (+r + +r / 2),\r\n 'animation': (2/speed) + 's linear 1s infinite normal none running cssload-move'}\">\r\n </div>\r\n <div *ngIf=\"colors[1]\" [ngStyle]=\"{'background-color': colors[1], \r\n 'width.px': (+r + +r / 2), \r\n 'height.px': (+r + +r / 2),\r\n 'animation': (1/speed) + 's linear 0s infinite normal none running cssload-move'}\">\r\n </div>\r\n <div *ngIf=\"colors[2]\" [ngStyle]=\"{'background-color': colors[2], \r\n 'width.px': (+r + +r / 2), \r\n 'height.px': (+r + +r / 2),\r\n 'animation': (3/speed) + 's linear 2s infinite normal none running cssload-move'}\">\r\n </div>\r\n </div>\r\n <div [ngStyle]=\"{'left': 'calc(50% - ' + (r - thickness) + 'px)', \r\n 'width.px': 2*(r - thickness), \r\n 'height.px': 2*(r - thickness), \r\n 'line-height.px': 2*(r - thickness), \r\n 'top.px': (thickness - 2*r)}\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n",
styles: [":host{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.np-loading-wrapper{height:196px}.np-loading-wrapper>div{position:relative;border-radius:100%;overflow:hidden}.np-loading-wrapper>div:nth-child(2){text-align:center}.np-loading-wrapper>div div{border-radius:100%;-webkit-filter:blur(29px);filter:blur(29px);position:absolute}@-webkit-keyframes cssload-move{0%,100%{top:0;left:0}25%{top:0;left:50%}50%{top:50%;left:50%}75%{top:50%;left:0}}@keyframes cssload-move{0%,100%{top:0;left:0}25%{top:0;left:50%}50%{top:50%;left:50%}75%{top:50%;left:0}}"]
}] }
];
/** @nocollapse */
NpLoading.ctorParameters = function () { return []; };
NpLoading.propDecorators = {
r: [{ type: Input }],
thickness: [{ type: Input }],
colors: [{ type: Input }],
speed: [{ type: Input }]
};
return NpLoading;
}());
export { NpLoading };
if (false) {
/** @type {?} */
NpLoading.prototype.r;
/** @type {?} */
NpLoading.prototype.thickness;
/** @type {?} */
NpLoading.prototype.colors;
/** @type {?} */
NpLoading.prototype.speed;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1wbHV0by8iLCJzb3VyY2VzIjpbImxpYi9sb2FkaW5nL2xvYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQThDLEtBQUssRUFBaUYsTUFBTSxlQUFlLENBQUM7Ozs7QUFNNUs7SUFhRTtRQUxTLE1BQUMsR0FBVyxFQUFFLENBQUM7UUFDZixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLFdBQU0sR0FBa0IsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzFELFVBQUssR0FBVyxDQUFDLENBQUM7SUFFWCxDQUFDOzs7O0lBRWpCLDRCQUFROzs7SUFBUjtJQUVBLENBQUM7O2dCQWpCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLHdyQ0FBMkI7O2lCQUU1Qjs7Ozs7b0JBSUUsS0FBSzs0QkFDTCxLQUFLO3lCQUNMLEtBQUs7d0JBQ0wsS0FBSzs7SUFPUixnQkFBQztDQUFBLEFBbEJELElBa0JDO1NBWlksU0FBUzs7O0lBRXBCLHNCQUF3Qjs7SUFDeEIsOEJBQWdDOztJQUNoQywyQkFBbUU7O0lBQ25FLDBCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT25Jbml0LCBmb3J3YXJkUmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBIb3N0TGlzdGVuZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgTkdfVkFMSURBVE9SUywgQ29udHJvbFZhbHVlQWNjZXNzb3IsIFZhbGlkYXRvciwgVmFsaWRhdGlvbkVycm9ycywgQWJzdHJhY3RDb250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG4vKipcclxuICogQGlnbm9yZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGBucC1sb2FkaW5nYCxcclxuICB0ZW1wbGF0ZVVybDogJ2xvYWRpbmcuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ2xvYWRpbmcuc2NzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTnBMb2FkaW5nIGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgcjogbnVtYmVyID0gOTg7XHJcbiAgQElucHV0KCkgdGhpY2tuZXNzOiBudW1iZXIgPSAxMDtcclxuICBASW5wdXQoKSBjb2xvcnM6IEFycmF5PHN0cmluZz4gPSBbJyMzN0M0Q0EnLCAnIzUxODlEQScsICcjRkI4OTMzJ107XHJcbiAgQElucHV0KCkgc3BlZWQ6IG51bWJlciA9IDE7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG5cclxuICB9XHJcbn1cclxuXHJcblxyXG4iXX0=