ng-loaders
Version:
Angular component to add CSS loaders to your application
13 lines • 4.98 kB
JavaScript
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
class CubeGridComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: CubeGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.6", type: CubeGridComponent, isStandalone: true, selector: "ngx-cube-grid", ngImport: i0, template: "<div class=\"sk-cube-grid cube-grid\">\n\t<div class=\"sk-cube sk-cube1\"></div>\n\t<div class=\"sk-cube sk-cube2\"></div>\n\t<div class=\"sk-cube sk-cube3\"></div>\n\t<div class=\"sk-cube sk-cube4\"></div>\n\t<div class=\"sk-cube sk-cube5\"></div>\n\t<div class=\"sk-cube sk-cube6\"></div>\n\t<div class=\"sk-cube sk-cube7\"></div>\n\t<div class=\"sk-cube sk-cube8\"></div>\n\t<div class=\"sk-cube sk-cube9\"></div>\n</div>\n", styles: [".sk-cube-grid{width:40px;height:40px;margin:0 auto;z-index:11}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--spinnerColor, var(--defaultSpinnerColor));float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
}
export { CubeGridComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.6", ngImport: i0, type: CubeGridComponent, decorators: [{
type: Component,
args: [{ selector: 'ngx-cube-grid', standalone: true, imports: [CommonModule], template: "<div class=\"sk-cube-grid cube-grid\">\n\t<div class=\"sk-cube sk-cube1\"></div>\n\t<div class=\"sk-cube sk-cube2\"></div>\n\t<div class=\"sk-cube sk-cube3\"></div>\n\t<div class=\"sk-cube sk-cube4\"></div>\n\t<div class=\"sk-cube sk-cube5\"></div>\n\t<div class=\"sk-cube sk-cube6\"></div>\n\t<div class=\"sk-cube sk-cube7\"></div>\n\t<div class=\"sk-cube sk-cube8\"></div>\n\t<div class=\"sk-cube sk-cube9\"></div>\n</div>\n", styles: [".sk-cube-grid{width:40px;height:40px;margin:0 auto;z-index:11}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--spinnerColor, var(--defaultSpinnerColor));float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3ViZS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmctbG9hZGVycy9zcmMvbGliL2N1YmUtZ3JpZC9jdWJlLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy1sb2FkZXJzL3NyYy9saWIvY3ViZS1ncmlkL2N1YmUtZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFL0MsTUFPYSxpQkFBaUI7OEdBQWpCLGlCQUFpQjtrR0FBakIsaUJBQWlCLHlFQ1Y5Qiw0YUFXQSxteEJETFksWUFBWTs7U0FJWCxpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtY3ViZS1ncmlkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jdWJlLWdyaWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdWJlLWdyaWQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ3ViZUdyaWRDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJzay1jdWJlLWdyaWQgY3ViZS1ncmlkXCI+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmUxXCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmUyXCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmUzXCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU0XCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU1XCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU2XCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU3XCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU4XCI+PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU5XCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==