@agorapulse/ui-animations 13.2.2 → 14.0.0
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.
- package/agorapulse-ui-animations-14.0.0.tgz +0 -0
- package/esm2020/src/lib/agorapulse-ui-animations.module.mjs +18 -26
- package/esm2020/src/lib/lettering-loader/lettering-loader.component.mjs +4 -4
- package/esm2020/src/lib/loader/calculate-loader-stroke-dash-x.pipe.mjs +4 -4
- package/esm2020/src/lib/loader/calculate-radius.pipe.mjs +4 -4
- package/esm2020/src/lib/loader/loader.component.mjs +6 -6
- package/esm2020/src/lib/spinner/spinner.component.mjs +5 -5
- package/fesm2015/agorapulse-ui-animations.mjs +93 -101
- package/fesm2015/agorapulse-ui-animations.mjs.map +1 -1
- package/fesm2020/agorapulse-ui-animations.mjs +93 -101
- package/fesm2020/agorapulse-ui-animations.mjs.map +1 -1
- package/package.json +9 -9
- package/src/lib/lettering-loader/lettering-loader.component.d.ts +1 -1
- package/src/lib/loader/calculate-loader-stroke-dash-x.pipe.d.ts +1 -1
- package/src/lib/loader/calculate-radius.pipe.d.ts +1 -1
- package/src/lib/loader/loader.component.d.ts +1 -1
- package/src/lib/spinner/spinner.component.d.ts +1 -1
- package/agorapulse-ui-animations-13.2.2.tgz +0 -0
- package/agorapulse-ui-animations.d.ts +0 -5
|
Binary file
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
4
|
-
import { LottieModule } from 'ngx-lottie';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
5
3
|
import player from 'lottie-web';
|
|
4
|
+
import { LottieModule } from 'ngx-lottie';
|
|
6
5
|
import { LetteringLoaderComponent } from './lettering-loader/lettering-loader.component';
|
|
7
|
-
import { LoaderComponent } from './loader/loader.component';
|
|
8
6
|
import { CalculateLoaderStrokeDashXPipe } from './loader/calculate-loader-stroke-dash-x.pipe';
|
|
9
7
|
import { CalculateRadiusPipe } from './loader/calculate-radius.pipe';
|
|
8
|
+
import { LoaderComponent } from './loader/loader.component';
|
|
9
|
+
import { SpinnerComponent } from './spinner/spinner.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
import * as i1 from "ngx-lottie";
|
|
12
12
|
// Note we need a separate function as it's required
|
|
@@ -16,22 +16,18 @@ export function playerFactory() {
|
|
|
16
16
|
}
|
|
17
17
|
export class AgorapulseUiAnimationsModule {
|
|
18
18
|
}
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
AgorapulseUiAnimationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AgorapulseUiAnimationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20
|
+
AgorapulseUiAnimationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: AgorapulseUiAnimationsModule, declarations: [CalculateLoaderStrokeDashXPipe,
|
|
21
21
|
CalculateRadiusPipe,
|
|
22
22
|
LetteringLoaderComponent,
|
|
23
23
|
LoaderComponent,
|
|
24
|
-
SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
player: playerFactory
|
|
32
|
-
})
|
|
33
|
-
]] });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AgorapulseUiAnimationsModule, decorators: [{
|
|
24
|
+
SpinnerComponent], imports: [CommonModule, i1.LottieModule], exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent] });
|
|
25
|
+
AgorapulseUiAnimationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AgorapulseUiAnimationsModule, imports: [CommonModule,
|
|
26
|
+
// Lottie Module
|
|
27
|
+
LottieModule.forRoot({
|
|
28
|
+
player: playerFactory,
|
|
29
|
+
})] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AgorapulseUiAnimationsModule, decorators: [{
|
|
35
31
|
type: NgModule,
|
|
36
32
|
args: [{
|
|
37
33
|
declarations: [
|
|
@@ -45,15 +41,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
45
41
|
CommonModule,
|
|
46
42
|
// Lottie Module
|
|
47
43
|
LottieModule.forRoot({
|
|
48
|
-
player: playerFactory
|
|
49
|
-
})
|
|
50
|
-
],
|
|
51
|
-
exports: [
|
|
52
|
-
LetteringLoaderComponent,
|
|
53
|
-
LoaderComponent,
|
|
54
|
-
SpinnerComponent,
|
|
44
|
+
player: playerFactory,
|
|
45
|
+
}),
|
|
55
46
|
],
|
|
56
|
-
|
|
47
|
+
exports: [LetteringLoaderComponent, LoaderComponent, SpinnerComponent],
|
|
48
|
+
providers: [],
|
|
57
49
|
}]
|
|
58
50
|
}] });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxNQUFNLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxZQUFZLENBQUM7QUFFeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDNUYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7QUFDN0Qsb0RBQW9EO0FBQ3BELHVCQUF1QjtBQUN2QixNQUFNLFVBQVUsYUFBYTtJQUN6QixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDO0FBb0JELE1BQU0sT0FBTyw0QkFBNEI7O3lIQUE1Qiw0QkFBNEI7MEhBQTVCLDRCQUE0QixpQkFoQmpDLDhCQUE4QjtRQUM5QixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixnQkFBZ0IsYUFHaEIsWUFBWSw4QkFNTix3QkFBd0IsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCOzBIQUc1RCw0QkFBNEIsWUFUakMsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2pCLE1BQU0sRUFBRSxhQUFhO1NBQ3hCLENBQUM7MkZBS0csNEJBQTRCO2tCQWxCeEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsOEJBQThCO3dCQUM5QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsWUFBWSxDQUFDLE9BQU8sQ0FBQzs0QkFDakIsTUFBTSxFQUFFLGFBQWE7eUJBQ3hCLENBQUM7cUJBQ0w7b0JBQ0QsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixDQUFDO29CQUN0RSxTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgcGxheWVyIGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtMb3R0aWVNb2R1bGV9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5pbXBvcnQge0xldHRlcmluZ0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmltcG9ydCB7Q2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlfSBmcm9tICcuL2xvYWRlci9jYWxjdWxhdGUtbG9hZGVyLXN0cm9rZS1kYXNoLXgucGlwZSc7XG5pbXBvcnQge0NhbGN1bGF0ZVJhZGl1c1BpcGV9IGZyb20gJy4vbG9hZGVyL2NhbGN1bGF0ZS1yYWRpdXMucGlwZSc7XG5pbXBvcnQge0xvYWRlckNvbXBvbmVudH0gZnJvbSAnLi9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1NwaW5uZXJDb21wb25lbnR9IGZyb20gJy4vc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XG4vLyBOb3RlIHdlIG5lZWQgYSBzZXBhcmF0ZSBmdW5jdGlvbiBhcyBpdCdzIHJlcXVpcmVkXG4vLyBieSB0aGUgQU9UIGNvbXBpbGVyLlxuZXhwb3J0IGZ1bmN0aW9uIHBsYXllckZhY3RvcnkoKSB7XG4gICAgcmV0dXJuIHBsYXllcjtcbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgQ2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhQaXBlLFxuICAgICAgICBDYWxjdWxhdGVSYWRpdXNQaXBlLFxuICAgICAgICBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnQsXG4gICAgICAgIExvYWRlckNvbXBvbmVudCxcbiAgICAgICAgU3Bpbm5lckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBMb3R0aWUgTW9kdWxlXG4gICAgICAgIExvdHRpZU1vZHVsZS5mb3JSb290KHtcbiAgICAgICAgICAgIHBsYXllcjogcGxheWVyRmFjdG9yeSxcbiAgICAgICAgfSksXG4gICAgXSxcbiAgICBleHBvcnRzOiBbTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50LCBMb2FkZXJDb21wb25lbnQsIFNwaW5uZXJDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFnb3JhcHVsc2VVaUFuaW1hdGlvbnNNb2R1bGUge31cbiJdfQ==
|
|
@@ -8,10 +8,10 @@ export class LetteringLoaderComponent {
|
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11
|
+
LetteringLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
LetteringLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "component", type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
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
16
|
}] });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVNqRSxNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBUUksWUFBTyxHQUFxQjtZQUN4QixJQUFJLEVBQUUsaURBQWlEO1NBQzFELENBQUM7S0FFTDs7cUhBTlksd0JBQXdCO3lHQUF4Qix3QkFBd0IsMkRDVHJDLG1IQU1BOzJGREdhLHdCQUF3QjtrQkFOcEMsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FuaW1hdGlvbk9wdGlvbnN9IGZyb20gJ25neC1sb3R0aWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxldHRlcmluZy1sb2FkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGV0dGVyaW5nTG9hZGVyQ29tcG9uZW50IHtcblxuICAgIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XG4gICAgICAgIHBhdGg6ICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL2xvYWRlci1sZXR0ZXJpbmcuanNvbicsXG4gICAgfTtcblxufVxuIiwiPGRpdiBjbGFzcz1cImxldHRlcmluZy1jb250YWluZXJcIj5cbiAgICA8bmctbG90dGllXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgID48L25nLWxvdHRpZT5cbjwvZGl2PlxuXG4iXX0=
|
|
@@ -9,13 +9,13 @@ export class CalculateLoaderStrokeDashXPipe {
|
|
|
9
9
|
return Math.trunc(2 * radius * Math.PI);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
CalculateLoaderStrokeDashXPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
13
|
+
CalculateLoaderStrokeDashXPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, decorators: [{
|
|
15
15
|
type: Pipe,
|
|
16
16
|
args: [{
|
|
17
17
|
name: 'calculateLoaderStrokeDashX',
|
|
18
18
|
pure: true
|
|
19
19
|
}]
|
|
20
20
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLElBQUksRUFBZ0IsTUFBTSxlQUFlLENBQUM7O0FBTWxELE1BQU0sT0FBTyw4QkFBOEI7SUFFdkM7OztPQUdHO0lBQ0gsU0FBUyxDQUFDLE1BQWM7UUFDcEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7OzJIQVJRLDhCQUE4Qjt5SEFBOUIsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBSjFDLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLDRCQUE0QjtvQkFDbEMsSUFBSSxFQUFFLElBQUk7aUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BpcGUsIFBpcGVUcmFuc2Zvcm19IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ2NhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYJyxcbiAgICBwdXJlOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIENhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gICAgLyoqXG4gICAgICogVGhlIHJ1bGUgaXMgMiAqIHIgKiBQaVxuICAgICAqIEBwYXJhbSByYWRpdXMgb2YgdGhlIGNpcmNsZVxuICAgICAqL1xuICAgIHRyYW5zZm9ybShyYWRpdXM6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBNYXRoLnRydW5jKDIgKiByYWRpdXMgKiBNYXRoLlBJKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -10,13 +10,13 @@ export class CalculateRadiusPipe {
|
|
|
10
10
|
return (diameter - thickness) / 2;
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
CalculateRadiusPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CalculateRadiusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
14
|
+
CalculateRadiusPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: CalculateRadiusPipe, name: "calculateRadius" });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CalculateRadiusPipe, decorators: [{
|
|
16
16
|
type: Pipe,
|
|
17
17
|
args: [{
|
|
18
18
|
name: 'calculateRadius',
|
|
19
19
|
pure: true
|
|
20
20
|
}]
|
|
21
21
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLXJhZGl1cy5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2NhbGN1bGF0ZS1yYWRpdXMucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsSUFBSSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7QUFNbEQsTUFBTSxPQUFPLG1CQUFtQjtJQUU1Qjs7OztPQUlHO0lBQ0gsU0FBUyxDQUFDLFFBQWdCLEVBQUUsU0FBaUI7UUFDekMsT0FBTyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7Z0hBVFEsbUJBQW1COzhHQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFKL0IsSUFBSTttQkFBQztvQkFDRixJQUFJLEVBQUUsaUJBQWlCO29CQUN2QixJQUFJLEVBQUUsSUFBSTtpQkFDYiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UGlwZSwgUGlwZVRyYW5zZm9ybX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgICBuYW1lOiAnY2FsY3VsYXRlUmFkaXVzJyxcbiAgICBwdXJlOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIENhbGN1bGF0ZVJhZGl1c1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcblxuICAgIC8qKlxuICAgICAqIENhbGN1bGF0ZSByYWRpdXNcbiAgICAgKiBAcGFyYW0gZGlhbWV0ZXIgb2YgdGhlIGNpcmNsZVxuICAgICAqIEBwYXJhbSB0aGlja25lc3Mgb2YgdGhlIGNpcmNsZVxuICAgICAqL1xuICAgIHRyYW5zZm9ybShkaWFtZXRlcjogbnVtYmVyLCB0aGlja25lc3M6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiAoZGlhbWV0ZXIgLSB0aGlja25lc3MpIC8gMjtcbiAgICB9XG59XG4iXX0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "./calculate-
|
|
5
|
-
import * as i3 from "./calculate-
|
|
4
|
+
import * as i2 from "./calculate-loader-stroke-dash-x.pipe";
|
|
5
|
+
import * as i3 from "./calculate-radius.pipe";
|
|
6
6
|
/**
|
|
7
7
|
* The key is the diameter given as @Input() diameter
|
|
8
8
|
* Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)
|
|
@@ -25,9 +25,9 @@ export class LoaderComponent {
|
|
|
25
25
|
this.selectThickness = thickness;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
28
|
+
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LoaderComponent, selector: "ap-loader", inputs: { color: "color", diameter: "diameter" }, ngImport: i0, template: "<svg\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}svg{background:transparent}svg circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}svg circle.fade.blue{stroke:#e8f4ff}svg circle.fade.orange{stroke:#ffc2a8}svg circle.fade.white{stroke:#fff6}svg circle.main.blue{stroke:#178dfe}svg circle.main.orange{stroke:#ff6726}svg circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }, { kind: "pipe", type: i3.CalculateRadiusPipe, name: "calculateRadius" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', template: "<svg\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\"\n>\n <circle\n class=\"fade\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite'}\"\n ></circle>\n <circle\n class=\"main\"\n [attr.r]=\"diameter | calculateRadius: selectThickness[diameter]\"\n [attr.stroke-dasharray]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-dashoffset]=\"diameter | calculateRadius: selectThickness[diameter] | calculateLoaderStrokeDashX\"\n [attr.stroke-width]=\"selectThickness[diameter] + 'px'\"\n cx=\"50%\"\n cy=\"50%\"\n [ngClass]=\"color\"\n [ngStyle]=\"{'animation': 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite'}\"\n ></circle>\n</svg>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{line-height:0}svg{background:transparent}svg circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}svg circle.fade.blue{stroke:#e8f4ff}svg circle.fade.orange{stroke:#ffc2a8}svg circle.fade.white{stroke:#fff6}svg circle.main.blue{stroke:#178dfe}svg circle.main.orange{stroke:#ff6726}svg circle.main.white{stroke:#fff}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
|
|
33
33
|
}], propDecorators: { color: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
35
35
|
}], diameter: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNeEU7Ozs7R0FJRztBQUNILE1BQU0sU0FBUyxHQUFjO0lBQ3pCLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsR0FBRyxFQUFFLENBQUM7SUFDTixHQUFHLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFTRixNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVNhLFVBQUssR0FBZ0MsUUFBUSxDQUFDO1FBR3ZELG9CQUFlLEdBQWMsU0FBUyxDQUFDO0tBRTFDOzs0R0FQWSxlQUFlO2dHQUFmLGVBQWUsbUdDOUI1QixvNENBMkJBOzJGREdhLGVBQWU7a0JBUDNCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXOzhCQU9aLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmludGVyZmFjZSBUaGlja25lc3Mge1xuICAgIFtrZXk6IG51bWJlcl06IG51bWJlcjtcbn1cblxuLyoqXG4gKiBUaGUga2V5IGlzIHRoZSBkaWFtZXRlciBnaXZlbiBhcyBASW5wdXQoKSBkaWFtZXRlclxuICogV2hhdGV2ZXIgdGhlIGRpYW1ldGVyIGlzLCBmb3IgdGhpY2tuZXNzIHRoZSBtaW4gaXMgMiBhbmQgdGhlIG1heCBpcyAxNiAoY2YuIFVYL1VJKVxuICogSWYgeW91IGNoYW5nZSBzb21lIHZhbHVlcywgZG9uJ3QgZm9yZ2V0IHRvIGFwcGx5IGl0IGludG8gdGhlIENTUyBhbmltYXRpb25cbiAqL1xuY29uc3QgdGhpY2tuZXNzOiBUaGlja25lc3MgPSB7XG4gICAgMTI6IDEsXG4gICAgMTY6IDEsXG4gICAgMTg6IDIsXG4gICAgMjQ6IDIsXG4gICAgMzA6IDMsXG4gICAgNDg6IDYsXG4gICAgNjA6IDcsXG4gICAgMTAwOiA5LFxuICAgIDEyMDogMTIsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxvYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgY29sb3I6ICdibHVlJyB8ICdvcmFuZ2UnIHwgJ3doaXRlJyA9ICdvcmFuZ2UnO1xuICAgIEBJbnB1dCgpIGRpYW1ldGVyOiAxMiB8IDE2IHwgMTggfCAyNCB8IDMwIHwgNDggfCA2MCB8IDEwMCB8IDEyMDtcblxuICAgIHNlbGVjdFRoaWNrbmVzczogVGhpY2tuZXNzID0gdGhpY2tuZXNzO1xuXG59XG4iLCI8c3ZnXG4gICAgICAgIFthdHRyLmhlaWdodF09XCJkaWFtZXRlciArICdweCdcIlxuICAgICAgICBbYXR0ci53aWR0aF09XCJkaWFtZXRlciArICdweCdcIlxuPlxuICAgIDxjaXJjbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZmFkZVwiXG4gICAgICAgICAgICBbYXR0ci5yXT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS1kYXNoYXJyYXldPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaG9mZnNldF09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSB8IGNhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdICsgJ3B4J1wiXG4gICAgICAgICAgICBjeD1cIjUwJVwiXG4gICAgICAgICAgICBjeT1cIjUwJVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2FuaW1hdGlvbic6ICdyb3RhdGUtJyArIGRpYW1ldGVyICsgJyAxLjVzIGN1YmljLWJlemllcigwLjQyLCAwLjAsIDAuNzgsIDEuMCkgaW5maW5pdGUnfVwiXG4gICAgPjwvY2lyY2xlPlxuICAgIDxjaXJjbGVcbiAgICAgICAgICAgIGNsYXNzPVwibWFpblwiXG4gICAgICAgICAgICBbYXR0ci5yXT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS1kYXNoYXJyYXldPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgICAgICBbYXR0ci5zdHJva2UtZGFzaG9mZnNldF09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSB8IGNhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYXCJcbiAgICAgICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdICsgJ3B4J1wiXG4gICAgICAgICAgICBjeD1cIjUwJVwiXG4gICAgICAgICAgICBjeT1cIjUwJVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2FuaW1hdGlvbic6ICdyb3RhdGUtJyArIGRpYW1ldGVyICsgJyAxLjVzIGN1YmljLWJlemllcigwLjQyLCAwLjAsIDAuNTgsIDEuMCkgaW5maW5pdGUnfVwiXG4gICAgPjwvY2lyY2xlPlxuPC9zdmc+XG4iXX0=
|
|
@@ -40,11 +40,11 @@ export class SpinnerComponent {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "component", type: i1.LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', template: "<div class=\"lottie-container\"\n [class.white]=\"color
|
|
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
48
|
}], propDecorators: { color: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], size: [{
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
52
52
|
}], rounded: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDOzs7QUFTaEYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFhLFVBQUssR0FPUixPQUFPLENBQUM7UUFDTCxTQUFJLEdBQTBELEVBQUUsQ0FBQztRQUcxRSxnQkFBVyxHQUFHO1lBQ1Ysd0RBQXdEO1lBQ3hELHFEQUFxRDtZQUNyRCx3REFBd0Q7WUFDeEQsMkRBQTJEO1lBQzNELDBEQUEwRDtTQUM3RCxDQUFDO1FBRUYsWUFBTyxHQUFxQjtZQUN4QixJQUFJLEVBQUUsRUFBRTtTQUNYLENBQUM7S0F5Qkw7SUF2QkcsUUFBUTtRQUNKLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDRCQUE0QjtnQkFDeEUsTUFBTTtZQUNWLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsK0JBQStCO2dCQUMzRSxNQUFNO1lBQ1YsS0FBSyxvQkFBb0I7Z0JBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtDQUFrQztnQkFDOUUsTUFBTTtZQUNWLEtBQUssbUJBQW1CO2dCQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQywwQkFBMEI7Z0JBQ3RFLE1BQU07WUFDVjtnQkFDSSxNQUFNLElBQUksS0FBSyxDQUFDLGtGQUFrRixDQUFDLENBQUM7U0FDM0c7SUFDTCxDQUFDOzs2R0EvQ1EsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsZ0hDVDdCLHdpQkFlQTsyRkROYSxnQkFBZ0I7a0JBTjVCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxZQUFZOzhCQU1iLEtBQUs7c0JBQWIsS0FBSztnQkFRRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QW5pbWF0aW9uT3B0aW9uc30gZnJvbSAnbmd4LWxvdHRpZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtc3Bpbm5lcicsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci5jb21wb25lbnQuc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGNvbG9yOiAnd2hpdGUnXG4gICAgICAgIHwgJ29yYW5nZSdcbiAgICAgICAgfCAnZ3JleSdcbiAgICAgICAgfCAnZ3JleTUnXG4gICAgICAgIHwgJ2dyZXkxMCdcbiAgICAgICAgfCAndHJhbnNsdWNlbnQtb3JhbmdlJ1xuICAgICAgICB8ICd0cmFuc2x1Y2VudC13aGl0ZSdcbiAgICAgICAgPSAnd2hpdGUnO1xuICAgIEBJbnB1dCgpIHNpemU6ICcnIHwgJ21pbmknIHwgJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdtYW51YWwnID0gJyc7XG4gICAgQElucHV0KCkgcm91bmRlZDogYm9vbGVhbjtcblxuICAgIGxvYWRlclBhdGhzID0gW1xuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS1vcmFuZ2UyMC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci13aGl0ZS1vcmFuZ2UuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItb3JhbmdlLW9yYW5nZTQwLmpzb24nLFxuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS10cmFuc2x1Y2VudC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci13aGl0ZS10cmFuc2x1Y2VudC5qc29uJ1xuICAgIF07XG5cbiAgICBvcHRpb25zOiBBbmltYXRpb25PcHRpb25zID0ge1xuICAgICAgICBwYXRoOiAnJ1xuICAgIH07XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICAgICAgICBjYXNlICd3aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zWydwYXRoJ10gPSB0aGlzLmxvYWRlclBhdGhzWzBdOyAvLyBzcGlubmVyLW9yYW5nZS1vcmFuZ2UyMC5qc29uXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdvcmFuZ2UnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1sxXTsgLy8gc3Bpbm5lci13aGl0ZS1vcmFuZ2UuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnZ3JleSc6XG4gICAgICAgICAgICBjYXNlICdncmV5NSc6XG4gICAgICAgICAgICBjYXNlICdncmV5MTAnOlxuICAgICAgICAgICAgICAgIHRoaXMub3B0aW9uc1sncGF0aCddID0gdGhpcy5sb2FkZXJQYXRoc1syXTsgLy8gc3Bpbm5lci1vcmFuZ2Utb3JhbmdlNDAuanNvblxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndHJhbnNsdWNlbnQtb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbM107IC8vIHNwaW5uZXItb3JhbmdlLXRyYW5zbHVjZW50Lmpzb25cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3RyYW5zbHVjZW50LXdoaXRlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnNbJ3BhdGgnXSA9IHRoaXMubG9hZGVyUGF0aHNbNF07IC8vIHdoaXRlLXRyYW5zbHVjZW50Lmpzb24nXG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignVGhlIGxvYWRpbmcgY29tcG9uZW50IGlzIG9ubHkgYXZhaWxhYmxlIGluIHdoaXRlLCBvcmFuZ2UsIGdyZXksIGdyZXk1IGFuZCBncmV5MTAnKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJsb3R0aWUtY29udGFpbmVyXCJcbiAgICAgW2NsYXNzLndoaXRlXT1cImNvbG9yID09PSAnd2hpdGUnXCJcbiAgICAgW2NsYXNzLm9yYW5nZV09XCJjb2xvciA9PT0gJ29yYW5nZSdcIlxuICAgICBbY2xhc3MuZ3JleV09XCJjb2xvciA9PT0gJ2dyZXknXCJcbiAgICAgW2NsYXNzLmdyZXktNV09XCJjb2xvciA9PT0gJ2dyZXk1J1wiXG4gICAgIFtjbGFzcy5ncmV5LTEwXT1cImNvbG9yID09PSAnZ3JleTEwJ1wiXG4gICAgIFtjbGFzcy5taW5pXT1cInNpemUgPT09ICdtaW5pJ1wiXG4gICAgIFtjbGFzcy5zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCJcbiAgICAgW2NsYXNzLm1lZGl1bV09XCJzaXplID09PSAnbWVkaXVtJ1wiXG4gICAgIFtjbGFzcy5sYXJnZV09XCJzaXplID09PSAnbGFyZ2UnXCJcbiAgICAgW2NsYXNzLm1hbnVhbF09XCJzaXplID09PSAnbWFudWFsJ1wiXG4gICAgIFtjbGFzcy5yb3VuZGVkXT1cInJvdW5kZWRcIlxuPlxuICAgIDxuZy1sb3R0aWUgW29wdGlvbnNdPVwib3B0aW9uc1wiPjwvbmctbG90dGllPlxuPC9kaXY+XG4iXX0=
|