remove loading for each change in "form"

src/app/components/calendar-year/calendar-year.ts

@@ -1,4 +1,4 @@
-import { Component, effect, signal, inject } from '@angular/core';
+import { Component, effect, signal, inject, untracked } from '@angular/core';
 import { UserInputService } from '../../services/user-input-service';
 import { MatCard, MatCardContent } from '@angular/material/card';
 import { CalendarMonth } from '../calendar-month/calendar-month';
@@ -34,9 +34,11 @@ export class CalendarYear {
 
 	constructor() {
 		effect(() => {
+			this.userInput.computeTriggerSignal();
+
 			this.selectedDates = this.calendarService.getSelectedDatesForYear();
-			const vacationData = this.userInput.vacationNumberSignal();
+			const vacationData = untracked(() => this.userInput.vacationNumberSignal());
-			const c = this.calendarSettingsService.get('samediMalin')();
+			const c = untracked(() => this.calendarSettingsService.get('samediMalin')());
 			console.log('Samedi Malin setting:', c);
 			console.log('Optimizing vacations with data:', vacationData);
 			this.isLoading.set(true);

src/app/components/user-input/user-input.ts

@@ -72,7 +72,6 @@ export class UserInput {
 	}
 
 	public triggerComputation() {
-		// Trigger signal update by setting a new array reference
+		this.userInputService.requestComputation();
-		this.userInputService.vacationNumberSignal.update((days) => [...days]);
 	}
 }

src/app/services/user-input-service.ts

@@ -44,4 +44,9 @@ export class UserInputService {
 
 	readonly vacationNumberSignal = signal<VacDay[]>(this.getInitialValues());
 	readonly remainingVacationDaysSignal = signal<VacDay[]>([]);
+	readonly computeTriggerSignal = signal(0);
+
+	public requestComputation(): void {
+		this.computeTriggerSignal.update((count) => count + 1);
+	}
 }