@agorapulse/ui-animations 18.0.5 → 20.0.0-beta
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-20.0.0-beta.tgz +0 -0
- package/fesm2022/agorapulse-ui-animations.mjs +18 -18
- package/fesm2022/agorapulse-ui-animations.mjs.map +1 -1
- package/index.d.ts +65 -6
- package/package.json +5 -7
- package/agorapulse-ui-animations-18.0.5.tgz +0 -0
- package/esm2022/agorapulse-ui-animations.mjs +0 -5
- package/esm2022/index.mjs +0 -10
- package/esm2022/src/lib/lettering-loader/lettering-loader.component.mjs +0 -15
- package/esm2022/src/lib/loader/calculate-loader-stroke-dash-x.pipe.mjs +0 -21
- package/esm2022/src/lib/loader/calculate-radius.pipe.mjs +0 -22
- package/esm2022/src/lib/loader/loader.component.mjs +0 -44
- package/esm2022/src/lib/lottie-provider.mjs +0 -5
- package/esm2022/src/lib/spinner/spinner.component.mjs +0 -72
- package/src/lib/lettering-loader/lettering-loader.component.d.ts +0 -7
- package/src/lib/loader/calculate-loader-stroke-dash-x.pipe.d.ts +0 -11
- package/src/lib/loader/calculate-radius.pipe.d.ts +0 -12
- package/src/lib/loader/loader.component.d.ts +0 -17
- package/src/lib/lottie-provider.d.ts +0 -1
- package/src/lib/spinner/spinner.component.d.ts +0 -16
|
Binary file
|
|
@@ -7,12 +7,12 @@ class LetteringLoaderComponent {
|
|
|
7
7
|
options = {
|
|
8
8
|
path: '/assets/lib-ui-animations/loader-lettering.json',
|
|
9
9
|
};
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LetteringLoaderComponent, isStandalone: true, selector: "ap-lettering-loader", ngImport: i0, template: "<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\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: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader',
|
|
15
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader', imports: [LottieComponent], template: "<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\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
17
|
|
|
18
18
|
class CalculateLoaderStrokeDashXPipe {
|
|
@@ -23,10 +23,10 @@ class CalculateLoaderStrokeDashXPipe {
|
|
|
23
23
|
transform(radius) {
|
|
24
24
|
return Math.trunc(2 * radius * Math.PI);
|
|
25
25
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
27
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, isStandalone: true, name: "calculateLoaderStrokeDashX" });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, decorators: [{
|
|
30
30
|
type: Pipe,
|
|
31
31
|
args: [{
|
|
32
32
|
name: 'calculateLoaderStrokeDashX',
|
|
@@ -43,10 +43,10 @@ class CalculateRadiusPipe {
|
|
|
43
43
|
transform(diameter, thickness) {
|
|
44
44
|
return (diameter - thickness) / 2;
|
|
45
45
|
}
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
47
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CalculateRadiusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
47
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: CalculateRadiusPipe, isStandalone: true, name: "calculateRadius" });
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CalculateRadiusPipe, decorators: [{
|
|
50
50
|
type: Pipe,
|
|
51
51
|
args: [{
|
|
52
52
|
name: 'calculateRadius',
|
|
@@ -77,12 +77,12 @@ class LoaderComponent {
|
|
|
77
77
|
color = 'orange';
|
|
78
78
|
diameter = 48;
|
|
79
79
|
selectThickness = thickness;
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: LoaderComponent, isStandalone: true, selector: "ap-loader", inputs: { color: "color", diameter: ["diameter", "diameter", diameterAttribute] }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness,.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.3", type: LoaderComponent, isStandalone: true, selector: "ap-loader", inputs: { color: "color", diameter: ["diameter", "diameter", diameterAttribute] }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness{stroke:var(--ref-color-google-my-business-10)}.ap-loader circle.fade.threads{stroke:var(--ref-color-threads-10)}.ap-loader circle.fade.bluesky{stroke:var(--ref-color-bluesky-10)}.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}.ap-loader circle.main.googleMyBusiness{stroke:var(--ref-color-google-my-business-100)}.ap-loader circle.main.threads{stroke:var(--ref-color-threads-100)}.ap-loader circle.main.bluesky{stroke:var(--ref-color-bluesky-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe], template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness,.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
|
|
85
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe], template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness{stroke:var(--ref-color-google-my-business-10)}.ap-loader circle.fade.threads{stroke:var(--ref-color-threads-10)}.ap-loader circle.fade.bluesky{stroke:var(--ref-color-bluesky-10)}.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}.ap-loader circle.main.googleMyBusiness{stroke:var(--ref-color-google-my-business-100)}.ap-loader circle.main.threads{stroke:var(--ref-color-threads-100)}.ap-loader circle.main.bluesky{stroke:var(--ref-color-bluesky-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
|
|
86
86
|
}], propDecorators: { color: [{
|
|
87
87
|
type: Input
|
|
88
88
|
}], diameter: [{
|
|
@@ -152,12 +152,12 @@ class SpinnerComponent {
|
|
|
152
152
|
throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
156
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
155
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
156
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: SpinnerComponent, isStandalone: true, selector: "ap-spinner", inputs: { color: "color", size: "size", rounded: "rounded" }, ngImport: i0, template: "<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[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:#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}\n"], dependencies: [{ kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
157
157
|
}
|
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
159
159
|
type: Component,
|
|
160
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner',
|
|
160
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', imports: [LottieComponent], template: "<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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=reddit]{color:#ff4500}[bgcolor=reddit],[hcolor=reddit]:hover{background-color:#ff4500}[border=reddit]{border:1px solid #ff4500}[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:#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}\n"] }]
|
|
161
161
|
}], propDecorators: { color: [{
|
|
162
162
|
type: Input
|
|
163
163
|
}], size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/lottie-provider.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AnimationOptions, LottieComponent } 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 standalone: true,\n imports: [LottieComponent],\n})\nexport class LetteringLoaderComponent {\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n}\n","<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n standalone: true,\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n standalone: true,\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CalculateLoaderStrokeDashXPipe } from './calculate-loader-stroke-dash-x.pipe';\nimport { CalculateRadiusPipe } from './calculate-radius.pipe';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor =\n | 'facebook'\n | 'twitter'\n | 'linkedin'\n | 'youtube'\n | 'tiktok'\n | 'instagram'\n | 'microsoft'\n | 'googleMyBusiness'\n | 'google'\n | 'pinterest'\n | 'X';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\nexport type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\nfunction diameterAttribute(diameter: LoaderDiameter | `${LoaderDiameter}`): LoaderDiameter {\n return +diameter as LoaderDiameter;\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n standalone: true,\n imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input({\n required: true,\n transform: diameterAttribute,\n })\n diameter: LoaderDiameter = 48;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n","import { provideLottieOptions } from 'ngx-lottie';\n\nexport const lottieOptions = provideLottieOptions({\n player: () => import('lottie-web'),\n});\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { AnimationOptions, LottieComponent } from 'ngx-lottie';\n\n/**\n * @deprecated As Lottie is heavy, we should use ap-loader instead\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html',\n standalone: true,\n imports: [LottieComponent],\n})\nexport class SpinnerComponent implements OnInit {\n @Input() color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white' = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded = false;\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 = {\n ...this.options,\n path: this.loaderPaths[0], // spinner-orange-orange20.json\n };\n break;\n case 'orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[1], // spinner-white-orange.json\n };\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options = {\n ...this.options,\n path: this.loaderPaths[2], // spinner-orange-orange40.json\n };\n break;\n case 'translucent-orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[3], // spinner-orange-translucent.json\n };\n break;\n case 'translucent-white':\n this.options = {\n ...this.options,\n path: this.loaderPaths[4], // white-translucent.json'\n };\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\n 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 <ng-lottie [options]=\"options\" />\n</div>\n","/*\n * Public API Surface of ui-animations\n */\n\nexport { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { LoaderComponent, LoaderDiameter } from './src/lib/loader/loader.component';\nexport { lottieOptions } from './src/lib/lottie-provider';\nexport { SpinnerComponent } from './src/lib/spinner/spinner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,wBAAwB,CAAA;AACjC,IAAA,OAAO,GAAqB;AACxB,QAAA,IAAI,EAAE,iDAAiD;KAC1D;uGAHQ,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXrC,wFAGA,EAAA,MAAA,EAAA,CAAA,wYAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEhB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;sCACW,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,qBAAqB,cAGnB,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,wFAAA,EAAA,MAAA,EAAA,CAAA,wYAAA,CAAA,EAAA;;;MEHjB,8BAA8B,CAAA;AACvC;;;AAGG;AACH,IAAA,SAAS,CAAC,MAAc,EAAA;AACpB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;;uGANlC,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,CAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE,4BAA4B;AAClC,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;MCCY,mBAAmB,CAAA;AAC5B;;;;AAIG;IACH,SAAS,CAAC,QAAgB,EAAE,SAAiB,EAAA;AACzC,QAAA,OAAO,CAAC,QAAQ,GAAG,SAAS,IAAI,CAAC;;uGAP5B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACF,oBAAA,IAAI,EAAE,iBAAiB;AACvB,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;ACmBD;;;;AAIG;AACH,MAAM,SAAS,GAAc;AACzB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,GAAG,EAAE,EAAE;CACV;AAID,SAAS,iBAAiB,CAAC,QAA8C,EAAA;IACrE,OAAO,CAAC,QAA0B;AACtC;MAWa,eAAe,CAAA;IACf,KAAK,GAAgB,QAAQ;IAKtC,QAAQ,GAAmB,EAAE;IAE7B,eAAe,GAAc,SAAS;uGAR7B,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAbnB,iBAAiB,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3C1B,izCAyBA,EAAA,MAAA,EAAA,CAAA,ihQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED6Bc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,8BAA8B,EAAA,IAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEtE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,WAAW,EACN,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,UAAA,EAGzB,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,8BAA8B,CAAC,EAAA,QAAA,EAAA,izCAAA,EAAA,MAAA,EAAA,CAAA,ihQAAA,CAAA,EAAA;8BAGvE,KAAK,EAAA,CAAA;sBAAb;gBAKD,QAAQ,EAAA,CAAA;sBAJP,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,SAAS,EAAE,iBAAiB;AAC/B,qBAAA;;;AE3DE,MAAM,aAAa,GAAG,oBAAoB,CAAC;AAC9C,IAAA,MAAM,EAAE,MAAM,OAAO,YAAY,CAAC;AACrC,CAAA;;ACDD;;AAEG;MASU,gBAAgB,CAAA;IAChB,KAAK,GAAkG,OAAO;IAC9G,IAAI,GAA0D,EAAE;IAChE,OAAO,GAAG,KAAK;AAExB,IAAA,WAAW,GAAG;QACV,wDAAwD;QACxD,qDAAqD;QACrD,wDAAwD;QACxD,2DAA2D;QAC3D,0DAA0D;KAC7D;AAED,IAAA,OAAO,GAAqB;AACxB,QAAA,IAAI,EAAE,EAAE;KACX;IAED,QAAQ,GAAA;AACJ,QAAA,QAAQ,IAAI,CAAC,KAAK;AACd,YAAA,KAAK,OAAO;gBACR,IAAI,CAAC,OAAO,GAAG;oBACX,GAAG,IAAI,CAAC,OAAO;oBACf,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;iBAC5B;gBACD;AACJ,YAAA,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,GAAG;oBACX,GAAG,IAAI,CAAC,OAAO;oBACf,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;iBAC5B;gBACD;AACJ,YAAA,KAAK,MAAM;AACX,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,QAAQ;gBACT,IAAI,CAAC,OAAO,GAAG;oBACX,GAAG,IAAI,CAAC,OAAO;oBACf,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;iBAC5B;gBACD;AACJ,YAAA,KAAK,oBAAoB;gBACrB,IAAI,CAAC,OAAO,GAAG;oBACX,GAAG,IAAI,CAAC,OAAO;oBACf,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;iBAC5B;gBACD;AACJ,YAAA,KAAK,mBAAmB;gBACpB,IAAI,CAAC,OAAO,GAAG;oBACX,GAAG,IAAI,CAAC,OAAO;oBACf,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;iBAC5B;gBACD;AACJ,YAAA;AACI,gBAAA,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC;;;uGApDtG,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd7B,shBAeA,EAAA,MAAA,EAAA,CAAA,q9LAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;sCACW,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,YAAY,cAGV,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,shBAAA,EAAA,MAAA,EAAA,CAAA,q9LAAA,CAAA,EAAA;8BAGjB,KAAK,EAAA,CAAA;sBAAb;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,OAAO,EAAA,CAAA;sBAAf;;;AEjBL;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"agorapulse-ui-animations.mjs","sources":["../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.ts","../../../libs/ui-animations/src/lib/lettering-loader/lettering-loader.component.html","../../../libs/ui-animations/src/lib/loader/calculate-loader-stroke-dash-x.pipe.ts","../../../libs/ui-animations/src/lib/loader/calculate-radius.pipe.ts","../../../libs/ui-animations/src/lib/loader/loader.component.ts","../../../libs/ui-animations/src/lib/loader/loader.component.html","../../../libs/ui-animations/src/lib/lottie-provider.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.ts","../../../libs/ui-animations/src/lib/spinner/spinner.component.html","../../../libs/ui-animations/index.ts","../../../libs/ui-animations/agorapulse-ui-animations.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AnimationOptions, LottieComponent } 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 imports: [LottieComponent],\n})\nexport class LetteringLoaderComponent {\n options: AnimationOptions = {\n path: '/assets/lib-ui-animations/loader-lettering.json',\n };\n}\n","<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateLoaderStrokeDashX',\n standalone: true,\n})\nexport class CalculateLoaderStrokeDashXPipe implements PipeTransform {\n /**\n * The rule is 2 * r * Pi\n * @param radius of the circle\n */\n transform(radius: number): number {\n return Math.trunc(2 * radius * Math.PI);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'calculateRadius',\n standalone: true,\n})\nexport class CalculateRadiusPipe implements PipeTransform {\n /**\n * Calculate radius\n * @param diameter of the circle\n * @param thickness of the circle\n */\n transform(diameter: number, thickness: number): number {\n return (diameter - thickness) / 2;\n }\n}\n","import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CalculateLoaderStrokeDashXPipe } from './calculate-loader-stroke-dash-x.pipe';\nimport { CalculateRadiusPipe } from './calculate-radius.pipe';\n\nexport type ClassicLoaderColor = 'blue' | 'orange' | 'white';\nexport type NetworkLoaderColor =\n | 'facebook'\n | 'twitter'\n | 'linkedin'\n | 'youtube'\n | 'tiktok'\n | 'instagram'\n | 'microsoft'\n | 'googleMyBusiness'\n | 'google'\n | 'pinterest'\n | 'X'\n | 'threads'\n | 'bluesky';\nexport type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;\n\ninterface Thickness {\n [key: number]: number;\n}\n\n/**\n * The key is the diameter given as @Input() diameter\n * Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)\n * If you change some values, don't forget to apply it into the CSS animation\n */\nconst thickness: Thickness = {\n 12: 2,\n 16: 3,\n 18: 3,\n 24: 4,\n 30: 5,\n 48: 7,\n 60: 8,\n 100: 10,\n 120: 13,\n};\n\nexport type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;\n\nfunction diameterAttribute(diameter: LoaderDiameter | `${LoaderDiameter}`): LoaderDiameter {\n return +diameter as LoaderDiameter;\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-loader',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe],\n})\nexport class LoaderComponent {\n @Input() color: LoaderColor = 'orange';\n @Input({\n required: true,\n transform: diameterAttribute,\n })\n diameter: LoaderDiameter = 48;\n\n selectThickness: Thickness = thickness;\n}\n","<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n","import { provideLottieOptions } from 'ngx-lottie';\n\nexport const lottieOptions = provideLottieOptions({\n player: () => import('lottie-web'),\n});\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { AnimationOptions, LottieComponent } from 'ngx-lottie';\n\n/**\n * @deprecated As Lottie is heavy, we should use ap-loader instead\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'ap-spinner',\n styleUrls: ['./spinner.component.scss'],\n templateUrl: './spinner.component.html',\n imports: [LottieComponent],\n})\nexport class SpinnerComponent implements OnInit {\n @Input() color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white' = 'white';\n @Input() size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual' = '';\n @Input() rounded = false;\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 = {\n ...this.options,\n path: this.loaderPaths[0], // spinner-orange-orange20.json\n };\n break;\n case 'orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[1], // spinner-white-orange.json\n };\n break;\n case 'grey':\n case 'grey5':\n case 'grey10':\n this.options = {\n ...this.options,\n path: this.loaderPaths[2], // spinner-orange-orange40.json\n };\n break;\n case 'translucent-orange':\n this.options = {\n ...this.options,\n path: this.loaderPaths[3], // spinner-orange-translucent.json\n };\n break;\n case 'translucent-white':\n this.options = {\n ...this.options,\n path: this.loaderPaths[4], // white-translucent.json'\n };\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\n 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 <ng-lottie [options]=\"options\" />\n</div>\n","/*\n * Public API Surface of ui-animations\n */\n\nexport { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';\nexport { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';\nexport { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';\nexport { LoaderComponent, LoaderDiameter } from './src/lib/loader/loader.component';\nexport { lottieOptions } from './src/lib/lottie-provider';\nexport { SpinnerComponent } from './src/lib/spinner/spinner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,6 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { AnimationOptions } from 'ngx-lottie';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { PipeTransform, OnInit } from '@angular/core';
|
|
4
|
+
|
|
5
|
+
declare class LetteringLoaderComponent {
|
|
6
|
+
options: AnimationOptions;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LetteringLoaderComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LetteringLoaderComponent, "ap-lettering-loader", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class CalculateLoaderStrokeDashXPipe implements PipeTransform {
|
|
12
|
+
/**
|
|
13
|
+
* The rule is 2 * r * Pi
|
|
14
|
+
* @param radius of the circle
|
|
15
|
+
*/
|
|
16
|
+
transform(radius: number): number;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CalculateLoaderStrokeDashXPipe, never>;
|
|
18
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<CalculateLoaderStrokeDashXPipe, "calculateLoaderStrokeDashX", true>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare class CalculateRadiusPipe implements PipeTransform {
|
|
22
|
+
/**
|
|
23
|
+
* Calculate radius
|
|
24
|
+
* @param diameter of the circle
|
|
25
|
+
* @param thickness of the circle
|
|
26
|
+
*/
|
|
27
|
+
transform(diameter: number, thickness: number): number;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CalculateRadiusPipe, never>;
|
|
29
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<CalculateRadiusPipe, "calculateRadius", true>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
type ClassicLoaderColor = 'blue' | 'orange' | 'white';
|
|
33
|
+
type NetworkLoaderColor = 'facebook' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'instagram' | 'microsoft' | 'googleMyBusiness' | 'google' | 'pinterest' | 'X' | 'threads' | 'bluesky';
|
|
34
|
+
type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;
|
|
35
|
+
interface Thickness {
|
|
36
|
+
[key: number]: number;
|
|
37
|
+
}
|
|
38
|
+
type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;
|
|
39
|
+
declare class LoaderComponent {
|
|
40
|
+
color: LoaderColor;
|
|
41
|
+
diameter: LoaderDiameter;
|
|
42
|
+
selectThickness: Thickness;
|
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
44
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "ap-loader", never, { "color": { "alias": "color"; "required": false; }; "diameter": { "alias": "diameter"; "required": true; }; }, {}, never, never, true, never>;
|
|
45
|
+
static ngAcceptInputType_diameter: LoaderDiameter | `${LoaderDiameter}`;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
declare const lottieOptions: i0.Provider[];
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* @deprecated As Lottie is heavy, we should use ap-loader instead
|
|
52
|
+
*/
|
|
53
|
+
declare class SpinnerComponent implements OnInit {
|
|
54
|
+
color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white';
|
|
55
|
+
size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual';
|
|
56
|
+
rounded: boolean;
|
|
57
|
+
loaderPaths: string[];
|
|
58
|
+
options: AnimationOptions;
|
|
59
|
+
ngOnInit(): void;
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
|
|
61
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ap-spinner", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export { CalculateLoaderStrokeDashXPipe, CalculateRadiusPipe, LetteringLoaderComponent, LoaderComponent, SpinnerComponent, lottieOptions };
|
|
65
|
+
export type { LoaderDiameter };
|
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": "
|
|
4
|
+
"version": "20.0.0-beta",
|
|
5
5
|
"author": "Benoit Hediard",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
},
|
|
13
13
|
"homepage": "https://github.com/agorapulse/design",
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"@agorapulse/ui-theme": "^
|
|
16
|
-
"@angular/common": "
|
|
17
|
-
"@angular/core": "
|
|
18
|
-
"@angular/material": "
|
|
15
|
+
"@agorapulse/ui-theme": "^20.0.0-beta",
|
|
16
|
+
"@angular/common": "20.1.3",
|
|
17
|
+
"@angular/core": "20.1.3",
|
|
18
|
+
"@angular/material": "20.1.3",
|
|
19
19
|
"lottie-web": "5.12.0",
|
|
20
20
|
"ngx-lottie": "12.0.0"
|
|
21
21
|
},
|
|
@@ -27,8 +27,6 @@
|
|
|
27
27
|
},
|
|
28
28
|
".": {
|
|
29
29
|
"types": "./index.d.ts",
|
|
30
|
-
"esm2022": "./esm2022/agorapulse-ui-animations.mjs",
|
|
31
|
-
"esm": "./esm2022/agorapulse-ui-animations.mjs",
|
|
32
30
|
"default": "./fesm2022/agorapulse-ui-animations.mjs"
|
|
33
31
|
}
|
|
34
32
|
},
|
|
Binary file
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdvcmFwdWxzZS11aS1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL2Fnb3JhcHVsc2UtdWktYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
package/esm2022/index.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of ui-animations
|
|
3
|
-
*/
|
|
4
|
-
export { LetteringLoaderComponent } from './src/lib/lettering-loader/lettering-loader.component';
|
|
5
|
-
export { CalculateLoaderStrokeDashXPipe } from './src/lib/loader/calculate-loader-stroke-dash-x.pipe';
|
|
6
|
-
export { CalculateRadiusPipe } from './src/lib/loader/calculate-radius.pipe';
|
|
7
|
-
export { LoaderComponent } from './src/lib/loader/loader.component';
|
|
8
|
-
export { lottieOptions } from './src/lib/lottie-provider';
|
|
9
|
-
export { SpinnerComponent } from './src/lib/spinner/spinner.component';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUN0RyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFrQixNQUFNLG1DQUFtQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdWktYW5pbWF0aW9uc1xuICovXG5cbmV4cG9ydCB7IExldHRlcmluZ0xvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IENhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYUGlwZSB9IGZyb20gJy4vc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUnO1xuZXhwb3J0IHsgQ2FsY3VsYXRlUmFkaXVzUGlwZSB9IGZyb20gJy4vc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLXJhZGl1cy5waXBlJztcbmV4cG9ydCB7IExvYWRlckNvbXBvbmVudCwgTG9hZGVyRGlhbWV0ZXIgfSBmcm9tICcuL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xuZXhwb3J0IHsgbG90dGllT3B0aW9ucyB9IGZyb20gJy4vc3JjL2xpYi9sb3R0aWUtcHJvdmlkZXInO1xuZXhwb3J0IHsgU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4vc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { LottieComponent } from 'ngx-lottie';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class LetteringLoaderComponent {
|
|
5
|
-
options = {
|
|
6
|
-
path: '/assets/lib-ui-animations/loader-lettering.json',
|
|
7
|
-
};
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LetteringLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: LetteringLoaderComponent, isStandalone: true, selector: "ap-lettering-loader", ngImport: i0, template: "<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\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: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LetteringLoaderComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-lettering-loader', standalone: true, imports: [LottieComponent], template: "<div class=\"lettering-container\">\n <ng-lottie [options]=\"options\" />\n</div>\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"] }]
|
|
14
|
-
}] });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyaW5nLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sZXR0ZXJpbmctbG9hZGVyL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbGV0dGVyaW5nLWxvYWRlci9sZXR0ZXJpbmctbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFvQixlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBVS9ELE1BQU0sT0FBTyx3QkFBd0I7SUFDakMsT0FBTyxHQUFxQjtRQUN4QixJQUFJLEVBQUUsaURBQWlEO0tBQzFELENBQUM7dUdBSE8sd0JBQXdCOzJGQUF4Qix3QkFBd0IsK0VDWHJDLHdGQUdBLGdjRE1jLGVBQWU7OzJGQUVoQix3QkFBd0I7a0JBUnBDLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxxQkFBcUIsY0FHbkIsSUFBSSxXQUNQLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQW5pbWF0aW9uT3B0aW9ucywgTG90dGllQ29tcG9uZW50IH0gZnJvbSAnbmd4LWxvdHRpZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbGV0dGVyaW5nLWxvYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xldHRlcmluZy1sb2FkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtMb3R0aWVDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBMZXR0ZXJpbmdMb2FkZXJDb21wb25lbnQge1xuICAgIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XG4gICAgICAgIHBhdGg6ICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL2xvYWRlci1sZXR0ZXJpbmcuanNvbicsXG4gICAgfTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJsZXR0ZXJpbmctY29udGFpbmVyXCI+XG4gICAgPG5nLWxvdHRpZSBbb3B0aW9uc109XCJvcHRpb25zXCIgLz5cbjwvZGl2PlxuIl19
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CalculateLoaderStrokeDashXPipe {
|
|
4
|
-
/**
|
|
5
|
-
* The rule is 2 * r * Pi
|
|
6
|
-
* @param radius of the circle
|
|
7
|
-
*/
|
|
8
|
-
transform(radius) {
|
|
9
|
-
return Math.trunc(2 * radius * Math.PI);
|
|
10
|
-
}
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
12
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, isStandalone: true, name: "calculateLoaderStrokeDashX" });
|
|
13
|
-
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CalculateLoaderStrokeDashXPipe, decorators: [{
|
|
15
|
-
type: Pipe,
|
|
16
|
-
args: [{
|
|
17
|
-
name: 'calculateLoaderStrokeDashX',
|
|
18
|
-
standalone: true,
|
|
19
|
-
}]
|
|
20
|
-
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9sb2FkZXIvY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBTXBELE1BQU0sT0FBTyw4QkFBOEI7SUFDdkM7OztPQUdHO0lBQ0gsU0FBUyxDQUFDLE1BQWM7UUFDcEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7dUdBUFEsOEJBQThCO3FHQUE5Qiw4QkFBOEI7OzJGQUE5Qiw4QkFBOEI7a0JBSjFDLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLDRCQUE0QjtvQkFDbEMsVUFBVSxFQUFFLElBQUk7aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ2NhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgICAvKipcbiAgICAgKiBUaGUgcnVsZSBpcyAyICogciAqIFBpXG4gICAgICogQHBhcmFtIHJhZGl1cyBvZiB0aGUgY2lyY2xlXG4gICAgICovXG4gICAgdHJhbnNmb3JtKHJhZGl1czogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIE1hdGgudHJ1bmMoMiAqIHJhZGl1cyAqIE1hdGguUEkpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CalculateRadiusPipe {
|
|
4
|
-
/**
|
|
5
|
-
* Calculate radius
|
|
6
|
-
* @param diameter of the circle
|
|
7
|
-
* @param thickness of the circle
|
|
8
|
-
*/
|
|
9
|
-
transform(diameter, thickness) {
|
|
10
|
-
return (diameter - thickness) / 2;
|
|
11
|
-
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CalculateRadiusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
13
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: CalculateRadiusPipe, isStandalone: true, name: "calculateRadius" });
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CalculateRadiusPipe, decorators: [{
|
|
16
|
-
type: Pipe,
|
|
17
|
-
args: [{
|
|
18
|
-
name: 'calculateRadius',
|
|
19
|
-
standalone: true,
|
|
20
|
-
}]
|
|
21
|
-
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLXJhZGl1cy5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2NhbGN1bGF0ZS1yYWRpdXMucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFNcEQsTUFBTSxPQUFPLG1CQUFtQjtJQUM1Qjs7OztPQUlHO0lBQ0gsU0FBUyxDQUFDLFFBQWdCLEVBQUUsU0FBaUI7UUFDekMsT0FBTyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEMsQ0FBQzt1R0FSUSxtQkFBbUI7cUdBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsSUFBSTttQkFBQztvQkFDRixJQUFJLEVBQUUsaUJBQWlCO29CQUN2QixVQUFVLEVBQUUsSUFBSTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgICBuYW1lOiAnY2FsY3VsYXRlUmFkaXVzJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxjdWxhdGVSYWRpdXNQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gICAgLyoqXG4gICAgICogQ2FsY3VsYXRlIHJhZGl1c1xuICAgICAqIEBwYXJhbSBkaWFtZXRlciBvZiB0aGUgY2lyY2xlXG4gICAgICogQHBhcmFtIHRoaWNrbmVzcyBvZiB0aGUgY2lyY2xlXG4gICAgICovXG4gICAgdHJhbnNmb3JtKGRpYW1ldGVyOiBudW1iZXIsIHRoaWNrbmVzczogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIChkaWFtZXRlciAtIHRoaWNrbmVzcykgLyAyO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { NgClass, NgStyle } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { CalculateLoaderStrokeDashXPipe } from './calculate-loader-stroke-dash-x.pipe';
|
|
4
|
-
import { CalculateRadiusPipe } from './calculate-radius.pipe';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* The key is the diameter given as @Input() diameter
|
|
8
|
-
* Whatever the diameter is, for thickness the min is 2 and the max is 16 (cf. UX/UI)
|
|
9
|
-
* If you change some values, don't forget to apply it into the CSS animation
|
|
10
|
-
*/
|
|
11
|
-
const thickness = {
|
|
12
|
-
12: 2,
|
|
13
|
-
16: 3,
|
|
14
|
-
18: 3,
|
|
15
|
-
24: 4,
|
|
16
|
-
30: 5,
|
|
17
|
-
48: 7,
|
|
18
|
-
60: 8,
|
|
19
|
-
100: 10,
|
|
20
|
-
120: 13,
|
|
21
|
-
};
|
|
22
|
-
function diameterAttribute(diameter) {
|
|
23
|
-
return +diameter;
|
|
24
|
-
}
|
|
25
|
-
export class LoaderComponent {
|
|
26
|
-
color = 'orange';
|
|
27
|
-
diameter = 48;
|
|
28
|
-
selectThickness = thickness;
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: LoaderComponent, isStandalone: true, selector: "ap-loader", inputs: { color: "color", diameter: ["diameter", "diameter", diameterAttribute] }, ngImport: i0, template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness,.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: CalculateRadiusPipe, name: "calculateRadius" }, { kind: "pipe", type: CalculateLoaderStrokeDashXPipe, name: "calculateLoaderStrokeDashX" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-loader', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgStyle, CalculateRadiusPipe, CalculateLoaderStrokeDashXPipe], template: "<svg\n class=\"ap-loader\"\n [attr.height]=\"diameter + 'px'\"\n [attr.width]=\"diameter + 'px'\">\n <circle\n class=\"fade\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.78, 1.0) infinite' }\" />\n <circle\n class=\"main\"\n cx=\"50%\"\n cy=\"50%\"\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 [ngClass]=\"color\"\n [ngStyle]=\"{ animation: 'rotate-' + diameter + ' 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite' }\" />\n</svg>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{line-height:0}.ap-loader{background:transparent}.ap-loader circle{fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ap-loader circle.fade.blue{stroke:#e8f4ff}.ap-loader circle.fade.orange{stroke:#ffc2a8}.ap-loader circle.fade.white{stroke:#fff6}.ap-loader circle.fade.facebook{stroke:var(--ref-color-facebook-10)}.ap-loader circle.fade.linkedin{stroke:var(--ref-color-linkedin-10)}.ap-loader circle.fade.twitter{stroke:var(--ref-color-twitter-10)}.ap-loader circle.fade.youtube{stroke:var(--ref-color-youtube-10)}.ap-loader circle.fade.pinterest{stroke:var(--ref-color-pinterest-10)}.ap-loader circle.fade.instagram{stroke:var(--ref-color-instagram-10)}.ap-loader circle.fade.tiktok{stroke:var(--ref-color-tiktok-default-10)}.ap-loader circle.fade.googleMyBusiness,.ap-loader circle.fade.google,.ap-loader circle.fade.microsoft{stroke:var(--ref-color-grey-80)}.ap-loader circle.main.blue{stroke:#178dfe}.ap-loader circle.main.orange{stroke:#ff6726}.ap-loader circle.main.white{stroke:#fff}.ap-loader circle.main.facebook{stroke:var(--ref-color-facebook-100)}.ap-loader circle.main.linkedin{stroke:var(--ref-color-linkedin-100)}.ap-loader circle.main.twitter{stroke:var(--ref-color-x-100)}.ap-loader circle.main.youtube{stroke:var(--ref-color-youtube-100)}.ap-loader circle.main.pinterest{stroke:var(--ref-color-pinterest-100)}.ap-loader circle.main.instagram{stroke:var(--ref-color-instagram-100)}.ap-loader circle.main.tiktok{stroke:var(--ref-color-tiktok-default-100)}.ap-loader circle.main.X{stroke:var(--ref-color-x-100)}@keyframes rotate-12{0%{stroke-dashoffset:34}50%{stroke-dashoffset:18}to{stroke-dashoffset:34;transform:rotate(630deg)}}@keyframes rotate-16{0%{stroke-dashoffset:47}50%{stroke-dashoffset:25}to{stroke-dashoffset:47;transform:rotate(630deg)}}@keyframes rotate-18{0%{stroke-dashoffset:50}50%{stroke-dashoffset:27}to{stroke-dashoffset:50;transform:rotate(630deg)}}@keyframes rotate-24{0%{stroke-dashoffset:69}50%{stroke-dashoffset:37}to{stroke-dashoffset:69;transform:rotate(630deg)}}@keyframes rotate-30{0%{stroke-dashoffset:84}50%{stroke-dashoffset:46}to{stroke-dashoffset:84;transform:rotate(630deg)}}@keyframes rotate-48{0%{stroke-dashoffset:131}50%{stroke-dashoffset:72}to{stroke-dashoffset:131;transform:rotate(630deg)}}@keyframes rotate-60{0%{stroke-dashoffset:166}50%{stroke-dashoffset:91}to{stroke-dashoffset:166;transform:rotate(630deg)}}@keyframes rotate-100{0%{stroke-dashoffset:285}50%{stroke-dashoffset:156}to{stroke-dashoffset:285;transform:rotate(630deg)}}@keyframes rotate-120{0%{stroke-dashoffset:339}50%{stroke-dashoffset:186}to{stroke-dashoffset:339;transform:rotate(630deg)}}\n"] }]
|
|
35
|
-
}], propDecorators: { color: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], diameter: [{
|
|
38
|
-
type: Input,
|
|
39
|
-
args: [{
|
|
40
|
-
required: true,
|
|
41
|
-
transform: diameterAttribute,
|
|
42
|
-
}]
|
|
43
|
-
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktYW5pbWF0aW9ucy9zcmMvbGliL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQXFCOUQ7Ozs7R0FJRztBQUNILE1BQU0sU0FBUyxHQUFjO0lBQ3pCLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsRUFBRSxFQUFFLENBQUM7SUFDTCxFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxDQUFDO0lBQ0wsR0FBRyxFQUFFLEVBQUU7SUFDUCxHQUFHLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFJRixTQUFTLGlCQUFpQixDQUFDLFFBQThDO0lBQ3JFLE9BQU8sQ0FBQyxRQUEwQixDQUFDO0FBQ3ZDLENBQUM7QUFXRCxNQUFNLE9BQU8sZUFBZTtJQUNmLEtBQUssR0FBZ0IsUUFBUSxDQUFDO0lBS3ZDLFFBQVEsR0FBbUIsRUFBRSxDQUFDO0lBRTlCLGVBQWUsR0FBYyxTQUFTLENBQUM7dUdBUjlCLGVBQWU7MkZBQWYsZUFBZSwwR0FibkIsaUJBQWlCLDZCQzNDMUIsaXpDQXlCQSx5a1FENkJjLE9BQU8sb0ZBQUUsT0FBTyxzRUFBRSxtQkFBbUIsbURBQUUsOEJBQThCOzsyRkFFdEUsZUFBZTtrQkFUM0IsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFdBQVcsaUJBQ04saUJBQWlCLENBQUMsSUFBSSxjQUd6QixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLDhCQUE4QixDQUFDOzhCQUd2RSxLQUFLO3NCQUFiLEtBQUs7Z0JBS04sUUFBUTtzQkFKUCxLQUFLO3VCQUFDO3dCQUNILFFBQVEsRUFBRSxJQUFJO3dCQUNkLFNBQVMsRUFBRSxpQkFBaUI7cUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYUGlwZSB9IGZyb20gJy4vY2FsY3VsYXRlLWxvYWRlci1zdHJva2UtZGFzaC14LnBpcGUnO1xuaW1wb3J0IHsgQ2FsY3VsYXRlUmFkaXVzUGlwZSB9IGZyb20gJy4vY2FsY3VsYXRlLXJhZGl1cy5waXBlJztcblxuZXhwb3J0IHR5cGUgQ2xhc3NpY0xvYWRlckNvbG9yID0gJ2JsdWUnIHwgJ29yYW5nZScgfCAnd2hpdGUnO1xuZXhwb3J0IHR5cGUgTmV0d29ya0xvYWRlckNvbG9yID1cbiAgICB8ICdmYWNlYm9vaydcbiAgICB8ICd0d2l0dGVyJ1xuICAgIHwgJ2xpbmtlZGluJ1xuICAgIHwgJ3lvdXR1YmUnXG4gICAgfCAndGlrdG9rJ1xuICAgIHwgJ2luc3RhZ3JhbSdcbiAgICB8ICdtaWNyb3NvZnQnXG4gICAgfCAnZ29vZ2xlTXlCdXNpbmVzcydcbiAgICB8ICdnb29nbGUnXG4gICAgfCAncGludGVyZXN0J1xuICAgIHwgJ1gnO1xuZXhwb3J0IHR5cGUgTG9hZGVyQ29sb3IgPSBDbGFzc2ljTG9hZGVyQ29sb3IgfCBOZXR3b3JrTG9hZGVyQ29sb3I7XG5cbmludGVyZmFjZSBUaGlja25lc3Mge1xuICAgIFtrZXk6IG51bWJlcl06IG51bWJlcjtcbn1cblxuLyoqXG4gKiBUaGUga2V5IGlzIHRoZSBkaWFtZXRlciBnaXZlbiBhcyBASW5wdXQoKSBkaWFtZXRlclxuICogV2hhdGV2ZXIgdGhlIGRpYW1ldGVyIGlzLCBmb3IgdGhpY2tuZXNzIHRoZSBtaW4gaXMgMiBhbmQgdGhlIG1heCBpcyAxNiAoY2YuIFVYL1VJKVxuICogSWYgeW91IGNoYW5nZSBzb21lIHZhbHVlcywgZG9uJ3QgZm9yZ2V0IHRvIGFwcGx5IGl0IGludG8gdGhlIENTUyBhbmltYXRpb25cbiAqL1xuY29uc3QgdGhpY2tuZXNzOiBUaGlja25lc3MgPSB7XG4gICAgMTI6IDIsXG4gICAgMTY6IDMsXG4gICAgMTg6IDMsXG4gICAgMjQ6IDQsXG4gICAgMzA6IDUsXG4gICAgNDg6IDcsXG4gICAgNjA6IDgsXG4gICAgMTAwOiAxMCxcbiAgICAxMjA6IDEzLFxufTtcblxuZXhwb3J0IHR5cGUgTG9hZGVyRGlhbWV0ZXIgPSAxMiB8IDE2IHwgMTggfCAyNCB8IDMwIHwgNDggfCA2MCB8IDEwMCB8IDEyMDtcblxuZnVuY3Rpb24gZGlhbWV0ZXJBdHRyaWJ1dGUoZGlhbWV0ZXI6IExvYWRlckRpYW1ldGVyIHwgYCR7TG9hZGVyRGlhbWV0ZXJ9YCk6IExvYWRlckRpYW1ldGVyIHtcbiAgICByZXR1cm4gK2RpYW1ldGVyIGFzIExvYWRlckRpYW1ldGVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxvYWRlcicsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0NsYXNzLCBOZ1N0eWxlLCBDYWxjdWxhdGVSYWRpdXNQaXBlLCBDYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNvbG9yOiBMb2FkZXJDb2xvciA9ICdvcmFuZ2UnO1xuICAgIEBJbnB1dCh7XG4gICAgICAgIHJlcXVpcmVkOiB0cnVlLFxuICAgICAgICB0cmFuc2Zvcm06IGRpYW1ldGVyQXR0cmlidXRlLFxuICAgIH0pXG4gICAgZGlhbWV0ZXI6IExvYWRlckRpYW1ldGVyID0gNDg7XG5cbiAgICBzZWxlY3RUaGlja25lc3M6IFRoaWNrbmVzcyA9IHRoaWNrbmVzcztcbn1cbiIsIjxzdmdcbiAgICBjbGFzcz1cImFwLWxvYWRlclwiXG4gICAgW2F0dHIuaGVpZ2h0XT1cImRpYW1ldGVyICsgJ3B4J1wiXG4gICAgW2F0dHIud2lkdGhdPVwiZGlhbWV0ZXIgKyAncHgnXCI+XG4gICAgPGNpcmNsZVxuICAgICAgICBjbGFzcz1cImZhZGVcIlxuICAgICAgICBjeD1cIjUwJVwiXG4gICAgICAgIGN5PVwiNTAlXCJcbiAgICAgICAgW2F0dHIucl09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXVwiXG4gICAgICAgIFthdHRyLnN0cm9rZS1kYXNoYXJyYXldPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgIFthdHRyLnN0cm9rZS1kYXNob2Zmc2V0XT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdIHwgY2FsY3VsYXRlTG9hZGVyU3Ryb2tlRGFzaFhcIlxuICAgICAgICBbYXR0ci5zdHJva2Utd2lkdGhdPVwic2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSArICdweCdcIlxuICAgICAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgYW5pbWF0aW9uOiAncm90YXRlLScgKyBkaWFtZXRlciArICcgMS41cyBjdWJpYy1iZXppZXIoMC40MiwgMC4wLCAwLjc4LCAxLjApIGluZmluaXRlJyB9XCIgLz5cbiAgICA8Y2lyY2xlXG4gICAgICAgIGNsYXNzPVwibWFpblwiXG4gICAgICAgIGN4PVwiNTAlXCJcbiAgICAgICAgY3k9XCI1MCVcIlxuICAgICAgICBbYXR0ci5yXT1cImRpYW1ldGVyIHwgY2FsY3VsYXRlUmFkaXVzOiBzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdXCJcbiAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hhcnJheV09XCJkaWFtZXRlciB8IGNhbGN1bGF0ZVJhZGl1czogc2VsZWN0VGhpY2tuZXNzW2RpYW1ldGVyXSB8IGNhbGN1bGF0ZUxvYWRlclN0cm9rZURhc2hYXCJcbiAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hvZmZzZXRdPVwiZGlhbWV0ZXIgfCBjYWxjdWxhdGVSYWRpdXM6IHNlbGVjdFRoaWNrbmVzc1tkaWFtZXRlcl0gfCBjYWxjdWxhdGVMb2FkZXJTdHJva2VEYXNoWFwiXG4gICAgICAgIFthdHRyLnN0cm9rZS13aWR0aF09XCJzZWxlY3RUaGlja25lc3NbZGlhbWV0ZXJdICsgJ3B4J1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cImNvbG9yXCJcbiAgICAgICAgW25nU3R5bGVdPVwieyBhbmltYXRpb246ICdyb3RhdGUtJyArIGRpYW1ldGVyICsgJyAxLjVzIGN1YmljLWJlemllcigwLjQyLCAwLjAsIDAuNTgsIDEuMCkgaW5maW5pdGUnIH1cIiAvPlxuPC9zdmc+XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { provideLottieOptions } from 'ngx-lottie';
|
|
2
|
-
export const lottieOptions = provideLottieOptions({
|
|
3
|
-
player: () => import('lottie-web'),
|
|
4
|
-
});
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLXByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvbG90dGllLXByb3ZpZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUVsRCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsb0JBQW9CLENBQUM7SUFDOUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUM7Q0FDckMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcHJvdmlkZUxvdHRpZU9wdGlvbnMgfSBmcm9tICduZ3gtbG90dGllJztcblxuZXhwb3J0IGNvbnN0IGxvdHRpZU9wdGlvbnMgPSBwcm92aWRlTG90dGllT3B0aW9ucyh7XG4gICAgcGxheWVyOiAoKSA9PiBpbXBvcnQoJ2xvdHRpZS13ZWInKSxcbn0pO1xuIl19
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { LottieComponent } from 'ngx-lottie';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated As Lottie is heavy, we should use ap-loader instead
|
|
6
|
-
*/
|
|
7
|
-
export class SpinnerComponent {
|
|
8
|
-
color = 'white';
|
|
9
|
-
size = '';
|
|
10
|
-
rounded = false;
|
|
11
|
-
loaderPaths = [
|
|
12
|
-
'/assets/lib-ui-animations/spinner-orange-orange20.json',
|
|
13
|
-
'/assets/lib-ui-animations/spinner-white-orange.json',
|
|
14
|
-
'/assets/lib-ui-animations/spinner-orange-orange40.json',
|
|
15
|
-
'/assets/lib-ui-animations/spinner-orange-translucent.json',
|
|
16
|
-
'/assets/lib-ui-animations/spinner-white-translucent.json',
|
|
17
|
-
];
|
|
18
|
-
options = {
|
|
19
|
-
path: '',
|
|
20
|
-
};
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
switch (this.color) {
|
|
23
|
-
case 'white':
|
|
24
|
-
this.options = {
|
|
25
|
-
...this.options,
|
|
26
|
-
path: this.loaderPaths[0], // spinner-orange-orange20.json
|
|
27
|
-
};
|
|
28
|
-
break;
|
|
29
|
-
case 'orange':
|
|
30
|
-
this.options = {
|
|
31
|
-
...this.options,
|
|
32
|
-
path: this.loaderPaths[1], // spinner-white-orange.json
|
|
33
|
-
};
|
|
34
|
-
break;
|
|
35
|
-
case 'grey':
|
|
36
|
-
case 'grey5':
|
|
37
|
-
case 'grey10':
|
|
38
|
-
this.options = {
|
|
39
|
-
...this.options,
|
|
40
|
-
path: this.loaderPaths[2], // spinner-orange-orange40.json
|
|
41
|
-
};
|
|
42
|
-
break;
|
|
43
|
-
case 'translucent-orange':
|
|
44
|
-
this.options = {
|
|
45
|
-
...this.options,
|
|
46
|
-
path: this.loaderPaths[3], // spinner-orange-translucent.json
|
|
47
|
-
};
|
|
48
|
-
break;
|
|
49
|
-
case 'translucent-white':
|
|
50
|
-
this.options = {
|
|
51
|
-
...this.options,
|
|
52
|
-
path: this.loaderPaths[4], // white-translucent.json'
|
|
53
|
-
};
|
|
54
|
-
break;
|
|
55
|
-
default:
|
|
56
|
-
throw new Error('The loading component is only available in white, orange, grey, grey5 and grey10');
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SpinnerComponent, isStandalone: true, selector: "ap-spinner", inputs: { color: "color", size: "size", rounded: "rounded" }, ngImport: i0, template: "<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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:#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}\n"], dependencies: [{ kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
|
-
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
63
|
-
type: Component,
|
|
64
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-spinner', standalone: true, imports: [LottieComponent], template: "<div\n 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 <ng-lottie [options]=\"options\" />\n</div>\n", styles: ["[color=facebook]{color:#0866ff}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#0866ff}[border=facebook]{border:1px solid #0866ff}[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:#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}\n"] }]
|
|
65
|
-
}], propDecorators: { color: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], size: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], rounded: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWFuaW1hdGlvbnMvc3JjL2xpYi9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1hbmltYXRpb25zL3NyYy9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBb0IsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQUUvRDs7R0FFRztBQVNILE1BQU0sT0FBTyxnQkFBZ0I7SUFDaEIsS0FBSyxHQUFrRyxPQUFPLENBQUM7SUFDL0csSUFBSSxHQUEwRCxFQUFFLENBQUM7SUFDakUsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUV6QixXQUFXLEdBQUc7UUFDVix3REFBd0Q7UUFDeEQscURBQXFEO1FBQ3JELHdEQUF3RDtRQUN4RCwyREFBMkQ7UUFDM0QsMERBQTBEO0tBQzdELENBQUM7SUFFRixPQUFPLEdBQXFCO1FBQ3hCLElBQUksRUFBRSxFQUFFO0tBQ1gsQ0FBQztJQUVGLFFBQVE7UUFDSixRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNqQixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sR0FBRztvQkFDWCxHQUFHLElBQUksQ0FBQyxPQUFPO29CQUNmLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLCtCQUErQjtpQkFDN0QsQ0FBQztnQkFDRixNQUFNO1lBQ1YsS0FBSyxRQUFRO2dCQUNULElBQUksQ0FBQyxPQUFPLEdBQUc7b0JBQ1gsR0FBRyxJQUFJLENBQUMsT0FBTztvQkFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSw0QkFBNEI7aUJBQzFELENBQUM7Z0JBQ0YsTUFBTTtZQUNWLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLE9BQU8sR0FBRztvQkFDWCxHQUFHLElBQUksQ0FBQyxPQUFPO29CQUNmLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLCtCQUErQjtpQkFDN0QsQ0FBQztnQkFDRixNQUFNO1lBQ1YsS0FBSyxvQkFBb0I7Z0JBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUc7b0JBQ1gsR0FBRyxJQUFJLENBQUMsT0FBTztvQkFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxrQ0FBa0M7aUJBQ2hFLENBQUM7Z0JBQ0YsTUFBTTtZQUNWLEtBQUssbUJBQW1CO2dCQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHO29CQUNYLEdBQUcsSUFBSSxDQUFDLE9BQU87b0JBQ2YsSUFBSSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsMEJBQTBCO2lCQUN4RCxDQUFDO2dCQUNGLE1BQU07WUFDVjtnQkFDSSxNQUFNLElBQUksS0FBSyxDQUFDLGtGQUFrRixDQUFDLENBQUM7UUFDNUcsQ0FBQztJQUNMLENBQUM7dUdBdERRLGdCQUFnQjsyRkFBaEIsZ0JBQWdCLG9JQ2Q3QixzaEJBZUEsNmdNREhjLGVBQWU7OzJGQUVoQixnQkFBZ0I7a0JBUjVCLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxZQUFZLGNBR1YsSUFBSSxXQUNQLENBQUMsZUFBZSxDQUFDOzhCQUdqQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuaW1hdGlvbk9wdGlvbnMsIExvdHRpZUNvbXBvbmVudCB9IGZyb20gJ25neC1sb3R0aWUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIEFzIExvdHRpZSBpcyBoZWF2eSwgd2Ugc2hvdWxkIHVzZSBhcC1sb2FkZXIgaW5zdGVhZFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXNwaW5uZXInLFxuICAgIHN0eWxlVXJsczogWycuL3NwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTG90dGllQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgY29sb3I6ICd3aGl0ZScgfCAnb3JhbmdlJyB8ICdncmV5JyB8ICdncmV5NScgfCAnZ3JleTEwJyB8ICd0cmFuc2x1Y2VudC1vcmFuZ2UnIHwgJ3RyYW5zbHVjZW50LXdoaXRlJyA9ICd3aGl0ZSc7XG4gICAgQElucHV0KCkgc2l6ZTogJycgfCAnbWluaScgfCAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ21hbnVhbCcgPSAnJztcbiAgICBASW5wdXQoKSByb3VuZGVkID0gZmFsc2U7XG5cbiAgICBsb2FkZXJQYXRocyA9IFtcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2Utb3JhbmdlMjAuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtb3JhbmdlLmpzb24nLFxuICAgICAgICAnL2Fzc2V0cy9saWItdWktYW5pbWF0aW9ucy9zcGlubmVyLW9yYW5nZS1vcmFuZ2U0MC5qc29uJyxcbiAgICAgICAgJy9hc3NldHMvbGliLXVpLWFuaW1hdGlvbnMvc3Bpbm5lci1vcmFuZ2UtdHJhbnNsdWNlbnQuanNvbicsXG4gICAgICAgICcvYXNzZXRzL2xpYi11aS1hbmltYXRpb25zL3NwaW5uZXItd2hpdGUtdHJhbnNsdWNlbnQuanNvbicsXG4gICAgXTtcblxuICAgIG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMgPSB7XG4gICAgICAgIHBhdGg6ICcnLFxuICAgIH07XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICAgICAgICBjYXNlICd3aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICAgICAgICAgICAgICAuLi50aGlzLm9wdGlvbnMsXG4gICAgICAgICAgICAgICAgICAgIHBhdGg6IHRoaXMubG9hZGVyUGF0aHNbMF0sIC8vIHNwaW5uZXItb3JhbmdlLW9yYW5nZTIwLmpzb25cbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgICAgICAgICAgICAgIC4uLnRoaXMub3B0aW9ucyxcbiAgICAgICAgICAgICAgICAgICAgcGF0aDogdGhpcy5sb2FkZXJQYXRoc1sxXSwgLy8gc3Bpbm5lci13aGl0ZS1vcmFuZ2UuanNvblxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdncmV5JzpcbiAgICAgICAgICAgIGNhc2UgJ2dyZXk1JzpcbiAgICAgICAgICAgIGNhc2UgJ2dyZXkxMCc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICAgICAgICAgICAgICAuLi50aGlzLm9wdGlvbnMsXG4gICAgICAgICAgICAgICAgICAgIHBhdGg6IHRoaXMubG9hZGVyUGF0aHNbMl0sIC8vIHNwaW5uZXItb3JhbmdlLW9yYW5nZTQwLmpzb25cbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndHJhbnNsdWNlbnQtb3JhbmdlJzpcbiAgICAgICAgICAgICAgICB0aGlzLm9wdGlvbnMgPSB7XG4gICAgICAgICAgICAgICAgICAgIC4uLnRoaXMub3B0aW9ucyxcbiAgICAgICAgICAgICAgICAgICAgcGF0aDogdGhpcy5sb2FkZXJQYXRoc1szXSwgLy8gc3Bpbm5lci1vcmFuZ2UtdHJhbnNsdWNlbnQuanNvblxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd0cmFuc2x1Y2VudC13aGl0ZSc6XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zID0ge1xuICAgICAgICAgICAgICAgICAgICAuLi50aGlzLm9wdGlvbnMsXG4gICAgICAgICAgICAgICAgICAgIHBhdGg6IHRoaXMubG9hZGVyUGF0aHNbNF0sIC8vIHdoaXRlLXRyYW5zbHVjZW50Lmpzb24nXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdUaGUgbG9hZGluZyBjb21wb25lbnQgaXMgb25seSBhdmFpbGFibGUgaW4gd2hpdGUsIG9yYW5nZSwgZ3JleSwgZ3JleTUgYW5kIGdyZXkxMCcpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwibG90dGllLWNvbnRhaW5lclwiXG4gICAgW2NsYXNzLndoaXRlXT1cImNvbG9yID09PSAnd2hpdGUnXCJcbiAgICBbY2xhc3Mub3JhbmdlXT1cImNvbG9yID09PSAnb3JhbmdlJ1wiXG4gICAgW2NsYXNzLmdyZXldPVwiY29sb3IgPT09ICdncmV5J1wiXG4gICAgW2NsYXNzLmdyZXktNV09XCJjb2xvciA9PT0gJ2dyZXk1J1wiXG4gICAgW2NsYXNzLmdyZXktMTBdPVwiY29sb3IgPT09ICdncmV5MTAnXCJcbiAgICBbY2xhc3MubWluaV09XCJzaXplID09PSAnbWluaSdcIlxuICAgIFtjbGFzcy5zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCJcbiAgICBbY2xhc3MubWVkaXVtXT1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgICBbY2xhc3MubGFyZ2VdPVwic2l6ZSA9PT0gJ2xhcmdlJ1wiXG4gICAgW2NsYXNzLm1hbnVhbF09XCJzaXplID09PSAnbWFudWFsJ1wiXG4gICAgW2NsYXNzLnJvdW5kZWRdPVwicm91bmRlZFwiPlxuICAgIDxuZy1sb3R0aWUgW29wdGlvbnNdPVwib3B0aW9uc1wiIC8+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { AnimationOptions } from 'ngx-lottie';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class LetteringLoaderComponent {
|
|
4
|
-
options: AnimationOptions;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LetteringLoaderComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LetteringLoaderComponent, "ap-lettering-loader", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CalculateLoaderStrokeDashXPipe implements PipeTransform {
|
|
4
|
-
/**
|
|
5
|
-
* The rule is 2 * r * Pi
|
|
6
|
-
* @param radius of the circle
|
|
7
|
-
*/
|
|
8
|
-
transform(radius: number): number;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalculateLoaderStrokeDashXPipe, never>;
|
|
10
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<CalculateLoaderStrokeDashXPipe, "calculateLoaderStrokeDashX", true>;
|
|
11
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CalculateRadiusPipe implements PipeTransform {
|
|
4
|
-
/**
|
|
5
|
-
* Calculate radius
|
|
6
|
-
* @param diameter of the circle
|
|
7
|
-
* @param thickness of the circle
|
|
8
|
-
*/
|
|
9
|
-
transform(diameter: number, thickness: number): number;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalculateRadiusPipe, never>;
|
|
11
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<CalculateRadiusPipe, "calculateRadius", true>;
|
|
12
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export type ClassicLoaderColor = 'blue' | 'orange' | 'white';
|
|
3
|
-
export type NetworkLoaderColor = 'facebook' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'instagram' | 'microsoft' | 'googleMyBusiness' | 'google' | 'pinterest' | 'X';
|
|
4
|
-
export type LoaderColor = ClassicLoaderColor | NetworkLoaderColor;
|
|
5
|
-
interface Thickness {
|
|
6
|
-
[key: number]: number;
|
|
7
|
-
}
|
|
8
|
-
export type LoaderDiameter = 12 | 16 | 18 | 24 | 30 | 48 | 60 | 100 | 120;
|
|
9
|
-
export declare class LoaderComponent {
|
|
10
|
-
color: LoaderColor;
|
|
11
|
-
diameter: LoaderDiameter;
|
|
12
|
-
selectThickness: Thickness;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "ap-loader", never, { "color": { "alias": "color"; "required": false; }; "diameter": { "alias": "diameter"; "required": true; }; }, {}, never, never, true, never>;
|
|
15
|
-
static ngAcceptInputType_diameter: LoaderDiameter | `${LoaderDiameter}`;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const lottieOptions: import("@angular/core").Provider[];
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { AnimationOptions } from 'ngx-lottie';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated As Lottie is heavy, we should use ap-loader instead
|
|
6
|
-
*/
|
|
7
|
-
export declare class SpinnerComponent implements OnInit {
|
|
8
|
-
color: 'white' | 'orange' | 'grey' | 'grey5' | 'grey10' | 'translucent-orange' | 'translucent-white';
|
|
9
|
-
size: '' | 'mini' | 'small' | 'medium' | 'large' | 'manual';
|
|
10
|
-
rounded: boolean;
|
|
11
|
-
loaderPaths: string[];
|
|
12
|
-
options: AnimationOptions;
|
|
13
|
-
ngOnInit(): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ap-spinner", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
16
|
-
}
|