import { __decorate } from "tslib";
import { Component } from '@angular/core';
let SpinnerComponent = 
/** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
class SpinnerComponent {
};
SpinnerComponent = __decorate([
    Component({
        selector: 'ec-spinner',
        template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>",
        styles: ["@-webkit-keyframes sk-bouncedelay{0%,100%,80%{opacity:0}40%{opacity:1}}@keyframes sk-bouncedelay{0%,100%,80%{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:#0084a9;-webkit-animation:1.7s ease-in-out infinite both sk-bouncedelay;animation:1.7s ease-in-out infinite both sk-bouncedelay;margin-right:.25rem}.spinner-dot:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:#0084a9;-webkit-animation:1.7s ease-in-out infinite both sk-bouncedelay;animation:1.7s ease-in-out infinite both sk-bouncedelay;margin-right:.16667rem}:host(.spinner-small) .spinner-dot:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}"]
    })
    /** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
], SpinnerComponent);
export { SpinnerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZW5lcmd5Y2FwL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZGlzcGxheS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUzFDLElBQWEsZ0JBQWdCO0FBRDdCLGtJQUFrSTtBQUNsSSxNQUFhLGdCQUFnQjtDQUFJLENBQUE7QUFBcEIsZ0JBQWdCO0lBUDVCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxZQUFZO1FBQ3RCLGlOQUF1Qzs7S0FFeEMsQ0FBQztJQUVGLGtJQUFrSTtHQUNySCxnQkFBZ0IsQ0FBSTtTQUFwQixnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtc3Bpbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuLyoqIEV4cG9zZXMgdGhlIG1hcmt1cCBhbmQgc3R5bGVzIHRoYXQgcmVwcmVzZW50IHRoZSBzcGlubmVyLiBObyBpbnB1dHMgb3Igb3V0cHV0cyBkZWZpbmVkIGJlY2F1c2UgaXQgaXMganVzdCBhIHZpc3VhbCBjb21wb25lbnQqL1xyXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCB7IH1cclxuIl19