@universis/common
Version:
Universis - common directives and services
33 lines (32 loc) • 2.89 kB
JavaScript
import { Component } from '@angular/core';
/**
*
* A native spinner component
* @export
* @class SpinnerComponent
* @implements {OnInit}
*/
export class SpinnerComponent {
constructor() { }
ngOnInit() {
//
}
}
SpinnerComponent.decorators = [
{ type: Component, args: [{
selector: 'universis-spinner',
template: `
<div class="s--spinner">
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
`,
styles: [".s--spinner{position:fixed;width:100%;height:100%;top:0;background-color:rgba(127,127,127,.5);z-index:10000;display:flex!important;justify-content:center!important;align-items:center!important}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.s--spinner .sk-three-bounce{display:table-cell}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;background-color:#333;border-radius:100%;display:inline-block;animation:1.4s ease-in-out infinite both sk-three-bounce}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}"]
}] }
];
/** @nocollapse */
SpinnerComponent.ctorParameters = () => [];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdW5pdmVyc2lzL2NvbW1vbi8iLCJzb3VyY2VzIjpbInNoYXJlZC9jb21wb25lbnRzL21vZGFsL3NwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEQ7Ozs7OztHQU1HO0FBY0gsTUFBTTtJQUVKLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixFQUFFO0lBQ0osQ0FBQzs7O1lBbkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUU3QixRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7O2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqXG4gKiBBIG5hdGl2ZSBzcGlubmVyIGNvbXBvbmVudFxuICogQGV4cG9ydFxuICogQGNsYXNzIFNwaW5uZXJDb21wb25lbnRcbiAqIEBpbXBsZW1lbnRzIHtPbkluaXR9XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VuaXZlcnNpcy1zcGlubmVyJyxcbiAgc3R5bGVVcmxzOiBbYC4vc3Bpbm5lci5jb21wb25lbnQuc2Nzc2BdLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPGRpdiBjbGFzcz1cInMtLXNwaW5uZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNrLXRocmVlLWJvdW5jZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jaGlsZCBzay1ib3VuY2UxXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWNoaWxkIHNrLWJvdW5jZTJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY2hpbGQgc2stYm91bmNlM1wiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgLy9cbiAgfVxufVxuIl19