UNPKG

ng-loaders

Version:

Angular component to add CSS loaders to your application

13 lines 3.51 kB
import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import * as i0 from "@angular/core"; class RotatingSquareComponent { static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingSquareComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.6", type: RotatingSquareComponent, isStandalone: true, selector: "ngx-rotating-square", ngImport: i0, template: "<div class=\"spinner\"></div>\n", styles: [".spinner{width:40px;height:40px;background-color:var(--spinnerColor, var(--defaultSpinnerColor));z-index:11;margin:0 auto;animation:sk-rotateplane 1.2s infinite ease-in-out}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); } } export { RotatingSquareComponent }; i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingSquareComponent, decorators: [{ type: Component, args: [{ selector: 'ngx-rotating-square', standalone: true, imports: [CommonModule], template: "<div class=\"spinner\"></div>\n", styles: [".spinner{width:40px;height:40px;background-color:var(--spinnerColor, var(--defaultSpinnerColor));z-index:11;margin:0 auto;animation:sk-rotateplane 1.2s infinite ease-in-out}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}\n"] }] }] }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm90YXRpbmctc3F1YXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmctbG9hZGVycy9zcmMvbGliL3JvdGF0aW5nLXNxdWFyZS9yb3RhdGluZy1zcXVhcmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy1sb2FkZXJzL3NyYy9saWIvcm90YXRpbmctc3F1YXJlL3JvdGF0aW5nLXNxdWFyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFL0MsTUFPYSx1QkFBdUI7OEdBQXZCLHVCQUF1QjtrR0FBdkIsdUJBQXVCLCtFQ1ZwQyxpQ0FDQSw0b0JES1ksWUFBWTs7U0FJWCx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtcm90YXRpbmctc3F1YXJlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3RhdGluZy1zcXVhcmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yb3RhdGluZy1zcXVhcmUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUm90YXRpbmdTcXVhcmVDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyXCI+PC9kaXY+XG4iXX0=