import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/evo-ui-class.directive";
export var EvoLoaderStyles;
(function (EvoLoaderStyles) {
    EvoLoaderStyles["darkblue"] = "darkblue";
    EvoLoaderStyles["green"] = "green";
    EvoLoaderStyles["white"] = "white";
})(EvoLoaderStyles || (EvoLoaderStyles = {}));
export class EvoLoaderComponent {
    constructor() {
        this.color = EvoLoaderStyles.darkblue;
    }
    ngOnInit() { }
}
EvoLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
EvoLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoLoaderComponent, selector: "evo-loader", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n    <span class=\"evo-loader__dot\"></span>\n    <span class=\"evo-loader__dot\"></span>\n    <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'evo-loader', template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n    <span class=\"evo-loader__dot\"></span>\n    <span class=\"evo-loader__dot\"></span>\n    <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tbG9hZGVyL2V2by1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWxvYWRlci9ldm8tbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFFekQsTUFBTSxDQUFOLElBQVksZUFJWDtBQUpELFdBQVksZUFBZTtJQUN2Qix3Q0FBcUIsQ0FBQTtJQUNyQixrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUI7QUFPRCxNQUFNLE9BQU8sa0JBQWtCO0lBRzNCO1FBRlMsVUFBSyxHQUFvQixlQUFlLENBQUMsUUFBUSxDQUFDO0lBRTNDLENBQUM7SUFFakIsUUFBUSxLQUFLLENBQUM7OytHQUxMLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhFQ2IvQixvTUFLQTsyRkRRYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0ksWUFBWTswRUFLYixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gRXZvTG9hZGVyU3R5bGVzIHtcbiAgICBkYXJrYmx1ZSA9ICdkYXJrYmx1ZScsXG4gICAgZ3JlZW4gPSAnZ3JlZW4nLFxuICAgIHdoaXRlID0gJ3doaXRlJyxcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tbG9hZGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbICcuL2V2by1sb2FkZXIuY29tcG9uZW50LnNjc3MnIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV2b0xvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgY29sb3I6IEV2b0xvYWRlclN0eWxlcyA9IEV2b0xvYWRlclN0eWxlcy5kYXJrYmx1ZTtcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHsgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZXZvLWxvYWRlclwiIFtldm9VaUNsYXNzXT1cImNvbG9yXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJldm8tbG9hZGVyX19kb3RcIj48L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJldm8tbG9hZGVyX19kb3RcIj48L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJldm8tbG9hZGVyX19kb3RcIj48L3NwYW4+XG48L2Rpdj5cbiJdfQ==