fix: fix switch case for inline loading not working

switch case compares the value in the case via === which does not work
with || or &&

Author: tom-wegener

src/inline-loading/inline-loading.component.ts

@@ -34,27 +34,27 @@ export enum InlineLoadingState {
 	template: `
 		@if (state !== InlineLoadingState.Hidden) {
 			<div class="cds--inline-loading__animation">
-				@switch (state) {
-					@case (InlineLoadingState.Inactive || InlineLoadingState.Active) {
+				@switch (true) {
+					@case (state === InlineLoadingState.Inactive || state === InlineLoadingState.Active) {
 						<div
 							class="cds--loading cds--loading--small"
 							[ngClass]="{
-								'cds--loading--stop': state === InlineLoadingState.Inactive
+								'cds--loading--stop': state === InlineLoadingState.Inctive
 							}">
 							<svg class="cds--loading__svg" viewBox="0 0 100 100">
 								<circle class="cds--loading__background" cx="50%" cy="50%" r="44" />
 								<circle class="cds--loading__stroke" cx="50%" cy="50%" r="44" />
 							</svg>
 						</div>
 					}
-					@case (InlineLoadingState.Finished) {
+					@case (state === InlineLoadingState.Finished) {
 						<svg
 							cdsIcon="checkmark--filled"
 							size="16"
 							class="cds--inline-loading__checkmark-container">
 						</svg>
 					}
-					@case (InlineLoadingState.Error) {
+					@case (state === InlineLoadingState.Error) {
 						<svg
 							cdsIcon="error--filled"
 							size="16"
@@ -64,14 +64,14 @@ export enum InlineLoadingState {
 				}
 			</div>
 		}
-		@switch(state) {
-			@case(InlineLoadingState.Inactive || InlineLoadingState.Active) {
+		@switch(true) {
+			@case(state === InlineLoadingState.Inactive || state === InlineLoadingState.Active) {
 				<p class="cds--inline-loading__text">{{loadingText}}</p>
 			}
-			@case(InlineLoadingState.Finished) {
+			@case(state === InlineLoadingState.Finished) {
 				<p class="cds--inline-loading__text">{{successText}}</p>
 			}
-			@case(InlineLoadingState.Error) {
+			@case(state === InlineLoadingState.Error) {
 				<p class="cds--inline-loading__text">{{errorText}}</p>
 			}
 		}