@agorapulse/ui-animations 15.0.3 → 15.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/agorapulse-ui-animations-15.0.5.tgz +0 -0
  2. package/esm2020/index.mjs +3 -1
  3. package/esm2020/src/lib/agorapulse-ui-animations.module.mjs +13 -3
  4. package/esm2020/src/lib/loader/loader.component.mjs +3 -3
  5. package/fesm2015/agorapulse-ui-animations.mjs +15 -5
  6. package/fesm2015/agorapulse-ui-animations.mjs.map +1 -1
  7. package/fesm2020/agorapulse-ui-animations.mjs +15 -5
  8. package/fesm2020/agorapulse-ui-animations.mjs.map +1 -1
  9. package/index.d.ts +2 -0
  10. package/package.json +2 -2
  11. package/src/lib/agorapulse-ui-animations.module.d.ts +1 -1
  12. package/src/lib/loader/loader.component.d.ts +4 -1
  13. package/agorapulse-ui-animations-15.0.3.tgz +0 -0
package/esm2020/index.mjs CHANGED
@@ -5,4 +5,6 @@ export { AgorapulseUiAnimationsModule } from './src/lib/agorapulse-ui-animations
5
5
  export { SpinnerComponent } from './src/lib/spinner/spinner.component';
6
6
  export { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';
7
7
  export { LoaderComponent } from './src/lib/loader/loader.component';
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUN2RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUMvRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHVpLWFuaW1hdGlvbnNcbiAqL1xuXG5leHBvcnQge0Fnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGV9IGZyb20gJy4vc3JjL2xpYi9hZ29yYXB1bHNlLXVpLWFuaW1hdGlvbnMubW9kdWxlJztcbmV4cG9ydCB7U3Bpbm5lckNvbXBvbmVudH0gZnJvbSAnLi9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0IHtMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnR9IGZyb20gJy4vc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7TG9hZGVyQ29tcG9uZW50fSBmcm9tICcuL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xuXG4iXX0=
8
+ export { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';
9
+ export { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUN2RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUMvRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sc0RBQXNELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHVpLWFuaW1hdGlvbnNcbiAqL1xuXG5leHBvcnQge0Fnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGV9IGZyb20gJy4vc3JjL2xpYi9hZ29yYXB1bHNlLXVpLWFuaW1hdGlvbnMubW9kdWxlJztcbmV4cG9ydCB7U3Bpbm5lckNvbXBvbmVudH0gZnJvbSAnLi9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0IHtMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnR9IGZyb20gJy4vc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7TG9hZGVyQ29tcG9uZW50fSBmcm9tICcuL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ2FsY3VsYXRlUmFkaXVzUGlwZSB9IGZyb20gJy4vc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLXJhZGl1cy5waXBlJztcbmV4cG9ydCB7IENhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYUGlwZSB9IGZyb20gJy4vc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUnO1xuIl19
package/esm2020/src/lib/agorapulse-ui-animations.module.mjs CHANGED
@@ -21,7 +21,11 @@ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
21
21
  CalculateRadiusPipe,
22
22
  LetteringLoaderComponent,
23
23
  LoaderComponent,
24
- SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent] });
24
+ SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent,
25
+ LoaderComponent,
26
+ SpinnerComponent,
27
+ CalculateRadiusPipe,
28
+ CalculateLoaderStrokeDashXPipe] });
25
29
  AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AgorapulseUiAnimationsModule, imports: [CommonModule,
26
30
  // Lottie Module
27
31
  LottieModule.forRoot({
@@ -44,8 +48,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
44
48
  player: playerFactory,
45
49
  }),
46
50
  ],
47
- exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],
51
+ exports: [
52
+ LetteringLoaderComponent,
53
+ LoaderComponent,
54
+ SpinnerComponent,
55
+ CalculateRadiusPipe,
56
+ CalculateLoaderStrokeDashXPipe
57
+ ],
48
58
  providers: [],
49
59
  }]
50
60
  }] });
