From fc0abb54fe5bf512822f4d7946d30075f401d60f Mon Sep 17 00:00:00 2001 From: Adithya Sreyaj Date: Thu, 3 Mar 2022 09:31:02 +0530 Subject: [PATCH] fix: control value accessor error in checkbox and toggle --- projects/components/src/checkbox/checkbox.component.ts | 8 ++++---- .../src/toggle-switch/toggle-switch.component.ts | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/projects/components/src/checkbox/checkbox.component.ts b/projects/components/src/checkbox/checkbox.component.ts index bc4cb2753..ad6dbcac4 100644 --- a/projects/components/src/checkbox/checkbox.component.ts +++ b/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 { diff --git a/projects/components/src/toggle-switch/toggle-switch.component.ts b/projects/components/src/toggle-switch/toggle-switch.component.ts index 9a3598bbf..97d691054 100644 --- a/projects/components/src/toggle-switch/toggle-switch.component.ts +++ b/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 {