@agorapulse/ui-animations 2.5.0 → 13.0.2

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 (25) hide show
  1. package/agorapulse-ui-animations-13.0.2.tgz +0 -0
  2. package/agorapulse-ui-animations.d.ts +1 -1
  3. package/esm2020/agorapulse-ui-animations.mjs +5 -0
  4. package/{esm2015/index.js → esm2020/index.mjs} +0 -0
  5. package/esm2020/src/lib/agorapulse-ui-animations.module.mjs +48 -0
  6. package/esm2020/src/lib/lettering-loader/lettering-loader.component.mjs +17 -0
  7. package/esm2020/src/lib/spinner/spinner.component.mjs +55 -0
  8. package/fesm2015/agorapulse-ui-animations.mjs +123 -0
  9. package/fesm2015/agorapulse-ui-animations.mjs.map +1 -0
  10. package/fesm2020/agorapulse-ui-animations.mjs +123 -0
  11. package/fesm2020/agorapulse-ui-animations.mjs.map +1 -0
  12. package/package.json +26 -14
  13. package/src/lib/agorapulse-ui-animations.module.d.ts +9 -13
  14. package/src/lib/lettering-loader/lettering-loader.component.d.ts +3 -0
  15. package/src/lib/spinner/spinner.component.d.ts +3 -0
  16. package/agorapulse-ui-animations-2.5.0.tgz +0 -0
  17. package/agorapulse-ui-animations.metadata.json +0 -1
  18. package/bundles/agorapulse-ui-animations.umd.js +0 -130
  19. package/bundles/agorapulse-ui-animations.umd.js.map +0 -1
  20. package/esm2015/agorapulse-ui-animations.js +0 -6
  21. package/esm2015/src/lib/agorapulse-ui-animations.module.js +0 -35
  22. package/esm2015/src/lib/lettering-loader/lettering-loader.component.js +0 -17
  23. package/esm2015/src/lib/spinner/spinner.component.js +0 -54
  24. package/fesm2015/agorapulse-ui-animations.js +0 -113
  25. package/fesm2015/agorapulse-ui-animations.js.map +0 -1
package/agorapulse-ui-animations.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
+ /// <amd-module name="@agorapulse/ui-animations" />
4
5
  export * from './index';