51
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxNQUFNLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxZQUFZLENBQUM7QUFFeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDNUYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7QUFDN0Qsb0RBQW9EO0FBQ3BELHVCQUF1QjtBQUN2QixNQUFNLFVBQVUsYUFBYTtJQUN6QixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDO0FBb0JELE1BQU0sT0FBTyw0QkFBNEI7O3lIQUE1Qiw0QkFBNEI7MEhBQTVCLDRCQUE0QixpQkFoQmpDLDhCQUE4QjtRQUM5QixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixnQkFBZ0IsYUFHaEIsWUFBWSw4QkFNTix3QkFBd0IsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCOzBIQUc1RCw0QkFBNEIsWUFUakMsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2pCLE1BQU0sRUFBRSxhQUFhO1NBQ3hCLENBQUM7MkZBS0csNEJBQTRCO2tCQWxCeEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsOEJBQThCO3dCQUM5QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsWUFBWSxDQUFDLE9BQU8sQ0FBQzs0QkFDakIsTUFBTSxFQUFFLGFBQWE7eUJBQ3hCLENBQUM7cUJBQ0w7b0JBQ0QsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixDQUFDO29CQUN0RSxTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMb3R0aWVNb2R1bGV9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5pbXBvcnQge0xldHRlcmluZ0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmltcG9ydCB7Q2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlfSBmcm9tICcuL2xvYWRlci9jYWxjdWxhdGUtbG9hZGVyLXN0cm9rZS1kYXNoLXgucGlwZSc7XG5pbXBvcnQge0NhbGN1bGF0ZVJhZGl1c1BpcGV9IGZyb20gJy4vbG9hZGVyL2NhbGN1bGF0ZS1yYWRpdXMucGlwZSc7XG5pbXBvcnQge0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1NwaW5uZXJDb21wb25lbnR9IGZyb20gJy4vc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XG4vLyBOb3RlIHdlIG5lZWQgYSBzZXBhcmF0ZSBmdW5jdGlvbiBhcyBpdCdzIHJlcXVpcmVkXG4vLyBieSB0aGUgQU9UIGNvbXBpbGVyLlxuZXhwb3J0IGZ1bmN0aW9uIHBsYXllckZhY3RvcnkoKSB7XG4gICAgcmV0dXJuIHBsYXllcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgQ2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlLFxuICAgICAgICBDYWxjdWxhdGVSYWRpdXNQaXBlLFxuICAgICAgICBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnQsXG4gICAgICAgIExvYWRlckNvbXBvbmVudCxcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBMb3R0aWUgTW9kdWxlXG4gICAgICAgIExvdHRpZU1vZHVsZS5mb3JSb290KHtcbiAgICAgICAgICAgIHBsYXllcjogcGxheWVyRmFjdG9yeSxcbiAgICAgICAgfSksXG4gICAgXSxcbiAgICBleHBvcnRzOiBbTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50LCBMb2FkZXJDb21wb25lbnQsIFNwaW5uZXJDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGUge31cbiJdfQ==
61
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxNQUFNLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxZQUFZLENBQUM7QUFFeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDNUYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7QUFDN0Qsb0RBQW9EO0FBQ3BELHVCQUF1QjtBQUN2QixNQUFNLFVBQVUsYUFBYTtJQUN6QixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDO0FBMEJELE1BQU0sT0FBTyw0QkFBNEI7O3lIQUE1Qiw0QkFBNEI7MEhBQTVCLDRCQUE0QixpQkF0QmpDLDhCQUE4QjtRQUM5QixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixnQkFBZ0IsYUFHaEIsWUFBWSw4QkFPWix3QkFBd0I7UUFDeEIsZUFBZTtRQUNmLGdCQUFnQjtRQUNoQixtQkFBbUI7UUFDbkIsOEJBQThCOzBIQUl6Qiw0QkFBNEIsWUFmakMsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2pCLE1BQU0sRUFBRSxhQUFhO1NBQ3hCLENBQUM7MkZBV0csNEJBQTRCO2tCQXhCeEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsOEJBQThCO3dCQUM5QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsWUFBWSxDQUFDLE9BQU8sQ0FBQzs0QkFDakIsTUFBTSxFQUFFLGFBQWE7eUJBQ3hCLENBQUM7cUJBQ0w7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsOEJBQThCO3FCQUNqQztvQkFDRCxTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMb3R0aWVNb2R1bGV9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5pbXBvcnQge0xldHRlcmluZ0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmltcG9ydCB7Q2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlfSBmcm9tICcuL2xvYWRlci9jYWxjdWxhdGUtbG9hZGVyLXN0cm9rZS1kYXNoLXgucGlwZSc7XG5pbXBvcnQge0NhbGN1bGF0ZVJhZGl1c1BpcGV9IGZyb20gJy4vbG9hZGVyL2NhbGN1bGF0ZS1yYWRpdXMucGlwZSc7XG5pbXBvcnQge0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1NwaW5uZXJDb21wb25lbnR9IGZyb20gJy4vc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XG4vLyBOb3RlIHdlIG5lZWQgYSBzZXBhcmF0ZSBmdW5jdGlvbiBhcyBpdCdzIHJlcXVpcmVkXG4vLyBieSB0aGUgQU9UIGNvbXBpbGVyLlxuZXhwb3J0IGZ1bmN0aW9uIHBsYXllckZhY3RvcnkoKSB7XG4gICAgcmV0dXJuIHBsYXllcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgQ2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlLFxuICAgICAgICBDYWxjdWxhdGVSYWRpdXNQaXBlLFxuICAgICAgICBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnQsXG4gICAgICAgIExvYWRlckNvbXBvbmVudCxcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBMb3R0aWUgTW9kdWxlXG4gICAgICAgIExvdHRpZU1vZHVsZS5mb3JSb290KHtcbiAgICAgICAgICAgIHBsYXllcjogcGxheWVyRmFjdG9yeSxcbiAgICAgICAgfSksXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIExldHRlcmluZ0xvYWRlckNvbXBvbmVudCxcbiAgICAgICAgTG9hZGVyQ29tcG9uZW50LFxuICAgICAgICBTcGlubmVyQ29tcG9uZW50LFxuICAgICAgICBDYWxjdWxhdGVSYWRpdXNQaXBlLFxuICAgICAgICBDYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFBpcGVcbiAgICBdLFxuICAgIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGUge31cbiJdfQ==
package/esm2020/src/lib/loader/loader.component.mjs CHANGED
@@ -26,13 +26,13 @@ export class LoaderComponent {
26
26
  }
