ngx-pluto
Version:
47 lines • 4.72 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from "@angular/core";
/**
* @ignore
*/
export class NpLoading {
constructor() {
this.r = 98;
this.thickness = 10;
this.colors = ['#37C4CA', '#5189DA', '#FB8933'];
this.speed = 1;
}
/**
* @return {?}
*/
ngOnInit() {
}
}
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 = () => [];
NpLoading.propDecorators = {
r: [{ type: Input }],
thickness: [{ type: Input }],
colors: [{ type: Input }],
speed: [{ type: Input }]
};
if (false) {
/** @type {?} */
NpLoading.prototype.r;
/** @type {?} */
NpLoading.prototype.thickness;
/** @type {?} */
NpLoading.prototype.colors;
/** @type {?} */
NpLoading.prototype.speed;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1wbHV0by8iLCJzb3VyY2VzIjpbImxpYi9sb2FkaW5nL2xvYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQThDLEtBQUssRUFBaUYsTUFBTSxlQUFlLENBQUM7Ozs7QUFZNUssTUFBTSxPQUFPLFNBQVM7SUFPcEI7UUFMUyxNQUFDLEdBQVcsRUFBRSxDQUFDO1FBQ2YsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUN2QixXQUFNLEdBQWtCLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUMxRCxVQUFLLEdBQVcsQ0FBQyxDQUFDO0lBRVgsQ0FBQzs7OztJQUVqQixRQUFRO0lBRVIsQ0FBQzs7O1lBakJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsd3JDQUEyQjs7YUFFNUI7Ozs7O2dCQUlFLEtBQUs7d0JBQ0wsS0FBSztxQkFDTCxLQUFLO29CQUNMLEtBQUs7Ozs7SUFITixzQkFBd0I7O0lBQ3hCLDhCQUFnQzs7SUFDaEMsMkJBQW1FOztJQUNuRSwwQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQsIE9uSW5pdCwgZm9yd2FyZFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgSG9zdExpc3RlbmVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIE5HX1ZBTElEQVRPUlMsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3IsIFZhbGlkYXRpb25FcnJvcnMsIEFic3RyYWN0Q29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuLyoqXHJcbiAqIEBpZ25vcmVcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgbnAtbG9hZGluZ2AsXHJcbiAgdGVtcGxhdGVVcmw6ICdsb2FkaW5nLmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydsb2FkaW5nLnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5wTG9hZGluZyBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHI6IG51bWJlciA9IDk4O1xyXG4gIEBJbnB1dCgpIHRoaWNrbmVzczogbnVtYmVyID0gMTA7XHJcbiAgQElucHV0KCkgY29sb3JzOiBBcnJheTxzdHJpbmc+ID0gWycjMzdDNENBJywgJyM1MTg5REEnLCAnI0ZCODkzMyddO1xyXG4gIEBJbnB1dCgpIHNwZWVkOiBudW1iZXIgPSAxO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuXHJcbiAgfVxyXG59XHJcblxyXG5cclxuIl19