feat: sync on touched change with parent layout #353

zyfra · Oct 9, 2023 · dc39be5 · dc39be5
1 parent a80e396
commit dc39be5
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/libs/components/src/lib/components/input/common/base/input-ng-control.class.ts b/libs/components/src/lib/components/input/common/base/input-ng-control.class.ts
@@ -18,9 +18,12 @@ export abstract class PrizmInputNgControl<T>
  readonly changeDetectorRef!: ChangeDetectorRef;
  readonly layoutComponent!: PrizmInputLayoutComponent;
  private previousInternalValue$$ = new BehaviorSubject<T | null>(null);
- private lastState = {
- touched: false,
- pristine: true,
+ private readonly lastSyncedState: {
+ touched: boolean | null;
+ pristine: boolean | null;
+ } = {
+ touched: null,
+ pristine: null,
  };
  onChange: (val: T) => void = PRIZM_EMPTY_FUNCTION;
  onTouch: (val: T) => void = PRIZM_EMPTY_FUNCTION;
@@ -214,12 +217,12 @@ export abstract class PrizmInputNgControl<T>
  }
 
  private updateLayoutOnTouched(): void {
- if (this.ngControl.pristine !== this.lastState.pristine) {
- this.lastState.pristine = !!this.ngControl.pristine;
- this.stateChanges.next();
- }
- if (this.ngControl.touched !== this.lastState.touched) {
- this.lastState.touched = !!this.ngControl.touched;
+ if (
+ this.ngControl.pristine !== this.lastSyncedState.pristine ||
+ this.ngControl.touched !== this.lastSyncedState.touched
+ ) {
+  this.lastSyncedState.touched = this.ngControl.touched;
+ this.lastSyncedState.pristine = this.ngControl.pristine;
  this.stateChanges.next();
  }
  }