5
- export { playerFactory as ɵa } from './src/lib/agorapulse-ui-animations.module';
package/esm2020/agorapulse-ui-animations.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
package/{esm2015/index.js → esm2020/index.mjs} RENAMED
File without changes
package/esm2020/src/lib/agorapulse-ui-animations.module.mjs ADDED
@@ -0,0 +1,48 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { SpinnerComponent } from './spinner/spinner.component';
4
+ import { LottieModule } from 'ngx-lottie';
5
+ import player from 'lottie-web';
6
+ import { LetteringLoaderComponent } from './lettering-loader/lettering-loader.component';
7
+ import * as i0 from "@angular/core";
8
+ import * as i1 from "ngx-lottie";
9
+ // Note we need a separate function as it's required
10
+ // by the AOT compiler.
11
+ export function playerFactory() {
12
+ return player;
13
+ }
14
+ export class AgorapulseUiAnimationsModule {
15
+ }
16
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
17
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, declarations: [SpinnerComponent,
18
+ LetteringLoaderComponent], imports: [CommonModule, i1.LottieModule], exports: [SpinnerComponent,
19
+ LetteringLoaderComponent] });
20
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, providers: [], imports: [[
21
+ CommonModule,
22
+ // Lottie Module
23
+ LottieModule.forRoot({
24
+ player: playerFactory
25
+ })
26
+ ]] });
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, decorators: [{
28
+ type: NgModule,
29
+ args: [{
30
+ declarations: [
31
+ SpinnerComponent,
32
+ LetteringLoaderComponent,
33
+ ],
34
+ imports: [
35
+ CommonModule,
36
+ // Lottie Module
37
+ LottieModule.forRoot({
38
+ player: playerFactory
39
+ })
40
+ ],
41
+ exports: [
42
+ SpinnerComponent,
43
+ LetteringLoaderComponent
44
+ ],
45
+ providers: []
46
+ }]
47
+ }] });
48
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFN0QsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLFlBQVksQ0FBQztBQUN4QyxPQUFPLE1BQU0sTUFBTSxZQUFZLENBQUM7QUFDaEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7OztBQUV2RixvREFBb0Q7QUFDcEQsdUJBQXVCO0FBQ3ZCLE1BQU0sVUFBVSxhQUFhO0lBQ3pCLE9BQU8sTUFBTSxDQUFDO0FBQ2xCLENBQUM7QUFxQkQsTUFBTSxPQUFPLDRCQUE0Qjs7K0pBQTVCLDRCQUE0QjtnS0FBNUIsNEJBQTRCLGlCQWpCakMsZ0JBQWdCO1FBQ2hCLHdCQUF3QixhQUd4QixZQUFZLDhCQU9aLGdCQUFnQjtRQUNoQix3QkFBd0I7Z0tBS25CLDRCQUE0QixhQUgxQixFQUNWLFlBWlE7WUFDTCxZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLFlBQVksQ0FBQyxPQUFPLENBQUM7Z0JBQ2pCLE1BQU0sRUFBRSxhQUFhO2FBQ3hCLENBQUM7U0FDTDsyRkFRUSw0QkFBNEI7a0JBbkJ4QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7d0JBQ2hCLHdCQUF3QjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDOzRCQUNqQixNQUFNLEVBQUUsYUFBYTt5QkFDeEIsQ0FBQztxQkFDTDtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsZ0JBQWdCO3dCQUNoQix3QkFBd0I7cUJBQzNCO29CQUNELFNBQVMsRUFBRSxFQUNWO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtTcGlubmVyQ29tcG9uZW50fSBmcm9tICcuL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xuXG5pbXBvcnQge0xvdHRpZU1vZHVsZX0gZnJvbSAnbmd4LWxvdHRpZSc7XG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnR9IGZyb20gJy4vbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0xvdHRpZU9wdGlvbnN9IGZyb20gJ25neC1sb3R0aWUvbGliL3N5bWJvbHMnO1xuLy8gTm90ZSB3ZSBuZWVkIGEgc2VwYXJhdGUgZnVuY3Rpb24gYXMgaXQncyByZXF1aXJlZFxuLy8gYnkgdGhlIEFPVCBjb21waWxlci5cbmV4cG9ydCBmdW5jdGlvbiBwbGF5ZXJGYWN0b3J5KCkge1xuICAgIHJldHVybiBwbGF5ZXI7XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFNwaW5uZXJDb21wb25lbnQsXG4gICAgICAgIExldHRlcmluZ0xvYWRlckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBMb3R0aWUgTW9kdWxlXG4gICAgICAgIExvdHRpZU1vZHVsZS5mb3JSb290KHtcbiAgICAgICAgICAgIHBsYXllcjogcGxheWVyRmFjdG9yeVxuICAgICAgICB9KVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBTcGlubmVyQ29tcG9uZW50LFxuICAgICAgICBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnRcbiAgICBdLFxuICAgIHByb3ZpZGVyczogW1xuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQWdvcmFwdWxzZVVpQW5pbWF0aW9uc01vZHVsZSB7XG59XG4iXX0=
package/esm2020/src/lib/lettering-loader/lettering-loader.component.mjs ADDED
@@ -0,0 +1,17 @@
1
+ import { ChangeDetectionStrategy, Component } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "ngx-lottie";
4
+ export class LetteringLoaderComponent {
5
+ constructor() {
6
+ this.options = {
7
+ path: '/assets/lib-ui-animations/loader-lettering.json',
8
+ };
9
+ }
10
+ }
11
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: LetteringLoaderComponent, selector: "ap-lettering-loader", ngImport: i0, template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
14
+ type: Component,
15
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader', template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"] }]
16
+ }] });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVNqRSxNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBUUksWUFBTyxHQUFxQjtZQUN4QixJQUFJLEVBQUUsaURBQWlEO1NBQzFELENBQUM7S0FFTDs7MkpBTlksd0JBQXdCOytJQUF4Qix3QkFBd0IsMkRDVHJDLG1IQU1BOzJGREdhLHdCQUF3QjtrQkFOcEMsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxldHRlcmluZy1sb2FkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50IHtcblxuICAgIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XG4gICAgICAgIHBhdGg6ICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL2xvYWRlci1sZXR0ZXJpbmcuanNvbicsXG4gICAgfTtcblxufVxuIiwiPGRpdiBjbGFzcz1cImxldHRlcmluZy1jb250YWluZXJcIj5cbiAgICA8bmctbG90dGllXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgID48L25nLWxvdHRpZT5cbjwvZGl2PlxuXG4iXX0=
package/esm2020/src/lib/spinner/spinner.component.mjs ADDED
@@ -0,0 +1,55 @@
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "ngx-lottie";
4
+ export class SpinnerComponent {
5
+ constructor() {
6
+ this.color = 'white';
7
+ this.size = '';
8
+ this.loaderPaths = [
9
+ '/assets/lib-ui-animations/spinner-orange-orange20.json',
10
+ '/assets/lib-ui-animations/spinner-white-orange.json',
11
+ '/assets/lib-ui-animations/spinner-orange-orange40.json',
12
+ '/assets/lib-ui-animations/spinner-orange-translucent.json',
13
+ '/assets/lib-ui-animations/spinner-white-translucent.json'
14
+ ];
15
+ this.options = {
16
+ path: ''
17
+ };
18
+ }
19
+ ngOnInit() {
20
+ switch (this.color) {
21
+ case 'white':
22
+ this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
23
+ break;
24
+ case 'orange':
25
+ this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
26
+ break;
27
+ case 'grey':
28
+ case 'grey5':
29
+ case 'grey10':
30
+ this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
31
+ break;
32
+ case 'translucent-orange':
33
+ this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
34
+ break;
35
+ case 'translucent-white':
36
+ this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
37
+ break;
38
+ default:
39
+ throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
40
+ }
41
+ }
42
+ }
43
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
44
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SpinnerComponent, selector: "ap-spinner", inputs: { color: "color", size: "size", rounded: "rounded" }, ngImport: i0, template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, decorators: [{
46
+ type: Component,
47
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"] }]
48
+ }], propDecorators: { color: [{
49
+ type: Input
50
+ }], size: [{
51
+ type: Input
52
+ }], rounded: [{
53
+ type: Input
54
+ }] } });
55
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDOzs7QUFTaEYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFhLFVBQUssR0FPUixPQUFPLENBQUM7UUFDTCxTQUFJLEdBQTBELEVBQUUsQ0FBQztRQUcxRSxnQkFBVyxHQUFHO1lBQ1Ysd0RBQXdEO1lBQ3hELHFEQUFxRDtZQUNyRCx3REFBd0Q7WUFDeEQsMkRBQTJEO1lBQzNELDBEQUEwRDtTQUM3RCxDQUFDO1FBRUYsWUFBTyxHQUFxQjtZQUN4QixJQUFJLEVBQUUsRUFBRTtTQUNYLENBQUM7S0F5Qkw7SUF2QkcsUUFBUTtRQUNKLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDRCQUE0QjtnQkFDeEUsTUFBTTtZQUNWLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxvQkFBb0I7Z0JBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtDQUFrQztnQkFDOUUsTUFBTTtZQUNWLEtBQUssbUJBQW1CO2dCQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQywwQkFBMEI7Z0JBQ3RFLE1BQU07WUFDVjtnQkFDSSxNQUFNLElBQUksS0FBSyxDQUFDLGtGQUFrRixDQUFDLENBQUM7U0FDM0c7SUFDTCxDQUFDOzttSkEvQ1EsZ0JBQWdCO3VJQUFoQixnQkFBZ0IsZ0hDVDdCLDhoQkFlQTsyRkROYSxnQkFBZ0I7a0JBTjVCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxZQUFZOzhCQU1iLEtBQUs7c0JBQWIsS0FBSztnQkFRRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QW5pbWF0aW9uT3B0aW9uc30gZnJvbSAnbmd4LWxvdHRpZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtc3Bpbm5lcicsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci5jb21wb25lbnQuc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGNvbG9yOiAnd2hpdGUnXG4gICAgICAgIHwgJ29yYW5nZSdcbiAgICAgICAgfCAnZ3JleSdcbiAgICAgICAgfCAnZ3JleTUnXG4gICAgICAgIHwgJ2dyZXkxMCdcbiAgICAgICAgfCAndHJhbnNsdWNlbnQtb3JhbmdlJ1xuICAgICAgICB8ICd0cmFuc2x1Y2VudC13aGl0ZSdcbiAgICAgICAgPSAnd2hpdGUnO1xuICAgIEBJbnB1dCgpIHNpemU6ICcnIHwgJ21pbmknIHwgJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdtYW51YWwnID0gJyc7XG4gICAgQElucHV0KCkgcm91bmRlZDogYm9vbGVhbjtcblxuICAgIGxvYWRlclBhdGhzID0gW1xuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS1vcmFuZ2UyMC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci13aGl0ZS1vcmFuZ2UuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItb3JhbmdlLW9yYW5nZTQwLmpzb24nLFxuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS10cmFuc2x1Y2VudC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci13aGl0ZS10cmFuc2x1Y2VudC5qc29uJ1xuICAgIF07XG5cbiAgICBvcHRpb25zOiBBbmltYXRpb25PcHRpb25zID0ge1xuICAgICAgICBwYXRoOiAnJ1xuICAgIH07XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICAgICAgICBjYXNlICd3aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzBdOyAvLyBzcGlubmVyLW9yYW5nZS1vcmFuZ2UyMC5qc29uXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdvcmFuZ2UnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1sxXTsgLy8gc3Bpbm5lci13aGl0ZS1vcmFuZ2UuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnZ3JleSc6XG4gICAgICAgICAgICBjYXNlICdncmV5NSc6XG4gICAgICAgICAgICBjYXNlICdncmV5MTAnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1syXTsgLy8gc3Bpbm5lci1vcmFuZ2Utb3JhbmdlNDAuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndHJhbnNsdWNlbnQtb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbM107IC8vIHNwaW5uZXItb3JhbmdlLXRyYW5zbHVjZW50Lmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3RyYW5zbHVjZW50LXdoaXRlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbNF07IC8vIHdoaXRlLXRyYW5zbHVjZW50Lmpzb24nXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignVGhlIGxvYWRpbmcgY29tcG9uZW50IGlzIG9ubHkgYXZhaWxhYmxlIGluIHdoaXRlLCBvcmFuZ2UsIGdyZXksIGdyZXk1IGFuZCBncmV5MTAnKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJsb3R0aWUtY29udGFpbmVyXCJcbiAgICAgW2NsYXNzLndoaXRlXT1cImNvbG9yID09ICd3aGl0ZSdcIlxuICAgICBbY2xhc3Mub3JhbmdlXT1cImNvbG9yID09ICdvcmFuZ2UnXCJcbiAgICAgW2NsYXNzLmdyZXldPVwiY29sb3IgPT0gJ2dyZXknXCJcbiAgICAgW2NsYXNzLmdyZXktNV09XCJjb2xvciA9PSAnZ3JleTUnXCJcbiAgICAgW2NsYXNzLmdyZXktMTBdPVwiY29sb3IgPT0gJ2dyZXkxMCdcIlxuICAgICBbY2xhc3MubWluaV09XCJzaXplID09ICdtaW5pJ1wiXG4gICAgIFtjbGFzcy5zbWFsbF09XCJzaXplID09ICdzbWFsbCdcIlxuICAgICBbY2xhc3MubWVkaXVtXT1cInNpemUgPT0gJ21lZGl1bSdcIlxuICAgICBbY2xhc3MubGFyZ2VdPVwic2l6ZSA9PSAnbGFyZ2UnXCJcbiAgICAgW2NsYXNzLm1hbnVhbF09XCJzaXplID09ICdtYW51YWwnXCJcbiAgICAgW2NsYXNzLnJvdW5kZWRdPVwicm91bmRlZFwiXG4+XG4gICAgPG5nLWxvdHRpZSBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9uZy1sb3R0aWU+XG48L2Rpdj5cbiJdfQ==
package/fesm2015/agorapulse-ui-animations.mjs ADDED
@@ -0,0 +1,123 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+ import * as i1 from 'ngx-lottie';
5
+ import { LottieModule } from 'ngx-lottie';
6
+ import player from 'lottie-web';
7
+
8
+ class SpinnerComponent {
9
+ constructor() {
10
+ this.color = 'white';
11
+ this.size = '';
12
+ this.loaderPaths = [
13
+ '/assets/lib-ui-animations/spinner-orange-orange20.json',
14
+ '/assets/lib-ui-animations/spinner-white-orange.json',
15
+ '/assets/lib-ui-animations/spinner-orange-orange40.json',
16
+ '/assets/lib-ui-animations/spinner-orange-translucent.json',
17
+ '/assets/lib-ui-animations/spinner-white-translucent.json'
18
+ ];
19
+ this.options = {
20
+ path: ''
21
+ };
22
+ }
23
+ ngOnInit() {
24
+ switch (this.color) {
25
+ case 'white':
26
+ this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
27
+ break;
28
+ case 'orange':
29
+ this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
30
+ break;
31
+ case 'grey':
32
+ case 'grey5':
33
+ case 'grey10':
34
+ this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
35
+ break;
36
+ case 'translucent-orange':
37
+ this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
38
+ break;
39
+ case 'translucent-white':
40
+ this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
41
+ break;
42
+ default:
43
+ throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
44
+ }
45
+ }
46
+ }
47
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
48
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SpinnerComponent, selector: "ap-spinner", inputs: { color: "color", size: "size", rounded: "rounded" }, ngImport: i0, template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, decorators: [{
50
+ type: Component,
51
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"] }]
52
+ }], propDecorators: { color: [{
53
+ type: Input
54
+ }], size: [{
55
+ type: Input
56
+ }], rounded: [{
57
+ type: Input
58
+ }] } });
59
+
60
+ class LetteringLoaderComponent {
61
+ constructor() {
62
+ this.options = {
63
+ path: '/assets/lib-ui-animations/loader-lettering.json',
64
+ };
65
+ }
66
+ }
67
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
68
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: LetteringLoaderComponent, selector: "ap-lettering-loader", ngImport: i0, template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
70
+ type: Component,
71
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader', template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"] }]
72
+ }] });
73
+
74
+ // Note we need a separate function as it's required
75
+ // by the AOT compiler.
76
+ function playerFactory() {
77
+ return player;
78
+ }
79
+ class AgorapulseUiAnimationsModule {
80
+ }
81
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
82
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, declarations: [SpinnerComponent,
83
+ LetteringLoaderComponent], imports: [CommonModule, i1.LottieModule], exports: [SpinnerComponent,
84
+ LetteringLoaderComponent] });
85
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, providers: [], imports: [[
86
+ CommonModule,
87
+ // Lottie Module
88
+ LottieModule.forRoot({
89
+ player: playerFactory
90
+ })
91
+ ]] });
92
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, decorators: [{
93
+ type: NgModule,
94
+ args: [{
95
+ declarations: [
96
+ SpinnerComponent,
97
+ LetteringLoaderComponent,
98
+ ],
99
+ imports: [
100
+ CommonModule,
101
+ // Lottie Module
102
+ LottieModule.forRoot({
103
+ player: playerFactory
104
+ })
105
+ ],
106
+ exports: [
107
+ SpinnerComponent,
108
+ LetteringLoaderComponent
109
+ ],
110
+ providers: []
111
+ }]
112
+ }] });
113
+
114
+ /*
115
+ * Public API Surface of ui-animations
116
+ */
117
+
118
+ /**
119
+ * Generated bundle index. Do not edit.
120
+ */
121
+
122
+ export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, SpinnerComponent };
123
+ //# sourceMappingURL=agorapulse-ui-animations.mjs.map
package/fesm2015/agorapulse-ui-animations.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../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/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["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 {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 {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {LottieOptions} from 'ngx-lottie/lib/symbols';\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 SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\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';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,gBAAgB;IAN7B;QAQa,UAAK,GAOR,OAAO,CAAC;QACL,SAAI,GAA0D,EAAE,CAAC;QAG1E,gBAAW,GAAG;YACV,wDAAwD;YACxD,qDAAqD;YACrD,wDAAwD;YACxD,2DAA2D;YAC3D,0DAA0D;SAC7D,CAAC;QAEF,YAAO,GAAqB;YACxB,IAAI,EAAE,EAAE;SACX,CAAC;KAyBL;IAvBG,QAAQ;QACJ,QAAQ,IAAI,CAAC,KAAK;YACd,KAAK,OAAO;gBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,oBAAoB;gBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,mBAAmB;gBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV;gBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;SAC3G;KACJ;;mJA/CQ,gBAAgB;uIAAhB,gBAAgB,gHCT7B,8hBAeA;2FDNa,gBAAgB;kBAN5B,SAAS;sCACW,uBAAuB,CAAC,MAAM,YACrC,YAAY;8BAMb,KAAK;sBAAb,KAAK;gBAQG,IAAI;sBAAZ,KAAK;gBACG,OAAO;sBAAf,KAAK;;;MEXG,wBAAwB;IANrC;QAQI,YAAO,GAAqB;YACxB,IAAI,EAAE,iDAAiD;SAC1D,CAAC;KAEL;;2JANY,wBAAwB;+IAAxB,wBAAwB,2DCTrC,mHAMA;2FDGa,wBAAwB;kBANpC,SAAS;sCACW,uBAAuB,CAAC,MAAM,YACrC,qBAAqB;;;AEInC;AACA;SACgB,aAAa;IACzB,OAAO,MAAM,CAAC;AAClB,CAAC;MAqBY,4BAA4B;;+JAA5B,4BAA4B;gKAA5B,4BAA4B,iBAjBjC,gBAAgB;QAChB,wBAAwB,aAGxB,YAAY,8BAOZ,gBAAgB;QAChB,wBAAwB;gKAKnB,4BAA4B,aAH1B,EACV,YAZQ;YACL,YAAY;;YAEZ,YAAY,CAAC,OAAO,CAAC;gBACjB,MAAM,EAAE,aAAa;aACxB,CAAC;SACL;2FAQQ,4BAA4B;kBAnBxC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACL,YAAY;;wBAEZ,YAAY,CAAC,OAAO,CAAC;4BACjB,MAAM,EAAE,aAAa;yBACxB,CAAC;qBACL;oBACD,OAAO,EAAE;wBACL,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,SAAS,EAAE,EACV;iBACJ;;;ACjCD;;;;ACAA;;;;;;"}
package/fesm2020/agorapulse-ui-animations.mjs ADDED
@@ -0,0 +1,123 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+ import * as i1 from 'ngx-lottie';
5
+ import { LottieModule } from 'ngx-lottie';
6
+ import player from 'lottie-web';
7
+
8
+ class SpinnerComponent {
9
+ constructor() {
10
+ this.color = 'white';
11
+ this.size = '';
12
+ this.loaderPaths = [
13
+ '/assets/lib-ui-animations/spinner-orange-orange20.json',
14
+ '/assets/lib-ui-animations/spinner-white-orange.json',
15
+ '/assets/lib-ui-animations/spinner-orange-orange40.json',
16
+ '/assets/lib-ui-animations/spinner-orange-translucent.json',
17
+ '/assets/lib-ui-animations/spinner-white-translucent.json'
18
+ ];
19
+ this.options = {
20
+ path: ''
21
+ };
22
+ }
23
+ ngOnInit() {
24
+ switch (this.color) {
25
+ case 'white':
26
+ this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
27
+ break;
28
+ case 'orange':
29
+ this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
30
+ break;
31
+ case 'grey':
32
+ case 'grey5':
33
+ case 'grey10':
34
+ this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
35
+ break;
36
+ case 'translucent-orange':
37
+ this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
38
+ break;
39
+ case 'translucent-white':
40
+ this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
41
+ break;
42
+ default:
43
+ throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
44
+ }
45
+ }
46
+ }
47
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
48
+ /** @nocollapse */ /** @nocollapse */ SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SpinnerComponent, selector: "ap-spinner", inputs: { color: "color", size: "size", rounded: "rounded" }, ngImport: i0, template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SpinnerComponent, decorators: [{
50
+ type: Component,
51
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', template: "<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", 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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#ffffff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#F9F9FA}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}\n"] }]
52
+ }], propDecorators: { color: [{
53
+ type: Input
54
+ }], size: [{
55
+ type: Input
56
+ }], rounded: [{
57
+ type: Input
58
+ }] } });
59
+
60
+ class LetteringLoaderComponent {
61
+ constructor() {
62
+ this.options = {
63
+ path: '/assets/lib-ui-animations/loader-lettering.json',
64
+ };
65
+ }
66
+ }
67
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
68
+ /** @nocollapse */ /** @nocollapse */ LetteringLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: LetteringLoaderComponent, selector: "ap-lettering-loader", ngImport: i0, template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"], components: [{ type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
70
+ type: Component,
71
+ args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader', template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n", styles: ["@media screen and (max-width: 1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width: 1281px) and (max-width: 1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width: 1601px) and (max-width: 1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width: 1921px){.lettering-container{height:600px;width:600px}}\n"] }]
72
+ }] });
73
+
74
+ // Note we need a separate function as it's required
75
+ // by the AOT compiler.
76
+ function playerFactory() {
77
+ return player;
78
+ }
79
+ class AgorapulseUiAnimationsModule {
80
+ }
81
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
82
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, declarations: [SpinnerComponent,
83
+ LetteringLoaderComponent], imports: [CommonModule, i1.LottieModule], exports: [SpinnerComponent,
84
+ LetteringLoaderComponent] });
85
+ /** @nocollapse */ /** @nocollapse */ AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, providers: [], imports: [[
86
+ CommonModule,
87
+ // Lottie Module
88
+ LottieModule.forRoot({
89
+ player: playerFactory
90
+ })
91
+ ]] });
92
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, decorators: [{
93
+ type: NgModule,
94
+ args: [{
95
+ declarations: [
96
+ SpinnerComponent,
97
+ LetteringLoaderComponent,
98
+ ],
99
+ imports: [
100
+ CommonModule,
101
+ // Lottie Module
102
+ LottieModule.forRoot({
103
+ player: playerFactory
104
+ })
105
+ ],
106
+ exports: [
107
+ SpinnerComponent,
108
+ LetteringLoaderComponent
109
+ ],
110
+ providers: []
111
+ }]
112
+ }] });
113
+
114
+ /*
115
+ * Public API Surface of ui-animations
116
+ */
117
+
118
+ /**
119
+ * Generated bundle index. Do not edit.
120
+ */
121
+
122
+ export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, SpinnerComponent };
123
+ //# sourceMappingURL=agorapulse-ui-animations.mjs.map
package/fesm2020/agorapulse-ui-animations.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../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/agorapulse-ui-animations.module.ts","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["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 {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 {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.component';\nimport {LottieOptions} from 'ngx-lottie/lib/symbols';\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 SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\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';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,gBAAgB;IAN7B;QAQa,UAAK,GAOR,OAAO,CAAC;QACL,SAAI,GAA0D,EAAE,CAAC;QAG1E,gBAAW,GAAG;YACV,wDAAwD;YACxD,qDAAqD;YACrD,wDAAwD;YACxD,2DAA2D;YAC3D,0DAA0D;SAC7D,CAAC;QAEF,YAAO,GAAqB;YACxB,IAAI,EAAE,EAAE;SACX,CAAC;KAyBL;IAvBG,QAAQ;QACJ,QAAQ,IAAI,CAAC,KAAK;YACd,KAAK,OAAO;gBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,oBAAoB;gBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,mBAAmB;gBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV;gBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;SAC3G;KACJ;;mJA/CQ,gBAAgB;uIAAhB,gBAAgB,gHCT7B,8hBAeA;2FDNa,gBAAgB;kBAN5B,SAAS;sCACW,uBAAuB,CAAC,MAAM,YACrC,YAAY;8BAMb,KAAK;sBAAb,KAAK;gBAQG,IAAI;sBAAZ,KAAK;gBACG,OAAO;sBAAf,KAAK;;;MEXG,wBAAwB;IANrC;QAQI,YAAO,GAAqB;YACxB,IAAI,EAAE,iDAAiD;SAC1D,CAAC;KAEL;;2JANY,wBAAwB;+IAAxB,wBAAwB,2DCTrC,mHAMA;2FDGa,wBAAwB;kBANpC,SAAS;sCACW,uBAAuB,CAAC,MAAM,YACrC,qBAAqB;;;AEInC;AACA;SACgB,aAAa;IACzB,OAAO,MAAM,CAAC;AAClB,CAAC;MAqBY,4BAA4B;;+JAA5B,4BAA4B;gKAA5B,4BAA4B,iBAjBjC,gBAAgB;QAChB,wBAAwB,aAGxB,YAAY,8BAOZ,gBAAgB;QAChB,wBAAwB;gKAKnB,4BAA4B,aAH1B,EACV,YAZQ;YACL,YAAY;;YAEZ,YAAY,CAAC,OAAO,CAAC;gBACjB,MAAM,EAAE,aAAa;aACxB,CAAC;SACL;2FAQQ,4BAA4B;kBAnBxC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACL,YAAY;;wBAEZ,YAAY,CAAC,OAAO,CAAC;4BACjB,MAAM,EAAE,aAAa;yBACxB,CAAC;qBACL;oBACD,OAAO,EAAE;wBACL,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,SAAS,EAAE,EACV;iBACJ;;;ACjCD;;;;ACAA;;;;;;"}
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": "2.5.0",
4
+ "version": "13.0.2",
5
5
  "author": "Benoit Hediard",