27
27
  }
28
28
  LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
29
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: i3.CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
29
+ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: i3.CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
30
30
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, decorators: [{
31
31
  type: Component,
32
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
32
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
33
33
  }], propDecorators: { color: [{
34
34
  type: Input
35
35
  }], diameter: [{
36
36
  type: Input
37
37
  }] } });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNM0Y7Ozs7R0FJRztBQUNILE1BQU0sU0FBUyxHQUFjO0lBQ3pCLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsR0FBRyxFQUFFLEVBQUU7SUFDUCxHQUFHLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFVRixNQUFNLE9BQU8sZUFBZTtJQVI1QjtRQVVhLFVBQUssR0FBZ0MsUUFBUSxDQUFDO1FBR3ZELG9CQUFlLEdBQWMsU0FBUyxDQUFDO0tBRTFDOzs0R0FQWSxlQUFlO2dHQUFmLGVBQWUsbUdDL0I1QixpNkNBNEJBOzJGREdhLGVBQWU7a0JBUjNCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLGlCQUNOLGlCQUFpQixDQUFDLElBQUk7OEJBTzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbnRlcmZhY2UgVGhpY2tuZXNzIHtcbiAgICBba2V5OiBudW1iZXJdOiBudW1iZXI7XG59XG5cbi8qKlxuICogVGhlIGtleSBpcyB0aGUgZGlhbWV0ZXIgZ2l2ZW4gYXMgQElucHV0KCkgZGlhbWV0ZXJcbiAqIFdoYXRldmVyIHRoZSBkaWFtZXRlciBpcywgZm9yIHRoaWNrbmVzcyB0aGUgbWluIGlzIDIgYW5kIHRoZSBtYXggaXMgMTYgKGNmLiBVWC9VSSlcbiAqIElmIHlvdSBjaGFuZ2Ugc29tZSB2YWx1ZXMsIGRvbid0IGZvcmdldCB0byBhcHBseSBpdCBpbnRvIHRoZSBDU1MgYW5pbWF0aW9uXG4gKi9cbmNvbnN0IHRoaWNrbmVzczogVGhpY2tuZXNzID0ge1xuICAgIDEyOiAyLFxuICAgIDE2OiAzLFxuICAgIDE4OiAzLFxuICAgIDI0OiA0LFxuICAgIDMwOiA1LFxuICAgIDQ4OiA3LFxuICAgIDYwOiA4LFxuICAgIDEwMDogMTAsXG4gICAgMTIwOiAxMyxcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbG9hZGVyJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgTG9hZGVyQ29tcG9uZW50IHtcblxuICAgIEBJbnB1dCgpIGNvbG9yOiAnYmx1ZScgfCAnb3JhbmdlJyB8ICd3aGl0ZScgPSAnb3JhbmdlJztcbiAgICBASW5wdXQoKSBkaWFtZXRlcjogMTIgfCAxNiB8IDE4IHwgMjQgfCAzMCB8IDQ4IHwgNjAgfCAxMDAgfCAxMjA7XG5cbiAgICBzZWxlY3RUaGlja25lc3M6IFRoaWNrbmVzcyA9IHRoaWNrbmVzcztcblxufVxuIiwiPHN2Z1xuICAgICAgICBjbGFzcz1cImFwLWxvYWRlclwiXG4gICAgICAgIFthdHRyLmhlaWdodF09XCJkaWFtZXRlciArICdweCdcIlxuICAgICAgICBbYXR0ci53aWR0aF09XCJkaWFtZXRlciArICdweCdcIlxuPlxuICAgIDxjaXJjbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZmFkZVwiXG4gICAgICAgICAgICBbYXR0ci5yXT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS1kYXNoYXJyYXldPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaG9mZnNldF09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSB8IGNhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdICsgJ3B4J1wiXG4gICAgICAgICAgICBjeD1cIjUwJVwiXG4gICAgICAgICAgICBjeT1cIjUwJVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2FuaW1hdGlvbic6ICdyb3RhdGUtJyArIGRpYW1ldGVyICsgJyAxLjVzIGN1YmljLWJlemllcigwLjQyLCAwLjAsIDAuNzgsIDEuMCkgaW5maW5pdGUnfVwiXG4gICAgPjwvY2lyY2xlPlxuICAgIDxjaXJjbGVcbiAgICAgICAgICAgIGNsYXNzPVwibWFpblwiXG4gICAgICAgICAgICBbYXR0ci5yXT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS1kYXNoYXJyYXldPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaG9mZnNldF09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSB8IGNhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdICsgJ3B4J1wiXG4gICAgICAgICAgICBjeD1cIjUwJVwiXG4gICAgICAgICAgICBjeT1cIjUwJVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2FuaW1hdGlvbic6ICdyb3RhdGUtJyArIGRpYW1ldGVyICsgJyAxLjVzIGN1YmljLWJlemllcigwLjQyLCAwLjAsIDAuNTgsIDEuMCkgaW5maW5pdGUnfVwiXG4gICAgPjwvY2lyY2xlPlxuPC9zdmc+XG4iXX0=
