fix: DOM displaying issue

Author: KonsumGandalf

libs/common/utils/src/lib/functions/signal.utils.ts

@@ -22,7 +22,6 @@ export function asyncComputed<T>(
 
 			resultSignal.set(unwrappedResult as unknown as T);
 		},
-		{ allowSignalWrites: true },
 	);
 
 	return resultSignal.asReadonly();

libs/streets/explorer/src/lib/components/safety-metrics-panel/component/safety-metrics-panel.component.html

@@ -7,27 +7,25 @@
 				></m-safe-metrics-digit-panel>
 			}
 
-			@if (_metricsIncidentTypes$.value()) {
-				@if (element === 1) {
-					<p-chart
-						type="bar"
-						[data]="_barMetricsRideIncidentDistributionData$()"
-						[responsive]="true"
-						[options]="_barMetricsRideIncidentDistributionOptions"
-						size="large"
-					>
-					</p-chart>
-				}
-				@if (element === 2) {
-					<p-chart
-						type="pie"
-						[data]="_pieMetricsIncidentTypesData$()"
-						[responsive]="true"
-						[options]="_pieMetricsIncidentTypesOptions"
-						size="large"
-					>
-					</p-chart>
-				}
+			@if (element === 1) {
+				<p-chart
+					type="bar"
+					[data]="_barMetricsRideIncidentDistributionData$()"
+					[responsive]="true"
+					[options]="_barMetricsRideIncidentDistributionOptions"
+					size="large"
+				>
+				</p-chart>
+			}
+			@if (element === 2) {
+				<p-chart
+					type="pie"
+					[data]="_pieMetricsIncidentTypesData$()"
+					[responsive]="true"
+					[options]="_pieMetricsIncidentTypesOptions"
+					size="large"
+				>
+				</p-chart>
 			}
 		</ng-template>
 	</p-carousel>