fix: control value accessor error in checkbox and toggle (#1467)

Author: adisreyaj

projects/components/src/checkbox/checkbox.component.ts

@@ -54,16 +54,16 @@ export class CheckboxComponent implements ControlValueAccessor {
   public isChecked: boolean = false;
   public isDisabled: boolean = false;
 
-  private onTouched!: () => void;
-  private onChanged!: (value: boolean) => void;
+  private onTouched?: () => void;
+  private onChanged?: (value: boolean) => void;
 
   public constructor(private readonly cdr: ChangeDetectorRef) {}
 
   public onCheckboxChange(event: MatCheckboxChange): void {
     this.isChecked = event.checked;
     this.checkedChange.emit(this.isChecked);
-    this.onChanged(this.isChecked);
-    this.onTouched();
+    this.onChanged?.(this.isChecked);
+    this.onTouched?.();
   }
 
   public registerOnChange(fn: (value: boolean) => void): void {

projects/components/src/toggle-switch/toggle-switch.component.ts

@@ -59,16 +59,16 @@ export class ToggleSwitchComponent implements ControlValueAccessor {
   public isChecked: boolean = false;
   public isDisabled: boolean = false;
 
-  private onTouched!: () => void;
-  private onChanged!: (value: boolean) => void;
+  private onTouched?: () => void;
+  private onChanged?: (value: boolean) => void;
 
   public constructor(private readonly cdr: ChangeDetectorRef) {}
 
   public onToggle(toggleChange: MatSlideToggleChange): void {
     this.isChecked = toggleChange.checked;
     this.checkedChange.emit(this.isChecked);
-    this.onChanged(this.isChecked);
-    this.onTouched();
+    this.onChanged?.(this.isChecked);
+    this.onTouched?.();
   }
 
   public registerOnChange(fn: (value: boolean) => void): void {