38
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFVM0Y7Ozs7R0FJRztBQUNILE1BQU0sU0FBUyxHQUFjO0lBQ3pCLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsR0FBRyxFQUFFLEVBQUU7SUFDUCxHQUFHLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFTRixNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVFhLFVBQUssR0FBZ0IsUUFBUSxDQUFDO1FBR3ZDLG9CQUFlLEdBQWMsU0FBUyxDQUFDO0tBQzFDOzs0R0FMWSxlQUFlO2dHQUFmLGVBQWUsbUdDbEM1QixpNkNBNEJBOzJGRE1hLGVBQWU7a0JBUDNCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLGlCQUNOLGlCQUFpQixDQUFDLElBQUk7OEJBSzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBDbGFzc2ljTG9hZGVyQ29sb3IgPSAnYmx1ZScgfCAnb3JhbmdlJyB8ICd3aGl0ZSc7XG5leHBvcnQgdHlwZSBOZXR3b3JrTG9hZGVyQ29sb3IgPSAnZmFjZWJvb2snIHwgJ3R3aXR0ZXInIHwgJ2xpbmtlZGluJyB8ICd5b3V0dWJlJyB8ICd0aWt0b2snIHwgJ2luc3RhZ3JhbSc7XG5leHBvcnQgdHlwZSBMb2FkZXJDb2xvciA9IENsYXNzaWNMb2FkZXJDb2xvciB8IE5ldHdvcmtMb2FkZXJDb2xvcjtcblxuaW50ZXJmYWNlIFRoaWNrbmVzcyB7XG4gICAgW2tleTogbnVtYmVyXTogbnVtYmVyO1xufVxuXG4vKipcbiAqIFRoZSBrZXkgaXMgdGhlIGRpYW1ldGVyIGdpdmVuIGFzIEBJbnB1dCgpIGRpYW1ldGVyXG4gKiBXaGF0ZXZlciB0aGUgZGlhbWV0ZXIgaXMsIGZvciB0aGlja25lc3MgdGhlIG1pbiBpcyAyIGFuZCB0aGUgbWF4IGlzIDE2IChjZi4gVVgvVUkpXG4gKiBJZiB5b3UgY2hhbmdlIHNvbWUgdmFsdWVzLCBkb24ndCBmb3JnZXQgdG8gYXBwbHkgaXQgaW50byB0aGUgQ1NTIGFuaW1hdGlvblxuICovXG5jb25zdCB0aGlja25lc3M6IFRoaWNrbmVzcyA9IHtcbiAgICAxMjogMixcbiAgICAxNjogMyxcbiAgICAxODogMyxcbiAgICAyNDogNCxcbiAgICAzMDogNSxcbiAgICA0ODogNyxcbiAgICA2MDogOCxcbiAgICAxMDA6IDEwLFxuICAgIDEyMDogMTMsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxvYWRlcicsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGVyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBjb2xvcjogTG9hZGVyQ29sb3IgPSAnb3JhbmdlJztcbiAgICBASW5wdXQoKSBkaWFtZXRlcjogMTIgfCAxNiB8IDE4IHwgMjQgfCAzMCB8IDQ4IHwgNjAgfCAxMDAgfCAxMjA7XG5cbiAgICBzZWxlY3RUaGlja25lc3M6IFRoaWNrbmVzcyA9IHRoaWNrbmVzcztcbn1cbiIsIjxzdmdcbiAgICAgICAgY2xhc3M9XCJhcC1sb2FkZXJcIlxuICAgICAgICBbYXR0ci5oZWlnaHRdPVwiZGlhbWV0ZXIgKyAncHgnXCJcbiAgICAgICAgW2F0dHIud2lkdGhdPVwiZGlhbWV0ZXIgKyAncHgnXCJcbj5cbiAgICA8Y2lyY2xlXG4gICAgICAgICAgICBjbGFzcz1cImZhZGVcIlxuICAgICAgICAgICAgW2F0dHIucl09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXVwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaGFycmF5XT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdIHwgY2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhcIlxuICAgICAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hvZmZzZXRdPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2Utd2lkdGhdPVwic2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSArICdweCdcIlxuICAgICAgICAgICAgY3g9XCI1MCVcIlxuICAgICAgICAgICAgY3k9XCI1MCVcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwieydhbmltYXRpb24nOiAncm90YXRlLScgKyBkaWFtZXRlciArICcgMS41cyBjdWJpYy1iZXppZXIoMC40MiwgMC4wLCAwLjc4LCAxLjApIGluZmluaXRlJ31cIlxuICAgID48L2NpcmNsZT5cbiAgICA8Y2lyY2xlXG4gICAgICAgICAgICBjbGFzcz1cIm1haW5cIlxuICAgICAgICAgICAgW2F0dHIucl09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXVwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaGFycmF5XT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdIHwgY2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhcIlxuICAgICAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hvZmZzZXRdPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2Utd2lkdGhdPVwic2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSArICdweCdcIlxuICAgICAgICAgICAgY3g9XCI1MCVcIlxuICAgICAgICAgICAgY3k9XCI1MCVcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwieydhbmltYXRpb24nOiAncm90YXRlLScgKyBkaWFtZXRlciArICcgMS41cyBjdWJpYy1iZXppZXIoMC40MiwgMC4wLCAwLjU4LCAxLjApIGluZmluaXRlJ31cIlxuICAgID48L2NpcmNsZT5cbjwvc3ZnPlxuIl19
package/fesm2015/agorapulse-ui-animations.mjs CHANGED
@@ -82,10 +82,10 @@ class LoaderComponent {
82
82
  }
