import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
var LoadingComponent = /** @class */ (function () {
    function LoadingComponent() {
        this.scale = 1;
        this.color = '';
    }
    Object.defineProperty(LoadingComponent.prototype, "size", {
        get: function () {
            return "scale(" + this.scale + ")";
        },
        enumerable: true,
        configurable: true
    });
    __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);
    return LoadingComponent;
}());
export { LoadingComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFuYm8vdWkvIiwic291cmNlcyI6WyJsaWIvbG9hZGluZy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNOUQ7SUFBQTtRQUNXLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixVQUFLLEdBQUcsRUFBRSxDQUFDO0lBT3RCLENBQUM7SUFIQyxzQkFBSSxrQ0FBSTthQUFSO1lBQ0UsT0FBTyxXQUFTLElBQUksQ0FBQyxLQUFLLE1BQUcsQ0FBQztRQUNoQyxDQUFDOzs7T0FBQTtJQVBRO1FBQVIsS0FBSyxFQUFFOzttREFBVztJQUNWO1FBQVIsS0FBSyxFQUFFOzttREFBWTtJQUlwQjtRQUZDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztRQUM5QixXQUFXLENBQUMsdUJBQXVCLENBQUM7OztnREFHcEM7SUFSVSxnQkFBZ0I7UUFKNUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFlBQVk7WUFDdEIsK2lDQUF1QztTQUN4QyxDQUFDO09BQ1csZ0JBQWdCLENBUzVCO0lBQUQsdUJBQUM7Q0FBQSxBQVRELElBU0M7U0FUWSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1sb2FkaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmcuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQge1xuICBASW5wdXQoKSBzY2FsZSA9IDE7XG4gIEBJbnB1dCgpIGNvbG9yID0gJyc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS50cmFuc2Zvcm0nKVxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLndlYmtpdFRyYW5zZm9ybScpXG4gIGdldCBzaXplKCkge1xuICAgIHJldHVybiBgc2NhbGUoJHt0aGlzLnNjYWxlfSlgO1xuICB9XG59XG4iXX0=