ng-loaders
Version:
Angular component to add CSS loaders to your application
13 lines • 4.36 kB
JavaScript
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
class RotatingCubesComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingCubesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.6", type: RotatingCubesComponent, isStandalone: true, selector: "ngx-rotating-cubes", ngImport: i0, template: "<div class=\"spinner rotating-cubes\">\n\t<div class=\"cube1\"></div>\n\t<div class=\"cube2\"></div>\n</div>\n", styles: [".spinner{margin:0 auto;width:40px;height:40px;position:relative;z-index:11}.cube1,.cube2{background-color:var(--spinnerColor, var(--defaultSpinnerColor));width:15px;height:15px;position:absolute;top:0;left:0;animation:sk-cubemove 1.8s infinite ease-in-out}.cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translate(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translate(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translate(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translate(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
}
export { RotatingCubesComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: RotatingCubesComponent, decorators: [{
type: Component,
args: [{ selector: 'ngx-rotating-cubes', standalone: true, imports: [CommonModule], template: "<div class=\"spinner rotating-cubes\">\n\t<div class=\"cube1\"></div>\n\t<div class=\"cube2\"></div>\n</div>\n", styles: [".spinner{margin:0 auto;width:40px;height:40px;position:relative;z-index:11}.cube1,.cube2{background-color:var(--spinnerColor, var(--defaultSpinnerColor));width:15px;height:15px;position:absolute;top:0;left:0;animation:sk-cubemove 1.8s infinite ease-in-out}.cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translate(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translate(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translate(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translate(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm90YXRpbmctY3ViZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy1sb2FkZXJzL3NyYy9saWIvcm90YXRpbmctY3ViZXMvcm90YXRpbmctY3ViZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy1sb2FkZXJzL3NyYy9saWIvcm90YXRpbmctY3ViZXMvcm90YXRpbmctY3ViZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRS9DLE1BT2Esc0JBQXNCOzhHQUF0QixzQkFBc0I7a0dBQXRCLHNCQUFzQiw4RUNWbkMsZ0hBSUEsNDdCREVZLFlBQVk7O1NBSVgsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXJvdGF0aW5nLWN1YmVzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3RhdGluZy1jdWJlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JvdGF0aW5nLWN1YmVzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJvdGF0aW5nQ3ViZXNDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyIHJvdGF0aW5nLWN1YmVzXCI+XG5cdDxkaXYgY2xhc3M9XCJjdWJlMVwiPjwvZGl2PlxuXHQ8ZGl2IGNsYXNzPVwiY3ViZTJcIj48L2Rpdj5cbjwvZGl2PlxuIl19