83
83
  }
84
84
  LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
85
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
85
+ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
86
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, decorators: [{
87
87
  type: Component,
88
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
88
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
89
89
  }], propDecorators: { color: [{
90
90
  type: Input
91
91
  }], diameter: [{
@@ -156,7 +156,11 @@ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
156
156
  CalculateRadiusPipe,
157
157
  LetteringLoaderComponent,
158
158
  LoaderComponent,
159
- SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent] });
159
+ SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent,
160
+ LoaderComponent,
161
+ SpinnerComponent,
162
+ CalculateRadiusPipe,
163
+ CalculateLoaderStrokeDashXPipe] });
160
164
  AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AgorapulseUiAnimationsModule, imports: [CommonModule,
161
165
  // Lottie Module
162
166
  LottieModule.forRoot({
@@ -179,7 +183,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
179
183
  player: playerFactory,
180
184
  }),
181
185
  ],
182
- exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],
186
+ exports: [
187
+ LetteringLoaderComponent,
188
+ LoaderComponent,
189
+ SpinnerComponent,
190
+ CalculateRadiusPipe,
191
+ CalculateLoaderStrokeDashXPipe
192
+ ],
183
193
  providers: [],
184
194
  }]
185
195
  }] });
@@ -192,5 +202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
192
202
  * Generated bundle index. Do not edit.
193
203
  */
194
204
 
195
- export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, LoaderComponent, SpinnerComponent };
205
+ export { AgorapulseUiAnimationsModule, CalculateLoaderStrokeDashXPipe, CalculateRadiusPipe, LetteringLoaderComponent, LoaderComponent, SpinnerComponent };
196
206
  //# sourceMappingURL=agorapulse-ui-animations.mjs.map
