ng-loaders
Version:
Angular component to add CSS loaders to your application
13 lines • 3.71 kB
JavaScript
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
class RotatingDotsComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingDotsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.6", type: RotatingDotsComponent, isStandalone: true, selector: "ngx-rotating-dots", ngImport: i0, template: "<div class=\"spinner rotating-dots\">\n\t<div class=\"dot1\"></div>\n\t<div class=\"dot2\"></div>\n</div>\n", styles: [".spinner{margin:0 auto;width:40px;height:40px;position:relative;text-align:center;z-index:11;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:var(--spinnerColor, var(--defaultSpinnerColor));border-radius:100%;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
}
export { RotatingDotsComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingDotsComponent, decorators: [{
type: Component,
args: [{ selector: 'ngx-rotating-dots', standalone: true, imports: [CommonModule], template: "<div class=\"spinner rotating-dots\">\n\t<div class=\"dot1\"></div>\n\t<div class=\"dot2\"></div>\n</div>\n", styles: [".spinner{margin:0 auto;width:40px;height:40px;position:relative;text-align:center;z-index:11;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:var(--spinnerColor, var(--defaultSpinnerColor));border-radius:100%;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm90YXRpbmctZG90cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL25nLWxvYWRlcnMvc3JjL2xpYi9yb3RhdGluZy1kb3RzL3JvdGF0aW5nLWRvdHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy1sb2FkZXJzL3NyYy9saWIvcm90YXRpbmctZG90cy9yb3RhdGluZy1kb3RzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUUvQyxNQU9hLHFCQUFxQjs4R0FBckIscUJBQXFCO2tHQUFyQixxQkFBcUIsNkVDVmxDLDZHQUlBLHdvQkRFWSxZQUFZOztTQUlYLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1yb3RhdGluZy1kb3RzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3RhdGluZy1kb3RzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcm90YXRpbmctZG90cy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBSb3RhdGluZ0RvdHNDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyIHJvdGF0aW5nLWRvdHNcIj5cblx0PGRpdiBjbGFzcz1cImRvdDFcIj48L2Rpdj5cblx0PGRpdiBjbGFzcz1cImRvdDJcIj48L2Rpdj5cbjwvZGl2PlxuIl19