import { __decorate } from "tslib";
import { Component } from '@angular/core';
var SpinnerComponent = /** @class */ (function () {
    /** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
    function 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);
    return SpinnerComponent;
}());
export { SpinnerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZW5lcmd5Y2FwL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZGlzcGxheS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUzFDO0lBREEsa0lBQWtJO0lBQ2xJO0lBQWdDLENBQUM7SUFBcEIsZ0JBQWdCO1FBUDVCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxZQUFZO1lBQ3RCLGlOQUF1Qzs7U0FFeEMsQ0FBQztRQUVGLGtJQUFrSTtPQUNySCxnQkFBZ0IsQ0FBSTtJQUFELHVCQUFDO0NBQUEsQUFBakMsSUFBaUM7U0FBcEIsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuXHJcbi8qKiBFeHBvc2VzIHRoZSBtYXJrdXAgYW5kIHN0eWxlcyB0aGF0IHJlcHJlc2VudCB0aGUgc3Bpbm5lci4gTm8gaW5wdXRzIG9yIG91dHB1dHMgZGVmaW5lZCBiZWNhdXNlIGl0IGlzIGp1c3QgYSB2aXN1YWwgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgeyB9XHJcbiJdfQ==