mpalourdio / ng-http-loader / 19541045987

coverage: 90.299% (-9.7%) from 100.0%
19541045987

Pull #393

github

mpalourdio 
feat: @angular/* ^21.0.0 support - first try
Pull Request #393: feat: @angular/* ^21.0.0 support - first try

103 of 117 branches covered (88.03%)

Branch coverage included in aggregate %.

139 of 151 relevant lines covered (92.05%)

28.41 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

61.29
/src/lib/components/ng-http-loader.component.html
1 
@if (isVisible()) {
117✔
2 
    <div id="spinner"
13✔
3 
         [class.backdrop]="backdrop()"
25✔
4 
         [style.opacity]="opacity()"
25✔
5 
         [ngStyle]="{'background-color': backdrop() ? backdropBackgroundColor() : 'transparent'}">
25✔
6 
        <ng-container *ngComponentOutlet="entryComponent()"></ng-container>
25✔
7 
        @switch (spinner()) {
25✔
8 
            @case (spinkit.skCubeGrid) {
13✔
9 
                <sk-cube-grid
×
10 
                    [backgroundColor]="backgroundColor()">
×
11 
                </sk-cube-grid>
12 
            }
13 
            @case (spinkit.skChasingDots) {
14 
                <sk-chasing-dots
×
15 
                    [backgroundColor]="backgroundColor()">
×
16 
                </sk-chasing-dots>
17 
            }
18 
            @case (spinkit.skDoubleBounce) {
19 
                <sk-double-bounce
×
20 
                    [backgroundColor]="backgroundColor()">
×
21 
                </sk-double-bounce>
22 
            }
23 
            @case (spinkit.skRotatingPlane) {
24 
                <sk-rotating-plane
1✔
25 
                    [backgroundColor]="backgroundColor()">
2✔
26 
                </sk-rotating-plane>
27 
            }
28 
            @case (spinkit.skSpinnerPulse) {
29 
                <sk-spinner-pulse
×
30 
                    [backgroundColor]="backgroundColor()">
×
31 
                </sk-spinner-pulse>
32 
            }
33 
            @case (spinkit.skThreeBounce) {
34 
                <sk-three-bounce
×
35 
                    [backgroundColor]="backgroundColor()">
×
36 
                </sk-three-bounce>
37 
            }
38 
            @case (spinkit.skWanderingCubes) {
39 
                <sk-wandering-cubes
×
40 
                    [backgroundColor]="backgroundColor()">
×
41 
                </sk-wandering-cubes>
42 
            }
43 
            @case (spinkit.skWave) {
44 
                <sk-wave
11✔
45 
                    [backgroundColor]="backgroundColor()">
21✔
46 
                </sk-wave>
47 
            }
48 
        }
49 
    </div>
13✔
50 
}
51 























    

  • 

    •