@groupix/groupix-spinner
Version:
A lightweight Angular spinner library for loading states
58 lines (51 loc) • 4.21 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, Component, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
class GroupixSpinnerService {
constructor() { }
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerService, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}], ctorParameters: () => [] });
class GroupixSpinnerComponent {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GroupixSpinnerComponent, selector: "groupix-spinner", ngImport: i0, template: ` <div class="loader-container">
<div class="ball ball-1"></div>
<div class="ball ball-2"></div>
<div class="ball ball-3"></div>
</div>`, isInline: true, styles: [".loader-container{display:flex;justify-content:center;align-items:center;height:100%;gap:8px}.ball{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 6px #0000001a;animation:bounce 1.5s infinite ease-in-out;transition:transform .3s ease-in-out}.ball-1{background:linear-gradient(to right,#6366f1,#ec4899);animation-delay:-.3s}.ball-2{background:linear-gradient(to right,#facc15,#dc2626);animation-delay:-.15s}.ball-3{background:linear-gradient(to right,#a855f7,#2563eb)}.ball:hover{transform:scale(1.25)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerComponent, decorators: [{
type: Component,
args: [{ selector: 'groupix-spinner', template: ` <div class="loader-container">
<div class="ball ball-1"></div>
<div class="ball ball-2"></div>
<div class="ball ball-3"></div>
</div>`, styles: [".loader-container{display:flex;justify-content:center;align-items:center;height:100%;gap:8px}.ball{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 6px #0000001a;animation:bounce 1.5s infinite ease-in-out;transition:transform .3s ease-in-out}.ball-1{background:linear-gradient(to right,#6366f1,#ec4899);animation-delay:-.3s}.ball-2{background:linear-gradient(to right,#facc15,#dc2626);animation-delay:-.15s}.ball-3{background:linear-gradient(to right,#a855f7,#2563eb)}.ball:hover{transform:scale(1.25)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}\n"] }]
}] });
class GroupixSpinnerModule {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerModule, declarations: [GroupixSpinnerComponent], imports: [CommonModule], exports: [GroupixSpinnerComponent] });
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerModule, imports: [CommonModule] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupixSpinnerModule, decorators: [{
type: NgModule,
args: [{
declarations: [GroupixSpinnerComponent],
exports: [GroupixSpinnerComponent],
imports: [CommonModule],
}]
}] });
/*
* Public API Surface of groupix-spinner
*/
/**
* Generated bundle index. Do not edit.
*/
export { GroupixSpinnerComponent, GroupixSpinnerModule, GroupixSpinnerService };
//# sourceMappingURL=groupix-groupix-spinner.mjs.map