6
6
  "repository": {
7
7
  "type": "git",
@@ -12,22 +12,34 @@
12
12
  },
13
13
  "homepage": "https://github.com/agorapulse/design",
14
14
  "peerDependencies": {
15
- "@agorapulse/ui-theme": "^1.0.0",
16
- "@angular/common": "^12.0.2",
17
- "@angular/core": "^12.0.2",
18
- "@angular/material": "^12.0.0",
19
- "lottie-web": "^5.6.10",
20
- "ngx-lottie": "^6.0.0"
15
+ "@agorapulse/ui-theme": "^13.0.1",
16
+ "@angular/common": "^13.2.3",
17
+ "@angular/core": "^13.2.3",
18
+ "@angular/material": "^13.2.3",
19
+ "lottie-web": "^5.8.1",
20
+ "ngx-lottie": "^8.0.1"
21
21
  },
22
- "main": "bundles/agorapulse-ui-animations.umd.js",
23
- "module": "fesm2015/agorapulse-ui-animations.js",
24
- "es2015": "fesm2015/agorapulse-ui-animations.js",
25
- "esm2015": "esm2015/agorapulse-ui-animations.js",
26
- "fesm2015": "fesm2015/agorapulse-ui-animations.js",
22
+ "module": "fesm2015/agorapulse-ui-animations.mjs",
23
+ "es2020": "fesm2020/agorapulse-ui-animations.mjs",
24
+ "esm2020": "esm2020/agorapulse-ui-animations.mjs",
25
+ "fesm2020": "fesm2020/agorapulse-ui-animations.mjs",
26
+ "fesm2015": "fesm2015/agorapulse-ui-animations.mjs",
27
27
  "typings": "agorapulse-ui-animations.d.ts",
