ng-http-loader 16.1.0 → 17.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +4 -2
- package/fesm2022/ng-http-loader.mjs +72 -142
- package/fesm2022/ng-http-loader.mjs.map +1 -1
- package/lib/components/abstract.loader.directive.d.ts +2 -2
- package/lib/components/ng-http-loader.component.d.ts +13 -13
- package/package.json +3 -5
- package/public_api.d.ts +0 -1
- package/esm2022/lib/components/abstract.loader.directive.mjs +0 -21
- package/esm2022/lib/components/ng-http-loader.component.mjs +0 -118
- package/esm2022/lib/components/sk-chasing-dots/sk-chasing-dots.component.mjs +0 -20
- package/esm2022/lib/components/sk-cube-grid/sk-cube-grid.component.mjs +0 -20
- package/esm2022/lib/components/sk-double-bounce/sk-double-bounce.component.mjs +0 -20
- package/esm2022/lib/components/sk-rotating-plane/sk-rotating-plane.component.mjs +0 -20
- package/esm2022/lib/components/sk-spinner-pulse/sk-spinner-pulse.component.mjs +0 -20
- package/esm2022/lib/components/sk-three-bounce/sk-three-bounce.component.mjs +0 -20
- package/esm2022/lib/components/sk-wandering-cubes/sk-wandering-cubes.component.mjs +0 -20
- package/esm2022/lib/components/sk-wave/sk-wave.component.mjs +0 -20
- package/esm2022/lib/ng-http-loader.module.mjs +0 -58
- package/esm2022/lib/services/pending-requests-interceptor-configurer.service.mjs +0 -65
- package/esm2022/lib/services/pending-requests-interceptor.mjs +0 -30
- package/esm2022/lib/services/spinner-visibility.service.mjs +0 -39
- package/esm2022/lib/spinkits.mjs +0 -37
- package/esm2022/ng-http-loader.mjs +0 -5
- package/esm2022/public_api.mjs +0 -19
- package/lib/ng-http-loader.module.d.ts +0 -24
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -46,6 +46,7 @@ The HTTP interceptor listens to all HTTP requests and shows a spinner / loader i
|
|
|
46
46
|
| >=14.0.0 | ^16.0.0 |
|
|
47
47
|
| >=15.0.0 | ^17.0.0 |
|
|
48
48
|
| >=16.0.0 | ^18.0.0 |
|
|
49
|
+
| >=17.0.0 | ^19.0.0 |
|
|
49
50
|
|
|
50
51
|
If you experience errors like below, **please double-check the version you use.**
|
|
51
52
|
|
|
@@ -80,12 +81,13 @@ import { ApplicationConfig, importProvidersFrom } from '@angular/core';
|
|
|
80
81
|
import { provideRouter } from '@angular/router';
|
|
81
82
|
import { NgHttpLoaderModule } from 'ng-http-loader';
|
|
82
83
|
import { routes } from './app.routes';
|
|
83
|
-
import {provideHttpClient,
|
|
84
|
+
import { provideHttpClient, withInterceptors } from '@angular/common/http';
|
|
85
|
+
import { pendingRequestsInterceptor$ } from 'ng-http-loader';
|
|
84
86
|
|
|
85
87
|
export const appConfig: ApplicationConfig = {
|
|
86
88
|
providers: [
|
|
87
89
|
provideRouter(routes),
|
|
88
|
-
withInterceptors([pendingRequestsInterceptor$])
|
|
90
|
+
provideHttpClient(withInterceptors([pendingRequestsInterceptor$])),
|
|
89
91
|
],
|
|
90
92
|
};
|
|
91
93
|
```
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { model, Directive, Component, Injectable, inject } from '@angular/core';
|
|
3
3
|
import { ReplaySubject, partition, merge, timer } from 'rxjs';
|
|
4
4
|
import { switchMap, debounce, distinctUntilChanged, tap, finalize } from 'rxjs/operators';
|
|
5
|
-
import { NgStyle, NgComponentOutlet, NgIf, AsyncPipe
|
|
6
|
-
import { provideHttpClient, withInterceptors } from '@angular/common/http';
|
|
5
|
+
import { NgStyle, NgComponentOutlet, NgIf, AsyncPipe } from '@angular/common';
|
|
7
6
|
|
|
8
7
|
/*
|
|
9
8
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
@@ -14,15 +13,13 @@ import { provideHttpClient, withInterceptors } from '@angular/common/http';
|
|
|
14
13
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
15
14
|
*/
|
|
16
15
|
class AbstractLoaderDirective {
|
|
17
|
-
backgroundColor;
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
16
|
+
backgroundColor = model();
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AbstractLoaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: AbstractLoaderDirective, isStandalone: true, inputs: { backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backgroundColor: "backgroundColorChange" }, ngImport: i0 });
|
|
20
19
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AbstractLoaderDirective, decorators: [{
|
|
22
21
|
type: Directive
|
|
23
|
-
}]
|
|
24
|
-
type: Input
|
|
25
|
-
}] } });
|
|
22
|
+
}] });
|
|
26
23
|
|
|
27
24
|
/*
|
|
28
25
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
@@ -33,12 +30,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
33
30
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
34
31
|
*/
|
|
35
32
|
class SkChasingDotsComponent extends AbstractLoaderDirective {
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkChasingDotsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkChasingDotsComponent, isStandalone: true, selector: "sk-chasing-dots", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-chasing-dots\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-dot1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-dot2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-chasing-dots{top:50%;margin:auto;width:40px;height:40px;position:relative;text-align:center;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-chasingDotsRotate{to{transform:rotate(360deg)}}@keyframes sk-chasingDotsBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] });
|
|
38
35
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkChasingDotsComponent, decorators: [{
|
|
40
37
|
type: Component,
|
|
41
|
-
args: [{ selector: 'sk-chasing-dots', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-chasing-dots\" [class.colored]=\"!backgroundColor\">\n <div class=\"sk-child sk-dot1\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-child sk-dot2\" [style.background-color]='backgroundColor'></div>\n</div>\n", styles: [".sk-chasing-dots{top:50%;margin:auto;width:40px;height:40px;position:relative;text-align:center;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-chasingDotsRotate{to{transform:rotate(360deg)}}@keyframes sk-chasingDotsBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] }]
|
|
38
|
+
args: [{ selector: 'sk-chasing-dots', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-chasing-dots\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-dot1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-dot2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-chasing-dots{top:50%;margin:auto;width:40px;height:40px;position:relative;text-align:center;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-chasingDotsRotate{to{transform:rotate(360deg)}}@keyframes sk-chasingDotsBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] }]
|
|
42
39
|
}] });
|
|
43
40
|
|
|
44
41
|
/*
|
|
@@ -50,12 +47,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
50
47
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
51
48
|
*/
|
|
52
49
|
class SkCubeGridComponent extends AbstractLoaderDirective {
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkCubeGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkCubeGridComponent, isStandalone: true, selector: "sk-cube-grid", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-cube-grid\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube3\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube4\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube5\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube6\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube7\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube8\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube9\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-cube-grid{position:relative;top:50%;width:40px;height:40px;margin:auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}\n"] });
|
|
55
52
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkCubeGridComponent, decorators: [{
|
|
57
54
|
type: Component,
|
|
58
|
-
args: [{ selector: 'sk-cube-grid', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-cube-grid\" [class.colored]=\"!backgroundColor\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube3\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube4\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube5\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube6\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube7\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube8\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube9\" [style.background-color]='backgroundColor'></div>\n</div>\n", styles: [".sk-cube-grid{position:relative;top:50%;width:40px;height:40px;margin:auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}\n"] }]
|
|
55
|
+
args: [{ selector: 'sk-cube-grid', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-cube-grid\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube3\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube4\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube5\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube6\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube7\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube8\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube9\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-cube-grid{position:relative;top:50%;width:40px;height:40px;margin:auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}\n"] }]
|
|
59
56
|
}] });
|
|
60
57
|
|
|
61
58
|
/*
|
|
@@ -67,12 +64,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
67
64
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
68
65
|
*/
|
|
69
66
|
class SkDoubleBounceComponent extends AbstractLoaderDirective {
|
|
70
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
71
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkDoubleBounceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkDoubleBounceComponent, isStandalone: true, selector: "sk-double-bounce", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-double-bounce\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-double-bounce1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-double-bounce2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-double-bounce{top:50%;width:40px;height:40px;position:relative;margin:auto}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{animation-delay:-1s}@keyframes sk-doubleBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] });
|
|
72
69
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkDoubleBounceComponent, decorators: [{
|
|
74
71
|
type: Component,
|
|
75
|
-
args: [{ selector: 'sk-double-bounce', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-double-bounce\" [class.colored]=\"!backgroundColor\">\n <div class=\"sk-child sk-double-bounce1\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-child sk-double-bounce2\" [style.background-color]='backgroundColor'></div>\n</div>\n", styles: [".sk-double-bounce{top:50%;width:40px;height:40px;position:relative;margin:auto}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{animation-delay:-1s}@keyframes sk-doubleBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] }]
|
|
72
|
+
args: [{ selector: 'sk-double-bounce', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-double-bounce\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-double-bounce1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-double-bounce2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-double-bounce{top:50%;width:40px;height:40px;position:relative;margin:auto}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{animation-delay:-1s}@keyframes sk-doubleBounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}\n"] }]
|
|
76
73
|
}] });
|
|
77
74
|
|
|
78
75
|
/*
|
|
@@ -84,12 +81,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
84
81
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
85
82
|
*/
|
|
86
83
|
class SkRotatingPlaneComponent extends AbstractLoaderDirective {
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
88
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
84
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkRotatingPlaneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
85
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkRotatingPlaneComponent, isStandalone: true, selector: "sk-rotating-plane", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-rotating-plane colored-parent\" [style.background-color]='backgroundColor()'></div>\n", styles: [".sk-rotating-plane{position:relative;top:50%;width:40px;height:40px;margin:auto;animation:sk-rotatePlane 1.2s infinite ease-in-out}@keyframes sk-rotatePlane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}\n"] });
|
|
89
86
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkRotatingPlaneComponent, decorators: [{
|
|
91
88
|
type: Component,
|
|
92
|
-
args: [{ selector: 'sk-rotating-plane', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-rotating-plane colored-parent\" [style.background-color]='backgroundColor'></div>\n", styles: [".sk-rotating-plane{position:relative;top:50%;width:40px;height:40px;margin:auto;animation:sk-rotatePlane 1.2s infinite ease-in-out}@keyframes sk-rotatePlane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}\n"] }]
|
|
89
|
+
args: [{ selector: 'sk-rotating-plane', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-rotating-plane colored-parent\" [style.background-color]='backgroundColor()'></div>\n", styles: [".sk-rotating-plane{position:relative;top:50%;width:40px;height:40px;margin:auto;animation:sk-rotatePlane 1.2s infinite ease-in-out}@keyframes sk-rotatePlane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}\n"] }]
|
|
93
90
|
}] });
|
|
94
91
|
|
|
95
92
|
/*
|
|
@@ -101,12 +98,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
101
98
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
102
99
|
*/
|
|
103
100
|
class SkSpinnerPulseComponent extends AbstractLoaderDirective {
|
|
104
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkSpinnerPulseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkSpinnerPulseComponent, isStandalone: true, selector: "sk-spinner-pulse", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-spinner sk-spinner-pulse colored-parent\" [style.background-color]='backgroundColor()'></div>\n", styles: [".sk-spinner-pulse{position:relative;top:50%;width:40px;height:40px;margin:auto;border-radius:100%;animation:sk-pulseScaleOut 1s infinite ease-in-out}@keyframes sk-pulseScaleOut{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}\n"] });
|
|
106
103
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkSpinnerPulseComponent, decorators: [{
|
|
108
105
|
type: Component,
|
|
109
|
-
args: [{ selector: 'sk-spinner-pulse', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-spinner sk-spinner-pulse colored-parent\" [style.background-color]='backgroundColor'></div>\n", styles: [".sk-spinner-pulse{position:relative;top:50%;width:40px;height:40px;margin:auto;border-radius:100%;animation:sk-pulseScaleOut 1s infinite ease-in-out}@keyframes sk-pulseScaleOut{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}\n"] }]
|
|
106
|
+
args: [{ selector: 'sk-spinner-pulse', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-spinner sk-spinner-pulse colored-parent\" [style.background-color]='backgroundColor()'></div>\n", styles: [".sk-spinner-pulse{position:relative;top:50%;width:40px;height:40px;margin:auto;border-radius:100%;animation:sk-pulseScaleOut 1s infinite ease-in-out}@keyframes sk-pulseScaleOut{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}\n"] }]
|
|
110
107
|
}] });
|
|
111
108
|
|
|
112
109
|
/*
|
|
@@ -118,12 +115,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
118
115
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
119
116
|
*/
|
|
120
117
|
class SkThreeBounceComponent extends AbstractLoaderDirective {
|
|
121
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
122
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkThreeBounceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkThreeBounceComponent, isStandalone: true, selector: "sk-three-bounce", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-three-bounce\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-bounce2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-bounce3\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-three-bounce{top:50%;position:relative;margin:auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;border-radius:100%;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] });
|
|
123
120
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkThreeBounceComponent, decorators: [{
|
|
125
122
|
type: Component,
|
|
126
|
-
args: [{ selector: 'sk-three-bounce', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-three-bounce\" [class.colored]=\"!backgroundColor\">\n <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-child sk-bounce2\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-child sk-bounce3\" [style.background-color]='backgroundColor'></div>\n</div>\n", styles: [".sk-three-bounce{top:50%;position:relative;margin:auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;border-radius:100%;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] }]
|
|
123
|
+
args: [{ selector: 'sk-three-bounce', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-three-bounce\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-bounce2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-child sk-bounce3\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-three-bounce{top:50%;position:relative;margin:auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;border-radius:100%;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] }]
|
|
127
124
|
}] });
|
|
128
125
|
|
|
129
126
|
/*
|
|
@@ -135,12 +132,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
135
132
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
136
133
|
*/
|
|
137
134
|
class SkWanderingCubesComponent extends AbstractLoaderDirective {
|
|
138
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
139
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkWanderingCubesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
136
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkWanderingCubesComponent, isStandalone: true, selector: "sk-wandering-cubes", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-wandering-cubes\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-wandering-cubes{top:50%;margin:auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{width:10px;height:10px;position:absolute;top:0;left:0;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{animation-delay:-.9s}@keyframes sk-wanderingCube{0%{transform:rotate(0)}25%{transform:translate(30px) rotate(-90deg) scale(.5)}50%{transform:translate(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translate(30px) translateY(30px) rotate(-180deg)}75%{transform:translate(0) translateY(30px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg)}}\n"] });
|
|
140
137
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkWanderingCubesComponent, decorators: [{
|
|
142
139
|
type: Component,
|
|
143
|
-
args: [{ selector: 'sk-wandering-cubes', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-wandering-cubes\" [class.colored]=\"!backgroundColor\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor'></div>\n</div>\n", styles: [".sk-wandering-cubes{top:50%;margin:auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{width:10px;height:10px;position:absolute;top:0;left:0;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{animation-delay:-.9s}@keyframes sk-wanderingCube{0%{transform:rotate(0)}25%{transform:translate(30px) rotate(-90deg) scale(.5)}50%{transform:translate(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translate(30px) translateY(30px) rotate(-180deg)}75%{transform:translate(0) translateY(30px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg)}}\n"] }]
|
|
140
|
+
args: [{ selector: 'sk-wandering-cubes', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n\n<div class=\"sk-wandering-cubes\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-cube sk-cube1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-cube sk-cube2\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-wandering-cubes{top:50%;margin:auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{width:10px;height:10px;position:absolute;top:0;left:0;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{animation-delay:-.9s}@keyframes sk-wanderingCube{0%{transform:rotate(0)}25%{transform:translate(30px) rotate(-90deg) scale(.5)}50%{transform:translate(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translate(30px) translateY(30px) rotate(-180deg)}75%{transform:translate(0) translateY(30px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg)}}\n"] }]
|
|
144
141
|
}] });
|
|
145
142
|
|
|
146
143
|
/*
|
|
@@ -152,12 +149,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
152
149
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
153
150
|
*/
|
|
154
151
|
class SkWaveComponent extends AbstractLoaderDirective {
|
|
155
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
156
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkWaveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
153
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SkWaveComponent, isStandalone: true, selector: "sk-wave", usesInheritance: true, ngImport: i0, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n<div class=\"sk-wave\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-rect sk-rect1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect3\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect4\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect5\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-wave{position:relative;top:50%;margin:auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{float:left;margin-right:1px;height:100%;width:6px;display:inline-block;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{animation-delay:-1.2s}.sk-wave .sk-rect2{animation-delay:-1.1s}.sk-wave .sk-rect3{animation-delay:-1s}.sk-wave .sk-rect4{animation-delay:-.9s}.sk-wave .sk-rect5{animation-delay:-.8s}@keyframes sk-waveStretchDelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}\n"] });
|
|
157
154
|
}
|
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SkWaveComponent, decorators: [{
|
|
159
156
|
type: Component,
|
|
160
|
-
args: [{ selector: 'sk-wave', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n
|
|
157
|
+
args: [{ selector: 'sk-wave', standalone: true, template: "<!--\nCopyright (c) 2015 Tobias Ahlin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n-->\n<div class=\"sk-wave\" [class.colored]=\"!backgroundColor()\">\n <div class=\"sk-rect sk-rect1\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect2\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect3\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect4\" [style.background-color]='backgroundColor()'></div>\n <div class=\"sk-rect sk-rect5\" [style.background-color]='backgroundColor()'></div>\n</div>\n", styles: [".sk-wave{position:relative;top:50%;margin:auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{float:left;margin-right:1px;height:100%;width:6px;display:inline-block;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{animation-delay:-1.2s}.sk-wave .sk-rect2{animation-delay:-1.1s}.sk-wave .sk-rect3{animation-delay:-1s}.sk-wave .sk-rect4{animation-delay:-.9s}.sk-wave .sk-rect5{animation-delay:-.8s}@keyframes sk-waveStretchDelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}\n"] }]
|
|
161
158
|
}] });
|
|
162
159
|
|
|
163
160
|
/*
|
|
@@ -241,10 +238,10 @@ class PendingRequestsInterceptorConfigurer {
|
|
|
241
238
|
|| this.shouldBypassMethod(req)
|
|
242
239
|
|| this.shouldBypassHeader(req);
|
|
243
240
|
}
|
|
244
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
245
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
241
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PendingRequestsInterceptorConfigurer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
242
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PendingRequestsInterceptorConfigurer, providedIn: 'root' });
|
|
246
243
|
}
|
|
247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PendingRequestsInterceptorConfigurer, decorators: [{
|
|
248
245
|
type: Injectable,
|
|
249
246
|
args: [{
|
|
250
247
|
providedIn: 'root'
|
|
@@ -276,10 +273,10 @@ class SpinnerVisibilityService {
|
|
|
276
273
|
this._visibility$.next(false);
|
|
277
274
|
this.pendingRequestsInterceptorConfigurer.forceByPass = false;
|
|
278
275
|
}
|
|
279
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
280
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
276
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SpinnerVisibilityService, deps: [{ token: PendingRequestsInterceptorConfigurer }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
277
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SpinnerVisibilityService, providedIn: 'root' });
|
|
281
278
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SpinnerVisibilityService, decorators: [{
|
|
283
280
|
type: Injectable,
|
|
284
281
|
args: [{
|
|
285
282
|
providedIn: 'root'
|
|
@@ -300,18 +297,18 @@ class NgHttpLoaderComponent {
|
|
|
300
297
|
spinkit = Spinkit;
|
|
301
298
|
isVisible$;
|
|
302
299
|
visibleUntil = Date.now();
|
|
303
|
-
backdrop = true;
|
|
304
|
-
backgroundColor;
|
|
305
|
-
debounceDelay = 0;
|
|
306
|
-
entryComponent;
|
|
307
|
-
extraDuration = 0;
|
|
308
|
-
filteredHeaders = [];
|
|
309
|
-
filteredMethods = [];
|
|
310
|
-
filteredUrlPatterns = [];
|
|
311
|
-
minDuration = 0;
|
|
312
|
-
opacity = '.7';
|
|
313
|
-
backdropBackgroundColor = '#f1f1f1';
|
|
314
|
-
spinner = Spinkit.skWave;
|
|
300
|
+
backdrop = model(true);
|
|
301
|
+
backgroundColor = model();
|
|
302
|
+
debounceDelay = model(0);
|
|
303
|
+
entryComponent = model(null);
|
|
304
|
+
extraDuration = model(0);
|
|
305
|
+
filteredHeaders = model([]);
|
|
306
|
+
filteredMethods = model([]);
|
|
307
|
+
filteredUrlPatterns = model([]);
|
|
308
|
+
minDuration = model(0);
|
|
309
|
+
opacity = model('.7');
|
|
310
|
+
backdropBackgroundColor = model('#f1f1f1');
|
|
311
|
+
spinner = model(Spinkit.skWave);
|
|
315
312
|
constructor(pendingRequestsInterceptorConfigurer, spinnerVisibility) {
|
|
316
313
|
this.pendingRequestsInterceptorConfigurer = pendingRequestsInterceptorConfigurer;
|
|
317
314
|
this.spinnerVisibility = spinnerVisibility;
|
|
@@ -324,12 +321,12 @@ class NgHttpLoaderComponent {
|
|
|
324
321
|
initIsvisibleObservable() {
|
|
325
322
|
const [showSpinner$, hideSpinner$] = partition(this.pendingRequestsInterceptorConfigurer.pendingRequestsStatus$, h => h);
|
|
326
323
|
this.isVisible$ = merge(this.pendingRequestsInterceptorConfigurer.pendingRequestsStatus$
|
|
327
|
-
.pipe(switchMap(() => showSpinner$.pipe(debounce(() => timer(this.debounceDelay))))), showSpinner$
|
|
324
|
+
.pipe(switchMap(() => showSpinner$.pipe(debounce(() => timer(this.debounceDelay()))))), showSpinner$
|
|
328
325
|
.pipe(switchMap(() => hideSpinner$.pipe(debounce(() => this.getVisibilityTimer$())))), this.spinnerVisibility.visibility$).pipe(distinctUntilChanged(), tap(h => this.updateExpirationDelay(h)));
|
|
329
326
|
}
|
|
330
327
|
nullifySpinnerIfEntryComponentIsDefined() {
|
|
331
|
-
if (this.entryComponent) {
|
|
332
|
-
this.spinner
|
|
328
|
+
if (this.entryComponent()) {
|
|
329
|
+
this.spinner.set(null);
|
|
333
330
|
}
|
|
334
331
|
}
|
|
335
332
|
initFilters() {
|
|
@@ -338,55 +335,31 @@ class NgHttpLoaderComponent {
|
|
|
338
335
|
this.initFilteredHeaders();
|
|
339
336
|
}
|
|
340
337
|
initFilteredUrlPatterns() {
|
|
341
|
-
if (!!this.filteredUrlPatterns.length) {
|
|
342
|
-
this.filteredUrlPatterns.forEach(e => this.pendingRequestsInterceptorConfigurer.filteredUrlPatterns.push(new RegExp(e)));
|
|
338
|
+
if (!!this.filteredUrlPatterns().length) {
|
|
339
|
+
this.filteredUrlPatterns().forEach(e => this.pendingRequestsInterceptorConfigurer.filteredUrlPatterns.push(new RegExp(e)));
|
|
343
340
|
}
|
|
344
341
|
}
|
|
345
342
|
initFilteredMethods() {
|
|
346
|
-
this.pendingRequestsInterceptorConfigurer.filteredMethods = this.filteredMethods;
|
|
343
|
+
this.pendingRequestsInterceptorConfigurer.filteredMethods = this.filteredMethods();
|
|
347
344
|
}
|
|
348
345
|
initFilteredHeaders() {
|
|
349
|
-
this.pendingRequestsInterceptorConfigurer.filteredHeaders = this.filteredHeaders;
|
|
346
|
+
this.pendingRequestsInterceptorConfigurer.filteredHeaders = this.filteredHeaders();
|
|
350
347
|
}
|
|
351
348
|
updateExpirationDelay(showSpinner) {
|
|
352
349
|
if (showSpinner) {
|
|
353
|
-
this.visibleUntil = Date.now() + this.minDuration;
|
|
350
|
+
this.visibleUntil = Date.now() + this.minDuration();
|
|
354
351
|
}
|
|
355
352
|
}
|
|
356
353
|
getVisibilityTimer$() {
|
|
357
|
-
return timer(Math.max(this.extraDuration, this.visibleUntil - Date.now()));
|
|
354
|
+
return timer(Math.max(this.extraDuration(), this.visibleUntil - Date.now()));
|
|
358
355
|
}
|
|
359
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
360
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
356
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: NgHttpLoaderComponent, deps: [{ token: PendingRequestsInterceptorConfigurer }, { token: SpinnerVisibilityService }], target: i0.ɵɵFactoryTarget.Component });
|
|
357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: NgHttpLoaderComponent, isStandalone: true, selector: "ng-http-loader", inputs: { backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, debounceDelay: { classPropertyName: "debounceDelay", publicName: "debounceDelay", isSignal: true, isRequired: false, transformFunction: null }, entryComponent: { classPropertyName: "entryComponent", publicName: "entryComponent", isSignal: true, isRequired: false, transformFunction: null }, extraDuration: { classPropertyName: "extraDuration", publicName: "extraDuration", isSignal: true, isRequired: false, transformFunction: null }, filteredHeaders: { classPropertyName: "filteredHeaders", publicName: "filteredHeaders", isSignal: true, isRequired: false, transformFunction: null }, filteredMethods: { classPropertyName: "filteredMethods", publicName: "filteredMethods", isSignal: true, isRequired: false, transformFunction: null }, filteredUrlPatterns: { classPropertyName: "filteredUrlPatterns", publicName: "filteredUrlPatterns", isSignal: true, isRequired: false, transformFunction: null }, minDuration: { classPropertyName: "minDuration", publicName: "minDuration", isSignal: true, isRequired: false, transformFunction: null }, opacity: { classPropertyName: "opacity", publicName: "opacity", isSignal: true, isRequired: false, transformFunction: null }, backdropBackgroundColor: { classPropertyName: "backdropBackgroundColor", publicName: "backdropBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, spinner: { classPropertyName: "spinner", publicName: "spinner", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdrop: "backdropChange", backgroundColor: "backgroundColorChange", debounceDelay: "debounceDelayChange", entryComponent: "entryComponentChange", extraDuration: "extraDurationChange", filteredHeaders: "filteredHeadersChange", filteredMethods: "filteredMethodsChange", filteredUrlPatterns: "filteredUrlPatternsChange", minDuration: "minDurationChange", opacity: "opacityChange", backdropBackgroundColor: "backdropBackgroundColorChange", spinner: "spinnerChange" }, ngImport: i0, template: "<div id=\"spinner\"\n *ngIf=\"isVisible$ | async\"\n [class.backdrop]=\"backdrop()\"\n [style.opacity]=\"opacity()\"\n [ngStyle]=\"{'background-color': backdrop() ? backdropBackgroundColor() : 'transparent'}\">\n\n <ng-container *ngComponentOutlet=\"entryComponent()\"></ng-container>\n\n <sk-cube-grid\n *ngIf=\"spinner() === spinkit.skCubeGrid\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-cube-grid>\n\n <sk-chasing-dots\n *ngIf=\"spinner() === spinkit.skChasingDots\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-chasing-dots>\n\n <sk-double-bounce\n *ngIf=\"spinner() === spinkit.skDoubleBounce\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-double-bounce>\n\n <sk-rotating-plane\n *ngIf=\"spinner() === spinkit.skRotatingPlane\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-rotating-plane>\n\n <sk-spinner-pulse\n *ngIf=\"spinner() === spinkit.skSpinnerPulse\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-spinner-pulse>\n\n <sk-three-bounce\n *ngIf=\"spinner() === spinkit.skThreeBounce\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-three-bounce>\n\n <sk-wandering-cubes\n *ngIf=\"spinner() === spinkit.skWanderingCubes\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-wandering-cubes>\n\n <sk-wave\n *ngIf=\"spinner() === spinkit.skWave\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-wave>\n\n</div>\n\n", styles: ["#spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:9999}#spinner.backdrop{top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:none}::ng-deep .colored-parent,::ng-deep .colored>div{background-color:#333}\n"], dependencies: [{ kind: "component", type: SkCubeGridComponent, selector: "sk-cube-grid" }, { kind: "component", type: SkChasingDotsComponent, selector: "sk-chasing-dots" }, { kind: "component", type: SkDoubleBounceComponent, selector: "sk-double-bounce" }, { kind: "component", type: SkRotatingPlaneComponent, selector: "sk-rotating-plane" }, { kind: "component", type: SkSpinnerPulseComponent, selector: "sk-spinner-pulse" }, { kind: "component", type: SkThreeBounceComponent, selector: "sk-three-bounce" }, { kind: "component", type: SkWanderingCubesComponent, selector: "sk-wandering-cubes" }, { kind: "component", type: SkWaveComponent, selector: "sk-wave" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
|
|
361
358
|
}
|
|
362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: NgHttpLoaderComponent, decorators: [{
|
|
363
360
|
type: Component,
|
|
364
|
-
args: [{ selector: 'ng-http-loader', standalone: true, imports: [SPINKIT_COMPONENTS, NgStyle, NgComponentOutlet, NgIf, AsyncPipe], template: "<div id=\"spinner\"\n *ngIf=\"isVisible$ | async\"\n [class.backdrop]=\"backdrop\"\n [style.opacity]=\"opacity\"\n [ngStyle]=\"{'background-color': backdrop ? backdropBackgroundColor : 'transparent'}\">\n\n <ng-container *ngComponentOutlet=\"entryComponent\"></ng-container>\n\n <sk-cube-grid\n *ngIf=\"spinner === spinkit.skCubeGrid\"\n [backgroundColor]=\"backgroundColor\">\n </sk-cube-grid>\n\n <sk-chasing-dots\n *ngIf=\"spinner === spinkit.skChasingDots\"\n [backgroundColor]=\"backgroundColor\">\n </sk-chasing-dots>\n\n <sk-double-bounce\n *ngIf=\"spinner === spinkit.skDoubleBounce\"\n [backgroundColor]=\"backgroundColor\">\n </sk-double-bounce>\n\n <sk-rotating-plane\n *ngIf=\"spinner === spinkit.skRotatingPlane\"\n [backgroundColor]=\"backgroundColor\">\n </sk-rotating-plane>\n\n <sk-spinner-pulse\n *ngIf=\"spinner === spinkit.skSpinnerPulse\"\n [backgroundColor]=\"backgroundColor\">\n </sk-spinner-pulse>\n\n <sk-three-bounce\n *ngIf=\"spinner === spinkit.skThreeBounce\"\n [backgroundColor]=\"backgroundColor\">\n </sk-three-bounce>\n\n <sk-wandering-cubes\n *ngIf=\"spinner === spinkit.skWanderingCubes\"\n [backgroundColor]=\"backgroundColor\">\n </sk-wandering-cubes>\n\n <sk-wave\n *ngIf=\"spinner === spinkit.skWave\"\n [backgroundColor]=\"backgroundColor\">\n </sk-wave>\n\n</div>\n\n", styles: ["#spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:9999}#spinner.backdrop{top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:none}::ng-deep .colored-parent,::ng-deep .colored>div{background-color:#333}\n"] }]
|
|
365
|
-
}], ctorParameters: () => [{ type: PendingRequestsInterceptorConfigurer }, { type: SpinnerVisibilityService }]
|
|
366
|
-
type: Input
|
|
367
|
-
}], backgroundColor: [{
|
|
368
|
-
type: Input
|
|
369
|
-
}], debounceDelay: [{
|
|
370
|
-
type: Input
|
|
371
|
-
}], entryComponent: [{
|
|
372
|
-
type: Input
|
|
373
|
-
}], extraDuration: [{
|
|
374
|
-
type: Input
|
|
375
|
-
}], filteredHeaders: [{
|
|
376
|
-
type: Input
|
|
377
|
-
}], filteredMethods: [{
|
|
378
|
-
type: Input
|
|
379
|
-
}], filteredUrlPatterns: [{
|
|
380
|
-
type: Input
|
|
381
|
-
}], minDuration: [{
|
|
382
|
-
type: Input
|
|
383
|
-
}], opacity: [{
|
|
384
|
-
type: Input
|
|
385
|
-
}], backdropBackgroundColor: [{
|
|
386
|
-
type: Input
|
|
387
|
-
}], spinner: [{
|
|
388
|
-
type: Input
|
|
389
|
-
}] } });
|
|
361
|
+
args: [{ selector: 'ng-http-loader', standalone: true, imports: [SPINKIT_COMPONENTS, NgStyle, NgComponentOutlet, NgIf, AsyncPipe], template: "<div id=\"spinner\"\n *ngIf=\"isVisible$ | async\"\n [class.backdrop]=\"backdrop()\"\n [style.opacity]=\"opacity()\"\n [ngStyle]=\"{'background-color': backdrop() ? backdropBackgroundColor() : 'transparent'}\">\n\n <ng-container *ngComponentOutlet=\"entryComponent()\"></ng-container>\n\n <sk-cube-grid\n *ngIf=\"spinner() === spinkit.skCubeGrid\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-cube-grid>\n\n <sk-chasing-dots\n *ngIf=\"spinner() === spinkit.skChasingDots\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-chasing-dots>\n\n <sk-double-bounce\n *ngIf=\"spinner() === spinkit.skDoubleBounce\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-double-bounce>\n\n <sk-rotating-plane\n *ngIf=\"spinner() === spinkit.skRotatingPlane\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-rotating-plane>\n\n <sk-spinner-pulse\n *ngIf=\"spinner() === spinkit.skSpinnerPulse\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-spinner-pulse>\n\n <sk-three-bounce\n *ngIf=\"spinner() === spinkit.skThreeBounce\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-three-bounce>\n\n <sk-wandering-cubes\n *ngIf=\"spinner() === spinkit.skWanderingCubes\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-wandering-cubes>\n\n <sk-wave\n *ngIf=\"spinner() === spinkit.skWave\"\n [backgroundColor]=\"backgroundColor()\">\n </sk-wave>\n\n</div>\n\n", styles: ["#spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:9999}#spinner.backdrop{top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:none}::ng-deep .colored-parent,::ng-deep .colored>div{background-color:#333}\n"] }]
|
|
362
|
+
}], ctorParameters: () => [{ type: PendingRequestsInterceptorConfigurer }, { type: SpinnerVisibilityService }] });
|
|
390
363
|
|
|
391
364
|
/*
|
|
392
365
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
@@ -415,49 +388,6 @@ function pendingRequestsInterceptor$(req, next) {
|
|
|
415
388
|
}));
|
|
416
389
|
}
|
|
417
390
|
|
|
418
|
-
/*
|
|
419
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
420
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
421
|
-
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
422
|
-
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
423
|
-
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
424
|
-
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
425
|
-
*/
|
|
426
|
-
/**
|
|
427
|
-
* @deprecated Will be removed in the next release, standalone component will become the default.
|
|
428
|
-
*/
|
|
429
|
-
class NgHttpLoaderModule {
|
|
430
|
-
/**
|
|
431
|
-
* @deprecated Will be removed in the next release, standalone component will become the default.
|
|
432
|
-
*/
|
|
433
|
-
static forRoot() {
|
|
434
|
-
return {
|
|
435
|
-
ngModule: NgHttpLoaderModule,
|
|
436
|
-
providers: [
|
|
437
|
-
provideHttpClient(withInterceptors([pendingRequestsInterceptor$])),
|
|
438
|
-
]
|
|
439
|
-
};
|
|
440
|
-
}
|
|
441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NgHttpLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
442
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: NgHttpLoaderModule, imports: [CommonModule,
|
|
443
|
-
NgHttpLoaderComponent, SkCubeGridComponent, SkChasingDotsComponent, SkDoubleBounceComponent, SkRotatingPlaneComponent, SkSpinnerPulseComponent, SkThreeBounceComponent, SkWanderingCubesComponent, SkWaveComponent], exports: [NgHttpLoaderComponent, SkCubeGridComponent, SkChasingDotsComponent, SkDoubleBounceComponent, SkRotatingPlaneComponent, SkSpinnerPulseComponent, SkThreeBounceComponent, SkWanderingCubesComponent, SkWaveComponent] });
|
|
444
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NgHttpLoaderModule, imports: [CommonModule] });
|
|
445
|
-
}
|
|
446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NgHttpLoaderModule, decorators: [{
|
|
447
|
-
type: NgModule,
|
|
448
|
-
args: [{
|
|
449
|
-
imports: [
|
|
450
|
-
CommonModule,
|
|
451
|
-
NgHttpLoaderComponent,
|
|
452
|
-
...SPINKIT_COMPONENTS,
|
|
453
|
-
],
|
|
454
|
-
exports: [
|
|
455
|
-
NgHttpLoaderComponent,
|
|
456
|
-
...SPINKIT_COMPONENTS,
|
|
457
|
-
]
|
|
458
|
-
}]
|
|
459
|
-
}] });
|
|
460
|
-
|
|
461
391
|
/*
|
|
462
392
|
* Public API Surface of ng-http-loader
|
|
463
393
|
*/
|
|
@@ -466,5 +396,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
|
|
|
466
396
|
* Generated bundle index. Do not edit.
|
|
467
397
|
*/
|
|
468
398
|
|
|
469
|
-
export { AbstractLoaderDirective, NgHttpLoaderComponent,
|
|
399
|
+
export { AbstractLoaderDirective, NgHttpLoaderComponent, PendingRequestsInterceptorConfigurer, SPINKIT_COMPONENTS, SkChasingDotsComponent, SkCubeGridComponent, SkDoubleBounceComponent, SkRotatingPlaneComponent, SkSpinnerPulseComponent, SkThreeBounceComponent, SkWanderingCubesComponent, SkWaveComponent, Spinkit, SpinnerVisibilityService, pendingRequestsInterceptor$ };
|
|
470
400
|
//# sourceMappingURL=ng-http-loader.mjs.map
|