@groupix/groupix-spinner/esm2022/lib/groupix-spinner.component.mjs

A lightweight Angular spinner library for loading states

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export 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"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXBpeC1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2dyb3VwaXgtc3Bpbm5lci9zcmMvbGliL2dyb3VwaXgtc3Bpbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUF1RDFDLE1BQU0sT0FBTyx1QkFBdUI7d0dBQXZCLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLHVEQW5EeEI7Ozs7U0FJSDs7NEZBK0NJLHVCQUF1QjtrQkFyRG5DLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCOzs7O1NBSUgiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3JvdXBpeC1zcGlubmVyJyxcbiAgdGVtcGxhdGU6IGAgPGRpdiBjbGFzcz1cImxvYWRlci1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFsbCBiYWxsLTFcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFsbCBiYWxsLTJcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFsbCBiYWxsLTNcIj48L2Rpdj5cbiAgPC9kaXY+YCxcbiAgc3R5bGVzOiBgXG4gIC5sb2FkZXItY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZ2FwOiA4cHg7XG59XG5cbi5iYWxsIHtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGFuaW1hdGlvbjogYm91bmNlIDEuNXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG4uYmFsbC0xIHtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjNjM2NmYxLCAjZWM0ODk5KTtcbiAgYW5pbWF0aW9uLWRlbGF5OiAtMC4zcztcbn1cblxuLmJhbGwtMiB7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2ZhY2MxNSwgI2RjMjYyNik7XG4gIGFuaW1hdGlvbi1kZWxheTogLTAuMTVzO1xufVxuXG4uYmFsbC0zIHtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjYTg1NWY3LCAjMjU2M2ViKTtcbn1cblxuLmJhbGw6aG92ZXIge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMjUpO1xufVxuXG5Aa2V5ZnJhbWVzIGJvdW5jZSB7XG4gIDAlLCAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbiAgNTAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIwcHgpO1xuICB9XG59XG5gLFxufSlcbmV4cG9ydCBjbGFzcyBHcm91cGl4U3Bpbm5lckNvbXBvbmVudCB7fVxuIl19