28
- "metadata": "agorapulse-ui-animations.metadata.json",
28
+ "exports": {
29
+ "./package.json": {
30
+ "default": "./package.json"
31
+ },
32
+ ".": {
33
+ "types": "./agorapulse-ui-animations.d.ts",
34
+ "esm2020": "./esm2020/agorapulse-ui-animations.mjs",
35
+ "es2020": "./fesm2020/agorapulse-ui-animations.mjs",
36
+ "es2015": "./fesm2015/agorapulse-ui-animations.mjs",
37
+ "node": "./fesm2015/agorapulse-ui-animations.mjs",
38
+ "default": "./fesm2020/agorapulse-ui-animations.mjs"
39
+ }
40
+ },
29
41
  "sideEffects": false,
30
42
  "dependencies": {
31
- "tslib": "^2.2.0"
43
+ "tslib": "^2.3.0"
32
44
  }
33
45
  }
package/src/lib/agorapulse-ui-animations.module.d.ts CHANGED
@@ -1,15 +1,11 @@
1
- export declare function playerFactory(): {
2
- play(name?: string): void;
3
- pause(name?: string): void;
4
- stop(name?: string): void;
5
- setSpeed(speed: number, name?: string): void;
6
- setDirection(direction: import("lottie-web").AnimationDirection, name?: string): void;
7
- searchAnimations(animationData?: any, standalone?: boolean, renderer?: string): void;
8
- loadAnimation(params: import("lottie-web").AnimationConfigWithData | import("lottie-web").AnimationConfigWithPath): import("lottie-web").AnimationItem;
9
- destroy(name?: string): void;
10
- registerAnimation(element: Element, animationData?: any): void;
11
- setQuality(quality: string | number): void;
12
- setLocationHref(href: string): void;
13
- };
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./spinner/spinner.component";
3
+ import * as i2 from "./lettering-loader/lettering-loader.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "ngx-lottie";
6
+ export declare function playerFactory(): import("lottie-web").LottiePlayer;
14
7
  export declare class AgorapulseUiAnimationsModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<AgorapulseUiAnimationsModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiAnimationsModule, [typeof i1.SpinnerComponent, typeof i2.LetteringLoaderComponent], [typeof i3.CommonModule, typeof i4.LottieModule], [typeof i1.SpinnerComponent, typeof i2.LetteringLoaderComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<AgorapulseUiAnimationsModule>;
15
11
  }
