import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var LoaderComponent = /** @class */ (function () {
    function LoaderComponent() {
    }
    LoaderComponent.prototype.ngOnInit = function () {
    };
    __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);
    return LoaderComponent;
}());
export { LoaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYmRldi91aS1raXQvIiwic291cmNlcyI6WyJsaWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBT3ZEO0lBR0U7SUFDQSxDQUFDO0lBRUQsa0NBQVEsR0FBUjtJQUNBLENBQUM7SUFOUTtRQUFSLEtBQUssRUFBRTtrREFBaUI7SUFEZCxlQUFlO1FBTDNCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxXQUFXO1lBQ3JCLCtKQUFzQzs7U0FFdkMsQ0FBQztPQUNXLGVBQWUsQ0FTM0I7SUFBRCxzQkFBQztDQUFBLEFBVEQsSUFTQztTQVRZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBhbGlnbjogJ2NlbnRlcic7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=