rj-spinner
Version:
This library was generated with https://github.com/angular/angular-cli version 9.1.13.
28 lines • 5.91 kB
JavaScript
import { __decorate } from "tslib";
import { Component } from '@angular/core';
import { RjSpinnerService } from './rj-spinner.service';
var RjSpinnerComponent = /** @class */ (function () {
function RjSpinnerComponent(rjSpinnerService) {
var _this = this;
this.rjSpinnerService = rjSpinnerService;
this.showSpinner = false;
this.rjSpinnerService.spinnerFlag.subscribe(function (res) {
_this.showSpinner = res;
});
}
RjSpinnerComponent.prototype.ngOnInit = function () {
};
RjSpinnerComponent.ctorParameters = function () { return [
{ type: RjSpinnerService }
]; };
RjSpinnerComponent = __decorate([
Component({
selector: 'rj-spinner',
template: "<div class=\"spinner-main\" *ngIf=\"showSpinner\">\n <div class=\"spinner\"></div></div>\n ",
styles: ["body {\n margin:0;\n padding:0;\n }\n .spinner-main {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #0000001c;\n }\n .spinner {\n width: 40px;\n height: 40px;\n background-color: #333;\n \n margin: 100px auto;\n -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\n animation: sk-rotateplane 1.2s infinite ease-in-out;\n }\n \n @-webkit-keyframes sk-rotateplane {\n 0% { -webkit-transform: perspective(120px) }\n 50% { -webkit-transform: perspective(120px) rotateY(180deg) }\n 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }\n }\n \n @keyframes sk-rotateplane {\n 0% { \n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) \n } 50% { \n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) \n } 100% { \n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n }\n }"]
})
], RjSpinnerComponent);
return RjSpinnerComponent;
}());
export { RjSpinnerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmotc3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9yai1zcGlubmVyLyIsInNvdXJjZXMiOlsibGliL3JqLXNwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQXFEeEQ7SUFFRSw0QkFBb0IsZ0JBQWlDO1FBQXJELGlCQUlFO1FBSmtCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFEckQsZ0JBQVcsR0FBTyxLQUFLLENBQUM7UUFFdEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsVUFBQSxHQUFHO1lBQzdDLEtBQUksQ0FBQyxXQUFXLEdBQUcsR0FBRyxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFBO0lBQ0gsQ0FBQztJQUVGLHFDQUFRLEdBQVI7SUFFQSxDQUFDOztnQkFSb0MsZ0JBQWdCOztJQUYxQyxrQkFBa0I7UUFuRDlCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxZQUFZO1lBQ3RCLFFBQVEsRUFBRywrRkFFVjtxQkFFQyxnMUNBMENFO1NBRUwsQ0FBQztPQUNXLGtCQUFrQixDQVk5QjtJQUFELHlCQUFDO0NBQUEsQUFaRCxJQVlDO1NBWlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSalNwaW5uZXJTZXJ2aWNlIH0gZnJvbSAnLi9yai1zcGlubmVyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyai1zcGlubmVyJyxcbiAgdGVtcGxhdGU6ICBgPGRpdiBjbGFzcz1cInNwaW5uZXItbWFpblwiICpuZ0lmPVwic2hvd1NwaW5uZXJcIj5cbiAgPGRpdiBjbGFzcz1cInNwaW5uZXJcIj48L2Rpdj48L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYGJvZHkge1xuICAgICAgbWFyZ2luOjA7XG4gICAgICBwYWRkaW5nOjA7XG4gICAgfVxuICAgIC5zcGlubmVyLW1haW4ge1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQ6ICMwMDAwMDAxYztcbiAgICB9XG4gICAgLnNwaW5uZXIge1xuICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzO1xuICAgIFxuICAgICAgbWFyZ2luOiAxMDBweCBhdXRvO1xuICAgICAgLXdlYmtpdC1hbmltYXRpb246IHNrLXJvdGF0ZXBsYW5lIDEuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gICAgICBhbmltYXRpb246IHNrLXJvdGF0ZXBsYW5lIDEuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gICAgfVxuICAgIFxuICAgIEAtd2Via2l0LWtleWZyYW1lcyBzay1yb3RhdGVwbGFuZSB7XG4gICAgICAwJSB7IC13ZWJraXQtdHJhbnNmb3JtOiBwZXJzcGVjdGl2ZSgxMjBweCkgfVxuICAgICAgNTAlIHsgLXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVZKDE4MGRlZykgfVxuICAgICAgMTAwJSB7IC13ZWJraXQtdHJhbnNmb3JtOiBwZXJzcGVjdGl2ZSgxMjBweCkgcm90YXRlWSgxODBkZWcpICByb3RhdGVYKDE4MGRlZykgfVxuICAgIH1cbiAgICBcbiAgICBAa2V5ZnJhbWVzIHNrLXJvdGF0ZXBsYW5lIHtcbiAgICAgIDAlIHsgXG4gICAgICAgIHRyYW5zZm9ybTogcGVyc3BlY3RpdmUoMTIwcHgpIHJvdGF0ZVgoMGRlZykgcm90YXRlWSgwZGVnKTtcbiAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVYKDBkZWcpIHJvdGF0ZVkoMGRlZykgXG4gICAgICB9IDUwJSB7IFxuICAgICAgICB0cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVYKC0xODAuMWRlZykgcm90YXRlWSgwZGVnKTtcbiAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVYKC0xODAuMWRlZykgcm90YXRlWSgwZGVnKSBcbiAgICAgIH0gMTAwJSB7IFxuICAgICAgICB0cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVYKC0xODBkZWcpIHJvdGF0ZVkoLTE3OS45ZGVnKTtcbiAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDEyMHB4KSByb3RhdGVYKC0xODBkZWcpIHJvdGF0ZVkoLTE3OS45ZGVnKTtcbiAgICAgIH1cbiAgICB9YFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFJqU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dTcGlubmVyOmFueSA9IGZhbHNlO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJqU3Bpbm5lclNlcnZpY2U6UmpTcGlubmVyU2VydmljZSkge1xuICAgIHRoaXMucmpTcGlubmVyU2VydmljZS5zcGlubmVyRmxhZy5zdWJzY3JpYmUocmVzID0+e1xuICAgICAgdGhpcy5zaG93U3Bpbm5lciA9IHJlcztcbiAgICB9KVxuICAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIFxuICB9XG5cbn1cbiJdfQ==