package/fesm2015/agorapulse-ui-animations.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n\n}\n","<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n pure: true\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n pure: true\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@angular/core';\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss']\n})\n\nexport class LoaderComponent {\n\n @Input() color: 'blue' | 'orange' | 'white' = 'orange';\n @Input() diameter: 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\n selectThickness: Thickness = thickness;\n\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n","import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui-animations/spinner-orange-orange20.json',\n '/assets/lib-ui-animations/spinner-white-orange.json',\n '/assets/lib-ui-animations/spinner-orange-orange40.json',\n '/assets/lib-ui-animations/spinner-orange-translucent.json',\n '/assets/lib-ui-animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","<div class=\"lottie-container\"\n [class.white]=\"color === 'white'\"\n [class.orange]=\"color === 'orange'\"\n [class.grey]=\"color === 'grey'\"\n [class.grey-5]=\"color === 'grey5'\"\n [class.grey-10]=\"color === 'grey10'\"\n [class.mini]=\"size === 'mini'\"\n [class.small]=\"size === 'small'\"\n [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\"\n [class.manual]=\"size === 'manual'\"\n [class.rounded]=\"rounded\"\n>\n <ng-lottie [options]=\"options\"></ng-lottie>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport player from 'lottie-web';\nimport {LottieModule} from 'ngx-lottie';\n\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {CalculateLoaderStrokeDashXPipe} from './loader/calculate-loader-stroke-dash-x.pipe';\nimport {CalculateRadiusPipe} from './loader/calculate-radius.pipe';\nimport {LoaderComponent} from './loader/loader.component';\nimport {SpinnerComponent} from './spinner/spinner.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n CalculateLoaderStrokeDashXPipe,\n CalculateRadiusPipe,\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n }),\n ],\n exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],\n providers: [],\n})\nexport class AgorapulseUiAnimationsModule {}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\nexport {LoaderComponent} from './src/lib/loader/loader.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CalculateLoaderStrokeDashXPipe","i3.CalculateRadiusPipe"],"mappings":"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"}
1
+ {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n\n}\n","<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n pure: true\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n pure: true\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@angular/core';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor = 'facebook' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'instagram';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input() diameter: 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n","import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui-animations/spinner-orange-orange20.json',\n '/assets/lib-ui-animations/spinner-white-orange.json',\n '/assets/lib-ui-animations/spinner-orange-orange40.json',\n '/assets/lib-ui-animations/spinner-orange-translucent.json',\n '/assets/lib-ui-animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","<div class=\"lottie-container\"\n [class.white]=\"color === 'white'\"\n [class.orange]=\"color === 'orange'\"\n [class.grey]=\"color === 'grey'\"\n [class.grey-5]=\"color === 'grey5'\"\n [class.grey-10]=\"color === 'grey10'\"\n [class.mini]=\"size === 'mini'\"\n [class.small]=\"size === 'small'\"\n [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\"\n [class.manual]=\"size === 'manual'\"\n [class.rounded]=\"rounded\"\n>\n <ng-lottie [options]=\"options\"></ng-lottie>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport player from 'lottie-web';\nimport {LottieModule} from 'ngx-lottie';\n\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {CalculateLoaderStrokeDashXPipe} from './loader/calculate-loader-stroke-dash-x.pipe';\nimport {CalculateRadiusPipe} from './loader/calculate-radius.pipe';\nimport {LoaderComponent} from './loader/loader.component';\nimport {SpinnerComponent} from './spinner/spinner.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n CalculateLoaderStrokeDashXPipe,\n CalculateRadiusPipe,\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n }),\n ],\n exports: [\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n CalculateRadiusPipe,\n CalculateLoaderStrokeDashXPipe\n ],\n providers: [],\n})\nexport class AgorapulseUiAnimationsModule {}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\nexport {LoaderComponent} from './src/lib/loader/loader.component';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CalculateLoaderStrokeDashXPipe","i3.CalculateRadiusPipe"],"mappings":"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"}
package/fesm2020/agorapulse-ui-animations.mjs CHANGED
@@ -82,10 +82,10 @@ class LoaderComponent {
82
82
  }
83
83
  }
84
84
  LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
85
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
85
+ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
86
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LoaderComponent, decorators: [{
87
87
  type: Component,
88
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
88
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-twitter-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
89
89
  }], propDecorators: { color: [{
90
90
  type: Input
91
91
  }], diameter: [{
@@ -156,7 +156,11 @@ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
156
156
  CalculateRadiusPipe,
157
157
  LetteringLoaderComponent,
158
158
  LoaderComponent,
159
- SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent] });
159
+ SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent,
160
+ LoaderComponent,
161
+ SpinnerComponent,
162
+ CalculateRadiusPipe,
163
+ CalculateLoaderStrokeDashXPipe] });
160
164
  AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AgorapulseUiAnimationsModule, imports: [CommonModule,
161
165
  // Lottie Module
162
166
  LottieModule.forRoot({
@@ -179,7 +183,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
179
183
  player: playerFactory,
180
184
  }),
181
185
  ],
182
- exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],
186
+ exports: [
187
+ LetteringLoaderComponent,
188
+ LoaderComponent,
189
+ SpinnerComponent,
190
+ CalculateRadiusPipe,
191
+ CalculateLoaderStrokeDashXPipe
192
+ ],
183
193
  providers: [],
184
194
  }]
185
195
  }] });
