fix: mark input as dirty after patching value

src/app/components/bar-code-input/bar-code-input.html

@@ -12,4 +12,4 @@
     </button>
   </div>
 </div>
-<app-bar-code-reader [scan]="scan()" (result)="control.patchValue($event.detail?.code?.rawValue ?? '')"></app-bar-code-reader>
+<app-bar-code-reader [scan]="scan()" (result)="updateBarcode($event)"></app-bar-code-reader>

src/app/components/bar-code-input/bar-code-input.ts

@@ -7,6 +7,7 @@ import { BarCodeReaderWrapper } from '../bar-code-reader/bar-code-reader';
 import { ControlValueAccessor, FormControl, NgControl, ReactiveFormsModule } from '@angular/forms';
 import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
 import { TranslatePipe } from '@ngx-translate/core';
+import { DetectedBarcode } from '../../types/globalThis';
 
 @Component({
   selector: 'app-bar-code-input',
@@ -38,6 +39,19 @@ export class BarCodeInput implements ControlValueAccessor, OnInit {
     this.control = <FormControl>this.controlDir?.control;
   }
 
+  updateBarcode(
+    barcodeEvent: Event & {
+      detail?: {
+        code: DetectedBarcode | null;
+      };
+    },
+  ) { 
+    let code = barcodeEvent.detail?.code?.rawValue
+    if(code) {
+      this.control.patchValue(code);
+      this.control.markAsDirty();
+    }
+  }
   writeValue(obj: any): void {}
   registerOnChange(fn: any): void {}
   registerOnTouched(fn: any): void {}