feat: add input option to select component to emit on select input ch…

…ange
hypertrace · Jan 4, 2024 · 8cda34d · 8cda34d
1 parent 7080b66
commit 8cda34d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/projects/components/src/select/select.component.ts b/projects/components/src/select/select.component.ts
@@ -226,6 +226,9 @@ export class SelectComponent<V> implements ControlValueAccessor, AfterContentIni
   @Input()
   public triggerDisplayMode?: SelectTriggerDisplayMode = SelectTriggerDisplayMode.MenuWithBorder;
 
+  @Input()
+  public emitOnSelectedChange: boolean = false; // Call selectedChange Output() when selected Input() is updated
+
   @Input()
   public placeholder?: string;
 
@@ -311,6 +314,9 @@ export class SelectComponent<V> implements ControlValueAccessor, AfterContentIni
     if (this.allOptionsList !== undefined && changes.selected !== undefined) {
       this.selected$ = this.buildObservableOfSelected();
     }
+    if (this.emitOnSelectedChange && changes.selected?.previousValue !== changes.selected?.currentValue) {
+      this.selectedChange.emit(this.selected);
+    }
   }
 
   public isSelectedItem(item: SelectOptionComponent<V>): boolean {