@universis/common/esm2020/shared/components/modal/spinner.component.mjs

Universis - common directives and services

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
/**
 *
 * A native spinner component
 * @export
 * @class SpinnerComponent
 * @implements {OnInit}
 */
export class SpinnerComponent {
    constructor() { }
    ngOnInit() {
        //
    }
}
SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SpinnerComponent, selector: "universis-spinner", ngImport: i0, 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>
  `, isInline: true, styles: ["@import\"spinkit/css/spinners/7-three-bounce.css\";.s--spinner{position:fixed;width:100%;height:100%;top:0;background-color:#7f7f7f80;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:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: 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: ["@import\"spinkit/css/spinners/7-three-bounce.css\";.s--spinner{position:fixed;width:100%;height:100%;top:0;background-color:#7f7f7f80;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:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvc2hhcmVkL2NvbXBvbmVudHMvbW9kYWwvc3Bpbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFFbEQ7Ozs7OztHQU1HO0FBY0gsTUFBTSxPQUFPLGdCQUFnQjtJQUUzQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sRUFBRTtJQUNKLENBQUM7OzhHQU5VLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHlEQVZqQjs7Ozs7Ozs7R0FRVDs0RkFFVSxnQkFBZ0I7a0JBYjVCLFNBQVM7K0JBQ0UsbUJBQW1CLFlBRW5COzs7Ozs7OztHQVFUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKlxuICogQSBuYXRpdmUgc3Bpbm5lciBjb21wb25lbnRcbiAqIEBleHBvcnRcbiAqIEBjbGFzcyBTcGlubmVyQ29tcG9uZW50XG4gKiBAaW1wbGVtZW50cyB7T25Jbml0fVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1bml2ZXJzaXMtc3Bpbm5lcicsXG4gIHN0eWxlVXJsczogW2AuL3NwaW5uZXIuY29tcG9uZW50LnNjc3NgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzLS1zcGlubmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzay10aHJlZS1ib3VuY2VcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY2hpbGQgc2stYm91bmNlMVwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jaGlsZCBzay1ib3VuY2UyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWNoaWxkIHNrLWJvdW5jZTNcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vXG4gIH1cbn1cbiJdfQ==