feat(toggle): add change detection

Author: adisreyaj

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { ToggleSwitchSize } from './toggle-switch-size';
@@ -54,6 +54,8 @@ export class ToggleSwitchComponent implements ControlValueAccessor {
   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);
@@ -71,9 +73,11 @@ export class ToggleSwitchComponent implements ControlValueAccessor {
 
   public setDisabledState(isDisabled: boolean): void {
     this.isDisabled = isDisabled;
+    this.cdr.markForCheck();
   }
 
   public writeValue(isChecked: boolean | undefined): void {
     this.isChecked = isChecked ?? false;
+    this.cdr.markForCheck();
   }
 }