import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
let LoadingComponent = class LoadingComponent {
    constructor() {
        this.scale = 1;
        this.color = '';
    }
    get size() {
        return `scale(${this.scale})`;
    }
};
__decorate([
    Input(),
    __metadata("design:type", Object)
], LoadingComponent.prototype, "scale", void 0);
__decorate([
    Input(),
    __metadata("design:type", Object)
], LoadingComponent.prototype, "color", void 0);
__decorate([
    HostBinding('style.transform'),
    HostBinding('style.webkitTransform'),
    __metadata("design:type", Object),
    __metadata("design:paramtypes", [])
], LoadingComponent.prototype, "size", null);
LoadingComponent = __decorate([
    Component({
        selector: 'ui-loading',
        template: "<div class=\"ui-loading-1\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-2\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-3\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-4\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-5\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-6\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-7\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-8\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-9\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-10\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-11\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n<div class=\"ui-loading-12\"><span [ngStyle]=\"{backgroundColor: color}\"></span></div>\n"
    })
], LoadingComponent);
export { LoadingComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFuYm8vdWkvIiwic291cmNlcyI6WyJsaWIvbG9hZGluZy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNOUQsSUFBYSxnQkFBZ0IsR0FBN0IsTUFBYSxnQkFBZ0I7SUFBN0I7UUFDVyxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsVUFBSyxHQUFHLEVBQUUsQ0FBQztJQU90QixDQUFDO0lBSEMsSUFBSSxJQUFJO1FBQ04sT0FBTyxTQUFTLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQztJQUNoQyxDQUFDO0NBQ0YsQ0FBQTtBQVJVO0lBQVIsS0FBSyxFQUFFOzsrQ0FBVztBQUNWO0lBQVIsS0FBSyxFQUFFOzsrQ0FBWTtBQUlwQjtJQUZDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztJQUM5QixXQUFXLENBQUMsdUJBQXVCLENBQUM7Ozs0Q0FHcEM7QUFSVSxnQkFBZ0I7SUFKNUIsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFlBQVk7UUFDdEIsK2lDQUF1QztLQUN4QyxDQUFDO0dBQ1csZ0JBQWdCLENBUzVCO1NBVFksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktbG9hZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2NhbGUgPSAxO1xuICBASW5wdXQoKSBjb2xvciA9ICcnO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUudHJhbnNmb3JtJylcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS53ZWJraXRUcmFuc2Zvcm0nKVxuICBnZXQgc2l6ZSgpIHtcbiAgICByZXR1cm4gYHNjYWxlKCR7dGhpcy5zY2FsZX0pYDtcbiAgfVxufVxuIl19