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