fix(custom-select): Fix custom select emits the event on model changed outside

Author: kolkov

projects/angular-editor/src/lib/ae-select/ae-select.component.ts

@@ -64,7 +64,9 @@ export class AeSelectComponent implements OnInit, ControlValueAccessor {
 
   optionSelect(option: SelectOption, event: MouseEvent) {
     event.stopPropagation();
-    this.writeValue(option.value);
+    this.setValue(option.value);
+    this.onChange(this.selectedOption.value);
+    this.changeEvent.emit(this.selectedOption.value);
     this.onTouched();
     this.opened = false;
   }
@@ -94,19 +96,21 @@ export class AeSelectComponent implements OnInit, ControlValueAccessor {
   }
 
   writeValue(value) {
-    let index = 0;
     if (!value || typeof value !== 'string') {
       return;
     }
+    this.setValue(value);
+  }
+
+  setValue(value) {
+    let index = 0;
     const selectedEl = this.options.find((el, i) => {
       index = i;
       return el.value === value;
     });
     if (selectedEl) {
       this.selectedOption = selectedEl;
       this.optionId = index;
-      this.onChange(this.selectedOption.value);
-      this.changeEvent.emit(this.selectedOption.value);
     }
   }