@@ -192,5 +202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
192
202
  * Generated bundle index. Do not edit.
193
203
  */
194
204
 
195
- export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, LoaderComponent, SpinnerComponent };
205
+ export { AgorapulseUiAnimationsModule, CalculateLoaderStrokeDashXPipe, CalculateRadiusPipe, LetteringLoaderComponent, LoaderComponent, SpinnerComponent };
196
206
  //# sourceMappingURL=agorapulse-ui-animations.mjs.map
package/fesm2020/agorapulse-ui-animations.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n\n}\n","<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n pure: true\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n pure: true\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@angular/core';\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss']\n})\n\nexport class LoaderComponent {\n\n @Input() color: 'blue' | 'orange' | 'white' = 'orange';\n @Input() diameter: 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\n selectThickness: Thickness = thickness;\n\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n","import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui-animations/spinner-orange-orange20.json',\n '/assets/lib-ui-animations/spinner-white-orange.json',\n '/assets/lib-ui-animations/spinner-orange-orange40.json',\n '/assets/lib-ui-animations/spinner-orange-translucent.json',\n '/assets/lib-ui-animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","<div class=\"lottie-container\"\n [class.white]=\"color === 'white'\"\n [class.orange]=\"color === 'orange'\"\n [class.grey]=\"color === 'grey'\"\n [class.grey-5]=\"color === 'grey5'\"\n [class.grey-10]=\"color === 'grey10'\"\n [class.mini]=\"size === 'mini'\"\n [class.small]=\"size === 'small'\"\n [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\"\n [class.manual]=\"size === 'manual'\"\n [class.rounded]=\"rounded\"\n>\n <ng-lottie [options]=\"options\"></ng-lottie>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport player from 'lottie-web';\nimport {LottieModule} from 'ngx-lottie';\n\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {CalculateLoaderStrokeDashXPipe} from './loader/calculate-loader-stroke-dash-x.pipe';\nimport {CalculateRadiusPipe} from './loader/calculate-radius.pipe';\nimport {LoaderComponent} from './loader/loader.component';\nimport {SpinnerComponent} from './spinner/spinner.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n CalculateLoaderStrokeDashXPipe,\n CalculateRadiusPipe,\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n }),\n ],\n exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],\n providers: [],\n})\nexport class AgorapulseUiAnimationsModule {}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\nexport {LoaderComponent} from './src/lib/loader/loader.component';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CalculateLoaderStrokeDashXPipe","i3.CalculateRadiusPipe"],"mappings":"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"}
1
+ {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/src/lib/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-lettering-loader',\n templateUrl: './lettering-loader.component.html',\n styleUrls: ['./lettering-loader.component.scss']\n})\nexport class LetteringLoaderComponent {\n\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n\n}\n","<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n pure: true\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n pure: true\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@angular/core';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor = 'facebook' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'instagram';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input() diameter: 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n","import {ChangeDetectionStrategy, Component, Input, OnInit} from '@angular/core';\nimport {AnimationOptions} from 'ngx-lottie';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html'\n})\nexport class SpinnerComponent implements OnInit {\n\n @Input() color: 'white'\n | 'orange'\n | 'grey'\n | 'grey5'\n | 'grey10'\n | 'translucent-orange'\n | 'translucent-white'\n = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded: boolean;\n\n loaderPaths = [\n '/assets/lib-ui-animations/spinner-orange-orange20.json',\n '/assets/lib-ui-animations/spinner-white-orange.json',\n '/assets/lib-ui-animations/spinner-orange-orange40.json',\n '/assets/lib-ui-animations/spinner-orange-translucent.json',\n '/assets/lib-ui-animations/spinner-white-translucent.json'\n ];\n\n options: AnimationOptions = {\n path: ''\n };\n\n ngOnInit(): void {\n switch (this.color) {\n case 'white':\n this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json\n break;\n case 'orange':\n this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json\n break;\n case 'translucent-orange':\n this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json\n break;\n case 'translucent-white':\n this.options['path'] = this.loaderPaths[4]; // white-translucent.json'\n break;\n default:\n throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');\n }\n }\n}\n","<div class=\"lottie-container\"\n [class.white]=\"color === 'white'\"\n [class.orange]=\"color === 'orange'\"\n [class.grey]=\"color === 'grey'\"\n [class.grey-5]=\"color === 'grey5'\"\n [class.grey-10]=\"color === 'grey10'\"\n [class.mini]=\"size === 'mini'\"\n [class.small]=\"size === 'small'\"\n [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\"\n [class.manual]=\"size === 'manual'\"\n [class.rounded]=\"rounded\"\n>\n <ng-lottie [options]=\"options\"></ng-lottie>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport player from 'lottie-web';\nimport {LottieModule} from 'ngx-lottie';\n\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {CalculateLoaderStrokeDashXPipe} from './loader/calculate-loader-stroke-dash-x.pipe';\nimport {CalculateRadiusPipe} from './loader/calculate-radius.pipe';\nimport {LoaderComponent} from './loader/loader.component';\nimport {SpinnerComponent} from './spinner/spinner.component';\n// Note we need a separate function as it's required\n// by the AOT compiler.\nexport function playerFactory() {\n return player;\n}\n\n@NgModule({\n declarations: [\n CalculateLoaderStrokeDashXPipe,\n CalculateRadiusPipe,\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n }),\n ],\n exports: [\n LetteringLoaderComponent,\n LoaderComponent,\n SpinnerComponent,\n CalculateRadiusPipe,\n CalculateLoaderStrokeDashXPipe\n ],\n providers: [],\n})\nexport class AgorapulseUiAnimationsModule {}\n","/*\n * Public API Surface of ui-animations\n */\n\nexport {AgorapulseUiAnimationsModule} from './src/lib/agorapulse-ui-animations.module';\nexport {SpinnerComponent} from './src/lib/spinner/spinner.component';\nexport {LetteringLoaderComponent} from './src/lib/lettering-loader/lettering-loader.component';\nexport {LoaderComponent} from './src/lib/loader/loader.component';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.CalculateLoaderStrokeDashXPipe","i3.CalculateRadiusPipe"],"mappings":"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"}
package/index.d.ts CHANGED
@@ -2,3 +2,5 @@ export { AgorapulseUiAnimationsModule } from './src/lib/agorapulse-ui-animations
2
2
  export { SpinnerComponent } from './src/lib/spinner/spinner.component';
3
3
  export { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';
4
4
  export { LoaderComponent } from './src/lib/loader/loader.component';
5
+ export { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';
6
+ export { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-animations",
3
3
  "description": "Agorapulse UI Animations Components Library",
4
- "version": "15.0.3",
4
+ "version": "15.0.5",
5
5
  "author": "Benoit Hediard",
6
6
  "repository": {
7
7
  "type": "git",
@@ -17,7 +17,7 @@
17
17
  "@angular/core": "^15.1.0",
18
18
  "@angular/material": "^15.1.0",
19
19
  "lottie-web": "^5.9.6",
20
- "ngx-lottie": "^9.0.0"
20
+ "ngx-lottie": "^10.0.0"
21
21
  },
22
22
  "module": "fesm2015/agorapulse-ui-animations.mjs",
23
23
  "es2020": "fesm2020/agorapulse-ui-animations.mjs",
package/src/lib/agorapulse-ui-animations.module.d.ts CHANGED
@@ -9,6 +9,6 @@ import * as i7 from "ngx-lottie";
9
9
  export declare function playerFactory(): import("lottie-web").LottiePlayer;
10
10
  export declare class AgorapulseUiAnimationsModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<AgorapulseUiAnimationsModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiAnimationsModule, [typeof i1.CalculateLoaderStrokeDashXPipe, typeof i2.CalculateRadiusPipe, typeof i3.LetteringLoaderComponent, typeof i4.LoaderComponent, typeof i5.SpinnerComponent], [typeof i6.CommonModule, typeof i7.LottieModule], [typeof i3.LetteringLoaderComponent, typeof i4.LoaderComponent, typeof i5.SpinnerComponent]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiAnimationsModule, [typeof i1.CalculateLoaderStrokeDashXPipe, typeof i2.CalculateRadiusPipe, typeof i3.LetteringLoaderComponent, typeof i4.LoaderComponent, typeof i5.SpinnerComponent], [typeof i6.CommonModule, typeof i7.LottieModule], [typeof i3.LetteringLoaderComponent, typeof i4.LoaderComponent, typeof i5.SpinnerComponent, typeof i2.CalculateRadiusPipe, typeof i1.CalculateLoaderStrokeDashXPipe]>;
13
13
  static ɵinj: i0.ɵɵInjectorDeclaration<AgorapulseUiAnimationsModule>;
14
14
  }
package/src/lib/loader/loader.component.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import * as i0 from "@angular/core";
2
+ export type ClassicLoaderColor = 'blue' | 'orange' | 'white';
3
+ export type NetworkLoaderColor = 'facebook' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'instagram';
4
+ export type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;
2
5
  interface Thickness {
3
6
  [key: number]: number;
4
7
  }
5
8
  export declare class LoaderComponent {
6
- color: 'blue' | 'orange' | 'white';
9
+ color: LoaderColor;
7
10
  diameter: 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;
8
11
  selectThickness: Thickness;
9
12
  static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
package/agorapulse-ui-animations-15.0.3.tgz DELETED
Binary file