import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let LoaderComponent = class LoaderComponent {
    constructor() {
    }
    ngOnInit() {
    }
};
__decorate([
    Input()
], LoaderComponent.prototype, "align", void 0);
LoaderComponent = __decorate([
    Component({
        selector: 'ui-loader',
        template: "<div class=\"loader\">\n  <div class=\"loader__spinner\"></div>\n  <div class=\"loader__label\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
        styles: [":host{display:block}:host[align=center]{display:flex;justify-content:center}.loader{display:flex;align-items:center}.loader__label{padding-left:10px}.loader__spinner,.loader__spinner:after{display:block;border-radius:50%;width:24px;height:24px}.loader__spinner{position:relative;text-indent:-9999em;border-top:3px solid rgba(180,180,180,.4);border-right:3px solid rgba(180,180,180,.4);border-bottom:3px solid rgba(180,180,180,.4);border-left:3px solid var(--color-primary);transform:translateZ(0);-webkit-animation:1.1s linear infinite loadAnim;animation:1.1s linear infinite loadAnim}@-webkit-keyframes loadAnim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loadAnim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
    })
], LoaderComponent);
export { LoaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBT3ZELElBQWEsZUFBZSxHQUE1QixNQUFhLGVBQWU7SUFHMUI7SUFDQSxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7Q0FFRixDQUFBO0FBUlU7SUFBUixLQUFLLEVBQUU7OENBQWlCO0FBRGQsZUFBZTtJQUwzQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsV0FBVztRQUNyQiwrSkFBc0M7O0tBRXZDLENBQUM7R0FDVyxlQUFlLENBUzNCO1NBVFksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGFsaWduOiAnY2VudGVyJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==