package/src/lib/lettering-loader/lettering-loader.component.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  import { AnimationOptions } from 'ngx-lottie';
2
+ import * as i0 from "@angular/core";
2
3
  export declare class LetteringLoaderComponent {
3
4
  options: AnimationOptions;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<LetteringLoaderComponent, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<LetteringLoaderComponent, "ap-lettering-loader", never, {}, {}, never, never>;
4
7
  }
package/src/lib/spinner/spinner.component.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { AnimationOptions } from 'ngx-lottie';
3
+ import * as i0 from "@angular/core";
3
4
  export declare class SpinnerComponent implements OnInit {
4
5
  color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white';
5
6
  size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual';
@@ -7,4 +8,6 @@ export declare class SpinnerComponent implements OnInit {
7
8
  loaderPaths: string[];
8
9
  options: AnimationOptions;
9
10
  ngOnInit(): void;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ap-spinner", never, { "color": "color"; "size": "size"; "rounded": "rounded"; }, {}, never, never>;
10
13
  }
package/agorapulse-ui-animations-2.5.0.tgz DELETED
Binary file
package/agorapulse-ui-animations.metadata.json DELETED
@@ -1 +0,0 @@
1
- {"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":[]},"AgorapulseUiAnimationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"LetteringLoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-lottie","name":"LottieModule","line":22,"character":8},"member":"forRoot"},"arguments":[{"player":{"__symbolic":"reference","name":"ɵa"},"useCache":true}]}],"exports":[{"__symbolic":"reference","name":"SpinnerComponent"},{"__symbolic":"reference","name":"LetteringLoaderComponent"}],"providers":[]}]}],"members":{}},"SpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-spinner","template":"<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","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 red}[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 #fff}[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:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#fff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#f9f9fa}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LetteringLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-lettering-loader","template":"<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n","styles":["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]}]}],"members":{}}},"origins":{"ɵa":"./src/lib/agorapulse-ui-animations.module","AgorapulseUiAnimationsModule":"./src/lib/agorapulse-ui-animations.module","SpinnerComponent":"./src/lib/spinner/spinner.component","LetteringLoaderComponent":"./src/lib/lettering-loader/lettering-loader.component"},"importAs":"@agorapulse/ui-animations"}
package/bundles/agorapulse-ui-animations.umd.js DELETED
@@ -1,130 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-lottie'), require('lottie-web')) :
3
- typeof define === 'function' && define.amd ? define('@agorapulse/ui-animations', ['exports', '@angular/core', '@angular/common', 'ngx-lottie', 'lottie-web'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.agorapulse = global.agorapulse || {}, global.agorapulse["ui-animations"] = {}), global.ng.core, global.ng.common, global.ngxLottie, global.player));
5
- })(this, (function (exports, core, common, ngxLottie, player) { 'use strict';
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var player__default = /*#__PURE__*/_interopDefaultLegacy(player);
10
-
11
- var SpinnerComponent = /** @class */ (function () {
12
- function SpinnerComponent() {
13
- this.color = 'white';
14
- this.size = '';
15
- this.loaderPaths = [
16
- '/assets/lib-ui-animations/spinner-orange-orange20.json',
17
- '/assets/lib-ui-animations/spinner-white-orange.json',
18
- '/assets/lib-ui-animations/spinner-orange-orange40.json',
19
- '/assets/lib-ui-animations/spinner-orange-translucent.json',
20
- '/assets/lib-ui-animations/spinner-white-translucent.json'
21
- ];
22
- this.options = {
23
- path: ''
24
- };
25
- }
26
- SpinnerComponent.prototype.ngOnInit = function () {
27
- switch (this.color) {
28
- case 'white':
29
- this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
30
- break;
31
- case 'orange':
32
- this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
33
- break;
34
- case 'grey':
35
- case 'grey5':
36
- case 'grey10':
37
- this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
38
- break;
39
- case 'translucent-orange':
40
- this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
41
- break;
42
- case 'translucent-white':
43
- this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
44
- break;
45
- default:
46
- throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
47
- }
48
- };
49
- return SpinnerComponent;
50
- }());
51
- SpinnerComponent.decorators = [
52
- { type: core.Component, args: [{
53
- changeDetection: core.ChangeDetectionStrategy.OnPush,
54
- selector: 'ap-spinner',
55
- template: "<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",
56
- 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 red}[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 #fff}[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:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#fff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#f9f9fa}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}"]
57
- },] }
58
- ];
59
- SpinnerComponent.propDecorators = {
60
- color: [{ type: core.Input }],
61
- size: [{ type: core.Input }],
62
- rounded: [{ type: core.Input }]
63
- };
64
-
65
- var LetteringLoaderComponent = /** @class */ (function () {
66
- function LetteringLoaderComponent() {
67
- this.options = {
68
- path: '/assets/lib-ui-animations/loader-lettering.json',
69
- };
70
- }
71
- return LetteringLoaderComponent;
72
- }());
73
- LetteringLoaderComponent.decorators = [
74
- { type: core.Component, args: [{
75
- changeDetection: core.ChangeDetectionStrategy.OnPush,
76
- selector: 'ap-lettering-loader',
77
- template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
78
- styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
79
- },] }
80
- ];
81
-
82
- // Note we need a separate function as it's required
83
- // by the AOT compiler.
84
- function playerFactory() {
85
- return player__default["default"];
86
- }
87
- var AgorapulseUiAnimationsModule = /** @class */ (function () {
88
- function AgorapulseUiAnimationsModule() {
89
- }
90
- return AgorapulseUiAnimationsModule;
91
- }());
92
- AgorapulseUiAnimationsModule.decorators = [
93
- { type: core.NgModule, args: [{
94
- declarations: [
95
- SpinnerComponent,
96
- LetteringLoaderComponent,
97
- ],
98
- imports: [
99
- common.CommonModule,
100
- // Lottie Module
101
- ngxLottie.LottieModule.forRoot({
102
- player: playerFactory,
103
- useCache: true
104
- })
105
- ],
106
- exports: [
107
- SpinnerComponent,
108
- LetteringLoaderComponent
109
- ],
110
- providers: []
111
- },] }
112
- ];
113
-
114
- /*
115
- * Public API Surface of ui-animations
116
- */
117
-
118
- /**
119
- * Generated bundle index. Do not edit.
120
- */
121
-
122
- exports.AgorapulseUiAnimationsModule = AgorapulseUiAnimationsModule;
123
- exports.LetteringLoaderComponent = LetteringLoaderComponent;
124
- exports.SpinnerComponent = SpinnerComponent;
125
- exports["ɵa"] = playerFactory;
126
-
127
- Object.defineProperty(exports, '__esModule', { value: true });
128
-
129
- }));
130
- //# sourceMappingURL=agorapulse-ui-animations.umd.js.map
package/bundles/agorapulse-ui-animations.umd.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"agorapulse-ui-animations.umd.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../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, 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","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","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.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 SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n useCache: true\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\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';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {playerFactory as ɵa} from './src/lib/agorapulse-ui-animations.module';"],"names":["Component","ChangeDetectionStrategy","Input","player","NgModule","CommonModule","LottieModule"],"mappings":";;;;;;;;;;;QAGA;YAQa,UAAK,GAOR,OAAO,CAAC;YACL,SAAI,GAA0D,EAAE,CAAC;YAG1E,gBAAW,GAAG;gBACV,wDAAwD;gBACxD,qDAAqD;gBACrD,wDAAwD;gBACxD,2DAA2D;gBAC3D,0DAA0D;aAC7D,CAAC;YAEF,YAAO,GAAqB;gBACxB,IAAI,EAAE,EAAE;aACX,CAAC;SAyBL;QAvBG,mCAAQ,GAAR;YACI,QAAQ,IAAI,CAAC,KAAK;gBACd,KAAK,OAAO;oBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,QAAQ;oBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,MAAM,CAAC;gBACZ,KAAK,OAAO,CAAC;gBACb,KAAK,QAAQ;oBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,oBAAoB;oBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV,KAAK,mBAAmB;oBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC3C,MAAM;gBACV;oBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;aAC3G;SACJ;;;;gBArDJA,cAAS,SAAC;oBACP,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,YAAY;oBAEtB,wiBAAuC;;iBAC1C;;;wBAGIC,UAAK;uBAQLA,UAAK;0BACLA,UAAK;;;;QCjBV;YAQI,YAAO,GAAqB;gBACxB,IAAI,EAAE,iDAAiD;aAC1D,CAAC;SAEL;;;;gBAZAF,cAAS,SAAC;oBACP,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,qBAAqB;oBAC/B,6HAAgD;;iBAEnD;;;ICAD;IACA;aACgB,aAAa;QACzB,OAAOE,0BAAM,CAAC;IAClB,CAAC;;QAsBD;;;;;gBApBCC,aAAQ,SAAC;oBACN,YAAY,EAAE;wBACV,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACLC,mBAAY;;wBAEZC,sBAAY,CAAC,OAAO,CAAC;4BACjB,MAAM,EAAE,aAAa;4BACrB,QAAQ,EAAE,IAAI;yBACjB,CAAC;qBACL;oBACD,OAAO,EAAE;wBACL,gBAAgB;wBAChB,wBAAwB;qBAC3B;oBACD,SAAS,EAAE,EACV;iBACJ;;;ICjCD;;;;ICAA;;;;;;;;;;;;;;;"}
package/esm2015/agorapulse-ui-animations.js DELETED
@@ -1,6 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
5
- export { playerFactory as ɵa } from './src/lib/agorapulse-ui-animations.module';
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxhQUFhLElBQUksRUFBRSxFQUFDLE1BQU0sMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuXG5leHBvcnQge3BsYXllckZhY3RvcnkgYXMgybVhfSBmcm9tICcuL3NyYy9saWIvYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZSc7Il19
package/esm2015/src/lib/agorapulse-ui-animations.module.js DELETED
@@ -1,35 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { SpinnerComponent } from './spinner/spinner.component';
4
- import { LottieModule } from 'ngx-lottie';
5
- import player from 'lottie-web';
6
- import { LetteringLoaderComponent } from './lettering-loader/lettering-loader.component';
7
- // Note we need a separate function as it's required
8
- // by the AOT compiler.
9
- export function playerFactory() {
10
- return player;
11
- }
12
- export class AgorapulseUiAnimationsModule {
13
- }
14
- AgorapulseUiAnimationsModule.decorators = [
15
- { type: NgModule, args: [{
16
- declarations: [
17
- SpinnerComponent,
18
- LetteringLoaderComponent,
19
- ],
20
- imports: [
21
- CommonModule,
22
- // Lottie Module
23
- LottieModule.forRoot({
24
- player: playerFactory,
25
- useCache: true
26
- })
27
- ],
28
- exports: [
29
- SpinnerComponent,
30
- LetteringLoaderComponent
31
- ],
32
- providers: []
33
- },] }
34
- ];
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFN0QsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLFlBQVksQ0FBQztBQUN4QyxPQUFPLE1BQU0sTUFBTSxZQUFZLENBQUM7QUFDaEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsb0RBQW9EO0FBQ3BELHVCQUF1QjtBQUN2QixNQUFNLFVBQVUsYUFBYTtJQUN6QixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDO0FBc0JELE1BQU0sT0FBTyw0QkFBNEI7OztZQXBCeEMsUUFBUSxTQUFDO2dCQUNOLFlBQVksRUFBRTtvQkFDVixnQkFBZ0I7b0JBQ2hCLHdCQUF3QjtpQkFDM0I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osZ0JBQWdCO29CQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDO3dCQUNqQixNQUFNLEVBQUUsYUFBYTt3QkFDckIsUUFBUSxFQUFFLElBQUk7cUJBQ2pCLENBQUM7aUJBQ0w7Z0JBQ0QsT0FBTyxFQUFFO29CQUNMLGdCQUFnQjtvQkFDaEIsd0JBQXdCO2lCQUMzQjtnQkFDRCxTQUFTLEVBQUUsRUFDVjthQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtTcGlubmVyQ29tcG9uZW50fSBmcm9tICcuL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xuXG5pbXBvcnQge0xvdHRpZU1vZHVsZX0gZnJvbSAnbmd4LWxvdHRpZSc7XG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnR9IGZyb20gJy4vbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudCc7XG4vLyBOb3RlIHdlIG5lZWQgYSBzZXBhcmF0ZSBmdW5jdGlvbiBhcyBpdCdzIHJlcXVpcmVkXG4vLyBieSB0aGUgQU9UIGNvbXBpbGVyLlxuZXhwb3J0IGZ1bmN0aW9uIHBsYXllckZhY3RvcnkoKSB7XG4gICAgcmV0dXJuIHBsYXllcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICAgICAgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIC8vIExvdHRpZSBNb2R1bGVcbiAgICAgICAgTG90dGllTW9kdWxlLmZvclJvb3Qoe1xuICAgICAgICAgICAgcGxheWVyOiBwbGF5ZXJGYWN0b3J5LFxuICAgICAgICAgICAgdXNlQ2FjaGU6IHRydWVcbiAgICAgICAgfSlcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICAgICAgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50XG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEFnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGUge1xufVxuIl19
package/esm2015/src/lib/lettering-loader/lettering-loader.component.js DELETED
@@ -1,17 +0,0 @@
1
- import { ChangeDetectionStrategy, Component } from '@angular/core';
2
- export class LetteringLoaderComponent {
3
- constructor() {
4
- this.options = {
5
- path: '/assets/lib-ui-animations/loader-lettering.json',
6
- };
7
- }
8
- }
9
- LetteringLoaderComponent.decorators = [
10
- { type: Component, args: [{
11
- changeDetection: ChangeDetectionStrategy.OnPush,
12
- selector: 'ap-lettering-loader',
13
- template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
14
- styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
15
- },] }
16
- ];
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFTakUsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQVFJLFlBQU8sR0FBcUI7WUFDeEIsSUFBSSxFQUFFLGlEQUFpRDtTQUMxRCxDQUFDO0lBRU4sQ0FBQzs7O1lBWkEsU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQiw2SEFBZ0Q7O2FBRW5EIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QW5pbWF0aW9uT3B0aW9uc30gZnJvbSAnbmd4LWxvdHRpZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbGV0dGVyaW5nLWxvYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnQge1xuXG4gICAgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyA9IHtcbiAgICAgICAgcGF0aDogJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvbG9hZGVyLWxldHRlcmluZy5qc29uJyxcbiAgICB9O1xuXG59XG4iXX0=
package/esm2015/src/lib/spinner/spinner.component.js DELETED
@@ -1,54 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- export class SpinnerComponent {
3
- constructor() {
4
- this.color = 'white';
5
- this.size = '';
6
- this.loaderPaths = [
7
- '/assets/lib-ui-animations/spinner-orange-orange20.json',
8
- '/assets/lib-ui-animations/spinner-white-orange.json',
9
- '/assets/lib-ui-animations/spinner-orange-orange40.json',
10
- '/assets/lib-ui-animations/spinner-orange-translucent.json',
11
- '/assets/lib-ui-animations/spinner-white-translucent.json'
12
- ];
13
- this.options = {
14
- path: ''
15
- };
16
- }
17
- ngOnInit() {
18
- switch (this.color) {
19
- case 'white':
20
- this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
21
- break;
22
- case 'orange':
23
- this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
24
- break;
25
- case 'grey':
26
- case 'grey5':
27
- case 'grey10':
28
- this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
29
- break;
30
- case 'translucent-orange':
31
- this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
32
- break;
33
- case 'translucent-white':
34
- this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
35
- break;
36
- default:
37
- throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
38
- }
39
- }
40
- }
41
- SpinnerComponent.decorators = [
42
- { type: Component, args: [{
43
- changeDetection: ChangeDetectionStrategy.OnPush,
44
- selector: 'ap-spinner',
45
- template: "<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",
46
- 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 red}[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 #fff}[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:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#fff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#f9f9fa}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}"]
47
- },] }
48
- ];
49
- SpinnerComponent.propDecorators = {
50
- color: [{ type: Input }],
51
- size: [{ type: Input }],
52
- rounded: [{ type: Input }]
53
- };
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBU2hGLE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFRYSxVQUFLLEdBT1IsT0FBTyxDQUFDO1FBQ0wsU0FBSSxHQUEwRCxFQUFFLENBQUM7UUFHMUUsZ0JBQVcsR0FBRztZQUNWLHdEQUF3RDtZQUN4RCxxREFBcUQ7WUFDckQsd0RBQXdEO1lBQ3hELDJEQUEyRDtZQUMzRCwwREFBMEQ7U0FDN0QsQ0FBQztRQUVGLFlBQU8sR0FBcUI7WUFDeEIsSUFBSSxFQUFFLEVBQUU7U0FDWCxDQUFDO0lBeUJOLENBQUM7SUF2QkcsUUFBUTtRQUNKLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDRCQUE0QjtnQkFDeEUsTUFBTTtZQUNWLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxvQkFBb0I7Z0JBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtDQUFrQztnQkFDOUUsTUFBTTtZQUNWLEtBQUssbUJBQW1CO2dCQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQywwQkFBMEI7Z0JBQ3RFLE1BQU07WUFDVjtnQkFDSSxNQUFNLElBQUksS0FBSyxDQUFDLGtGQUFrRixDQUFDLENBQUM7U0FDM0c7SUFDTCxDQUFDOzs7WUFyREosU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUsWUFBWTtnQkFFdEIsd2lCQUF1Qzs7YUFDMUM7OztvQkFHSSxLQUFLO21CQVFMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXNwaW5uZXInLFxuICAgIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBjb2xvcjogJ3doaXRlJ1xuICAgICAgICB8ICdvcmFuZ2UnXG4gICAgICAgIHwgJ2dyZXknXG4gICAgICAgIHwgJ2dyZXk1J1xuICAgICAgICB8ICdncmV5MTAnXG4gICAgICAgIHwgJ3RyYW5zbHVjZW50LW9yYW5nZSdcbiAgICAgICAgfCAndHJhbnNsdWNlbnQtd2hpdGUnXG4gICAgICAgID0gJ3doaXRlJztcbiAgICBASW5wdXQoKSBzaXplOiAnJyB8ICdtaW5pJyB8ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAnbWFudWFsJyA9ICcnO1xuICAgIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW47XG5cbiAgICBsb2FkZXJQYXRocyA9IFtcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2Utb3JhbmdlMjAuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtb3JhbmdlLmpzb24nLFxuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS1vcmFuZ2U0MC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2UtdHJhbnNsdWNlbnQuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtdHJhbnNsdWNlbnQuanNvbidcbiAgICBdO1xuXG4gICAgb3B0aW9uczogQW5pbWF0aW9uT3B0aW9ucyA9IHtcbiAgICAgICAgcGF0aDogJydcbiAgICB9O1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN3aXRjaCAodGhpcy5jb2xvcikge1xuICAgICAgICAgICAgY2FzZSAnd2hpdGUnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1swXTsgLy8gc3Bpbm5lci1vcmFuZ2Utb3JhbmdlMjAuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbMV07IC8vIHNwaW5uZXItd2hpdGUtb3JhbmdlLmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ2dyZXknOlxuICAgICAgICAgICAgY2FzZSAnZ3JleTUnOlxuICAgICAgICAgICAgY2FzZSAnZ3JleTEwJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbMl07IC8vIHNwaW5uZXItb3JhbmdlLW9yYW5nZTQwLmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3RyYW5zbHVjZW50LW9yYW5nZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzNdOyAvLyBzcGlubmVyLW9yYW5nZS10cmFuc2x1Y2VudC5qc29uXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd0cmFuc2x1Y2VudC13aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzRdOyAvLyB3aGl0ZS10cmFuc2x1Y2VudC5qc29uJ1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RoZSBsb2FkaW5nIGNvbXBvbmVudCBpcyBvbmx5IGF2YWlsYWJsZSBpbiB3aGl0ZSwgb3JhbmdlLCBncmV5LCBncmV5NSBhbmQgZ3JleTEwJyk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
package/fesm2015/agorapulse-ui-animations.js DELETED
@@ -1,113 +0,0 @@
1
- import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { LottieModule } from 'ngx-lottie';
4
- import player from 'lottie-web';
5
-
6
- class SpinnerComponent {
7
- constructor() {
8
- this.color = 'white';
9
- this.size = '';
10
- this.loaderPaths = [
11
- '/assets/lib-ui-animations/spinner-orange-orange20.json',
12
- '/assets/lib-ui-animations/spinner-white-orange.json',
13
- '/assets/lib-ui-animations/spinner-orange-orange40.json',
14
- '/assets/lib-ui-animations/spinner-orange-translucent.json',
15
- '/assets/lib-ui-animations/spinner-white-translucent.json'
16
- ];
17
- this.options = {
18
- path: ''
19
- };
20
- }
21
- ngOnInit() {
22
- switch (this.color) {
23
- case 'white':
24
- this.options['path'] = this.loaderPaths[0]; // spinner-orange-orange20.json
25
- break;
26
- case 'orange':
27
- this.options['path'] = this.loaderPaths[1]; // spinner-white-orange.json
28
- break;
29
- case 'grey':
30
- case 'grey5':
31
- case 'grey10':
32
- this.options['path'] = this.loaderPaths[2]; // spinner-orange-orange40.json
33
- break;
34
- case 'translucent-orange':
35
- this.options['path'] = this.loaderPaths[3]; // spinner-orange-translucent.json
36
- break;
37
- case 'translucent-white':
38
- this.options['path'] = this.loaderPaths[4]; // white-translucent.json'
39
- break;
40
- default:
41
- throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
42
- }
43
- }
44
- }
45
- SpinnerComponent.decorators = [
46
- { type: Component, args: [{
47
- changeDetection: ChangeDetectionStrategy.OnPush,
48
- selector: 'ap-spinner',
49
- template: "<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",
50
- 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 red}[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 #fff}[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:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[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}.lottie-container{display:flex;height:100px;width:100px}.lottie-container.mini{height:20px;width:20px}.lottie-container.small{height:50px;width:50px}.lottie-container.medium{height:80px;width:80px}.lottie-container.large{height:200px;width:200px}.lottie-container.manual{height:100%;width:100%}.lottie-container.white{background:#fff}.lottie-container.orange{background:#ff4d00}.lottie-container.grey{background:#f9f9fa}.lottie-container.grey-5{background:#f5f5f7}.lottie-container.grey-10{background:#eaecef}.lottie-container.rounded{border-radius:4px}"]
51
- },] }
52
- ];
53
- SpinnerComponent.propDecorators = {
54
- color: [{ type: Input }],
55
- size: [{ type: Input }],
56
- rounded: [{ type: Input }]
57
- };
58
-
59
- class LetteringLoaderComponent {
60
- constructor() {
61
- this.options = {
62
- path: '/assets/lib-ui-animations/loader-lettering.json',
63
- };
64
- }
65
- }
66
- LetteringLoaderComponent.decorators = [
67
- { type: Component, args: [{
68
- changeDetection: ChangeDetectionStrategy.OnPush,
69
- selector: 'ap-lettering-loader',
70
- template: "<div class=\"lettering-container\">\n <ng-lottie\n [options]=\"options\"\n ></ng-lottie>\n</div>\n\n",
71
- styles: ["@media screen and (max-width:1280px){.lettering-container{height:312px;width:312px}}@media screen and (min-width:1281px) and (max-width:1600px){.lettering-container{height:400px;width:400px}}@media screen and (min-width:1601px) and (max-width:1920px){.lettering-container{height:500px;width:500px}}@media screen and (min-width:1921px){.lettering-container{height:600px;width:600px}}"]
72
- },] }
73
- ];
74
-
75
- // Note we need a separate function as it's required
76
- // by the AOT compiler.
77
- function playerFactory() {
78
- return player;
79
- }
80
- class AgorapulseUiAnimationsModule {
81
- }
82
- AgorapulseUiAnimationsModule.decorators = [
83
- { type: NgModule, args: [{
84
- declarations: [
85
- SpinnerComponent,
86
- LetteringLoaderComponent,
87
- ],
88
- imports: [
89
- CommonModule,
90
- // Lottie Module
91
- LottieModule.forRoot({
92
- player: playerFactory,
93
- useCache: true
94
- })
95
- ],
96
- exports: [
97
- SpinnerComponent,
98
- LetteringLoaderComponent
99
- ],
100
- providers: []
101
- },] }
102
- ];
103
-
104
- /*
105
- * Public API Surface of ui-animations
106
- */
107
-
108
- /**
109
- * Generated bundle index. Do not edit.
110
- */
111
-
112
- export { AgorapulseUiAnimationsModule, LetteringLoaderComponent, SpinnerComponent, playerFactory as ɵa };
113
- //# sourceMappingURL=agorapulse-ui-animations.js.map
package/fesm2015/agorapulse-ui-animations.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"agorapulse-ui-animations.js","sources":["../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../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, 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","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","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {SpinnerComponent} from './spinner/spinner.component';\n\nimport {LottieModule} from 'ngx-lottie';\nimport player from 'lottie-web';\nimport {LetteringLoaderComponent} from './lettering-loader/lettering-loader.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 SpinnerComponent,\n LetteringLoaderComponent,\n ],\n imports: [\n CommonModule,\n // Lottie Module\n LottieModule.forRoot({\n player: playerFactory,\n useCache: true\n })\n ],\n exports: [\n SpinnerComponent,\n LetteringLoaderComponent\n ],\n providers: [\n ]\n})\nexport class AgorapulseUiAnimationsModule {\n}\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';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {playerFactory as ɵa} from './src/lib/agorapulse-ui-animations.module';"],"names":[],"mappings":";;;;;MASa,gBAAgB;IAN7B;QAQa,UAAK,GAOR,OAAO,CAAC;QACL,SAAI,GAA0D,EAAE,CAAC;QAG1E,gBAAW,GAAG;YACV,wDAAwD;YACxD,qDAAqD;YACrD,wDAAwD;YACxD,2DAA2D;YAC3D,0DAA0D;SAC7D,CAAC;QAEF,YAAO,GAAqB;YACxB,IAAI,EAAE,EAAE;SACX,CAAC;KAyBL;IAvBG,QAAQ;QACJ,QAAQ,IAAI,CAAC,KAAK;YACd,KAAK,OAAO;gBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,oBAAoB;gBACrB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV,KAAK,mBAAmB;gBACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC3C,MAAM;YACV;gBACI,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;SAC3G;KACJ;;;YArDJ,SAAS,SAAC;gBACP,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE,YAAY;gBAEtB,wiBAAuC;;aAC1C;;;oBAGI,KAAK;mBAQL,KAAK;sBACL,KAAK;;;MCXG,wBAAwB;IANrC;QAQI,YAAO,GAAqB;YACxB,IAAI,EAAE,iDAAiD;SAC1D,CAAC;KAEL;;;YAZA,SAAS,SAAC;gBACP,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE,qBAAqB;gBAC/B,6HAAgD;;aAEnD;;;ACAD;AACA;SACgB,aAAa;IACzB,OAAO,MAAM,CAAC;AAClB,CAAC;MAsBY,4BAA4B;;;YApBxC,QAAQ,SAAC;gBACN,YAAY,EAAE;oBACV,gBAAgB;oBAChB,wBAAwB;iBAC3B;gBACD,OAAO,EAAE;oBACL,YAAY;;oBAEZ,YAAY,CAAC,OAAO,CAAC;wBACjB,MAAM,EAAE,aAAa;wBACrB,QAAQ,EAAE,IAAI;qBACjB,CAAC;iBACL;gBACD,OAAO,EAAE;oBACL,gBAAgB;oBAChB,wBAAwB;iBAC3B;gBACD,SAAS,EAAE,EACV;aACJ;;;ACjCD;;;;ACAA;;;;;;"}