Merge pull request #9 from RandomSoftwareSL/bugfix/placeholder-not-available

placeholder not availabel issues

Author: sachith94-lion

projects/type-head-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@randomsoftwareltd/type-head-input",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "peerDependencies": {
     "@angular/common": "^17.2.3",
     "@angular/core": "^17.2.3",

projects/type-head-input/src/lib/type-head-input.component.html

@@ -28,6 +28,7 @@
   (onHide)="select.resetFilter()"
   [appNumbersOnly]="isNumberInput"
   (onClick)="onClick()"
+  (onBlur)="setEmptyHandler()"
 >
   <!--  item template -->
   <ng-template *ngIf="!itemTemplate" let-option pTemplate="item">

projects/type-head-input/src/lib/type-head-input.component.ts

@@ -185,9 +185,10 @@ export class TypeHeadInputComponent {
   }
 
   onFilterEmitter(event: any) {
+    this.setEmptyHandler();
     this.searchValue =
       typeof this.select?.value === "object" &&
-      this.select?.value.hasOwnProperty("value")
+      this.select?.value?.hasOwnProperty("value")
         ? this.select?.value?.value
         : this.select?.value;
     if (this.enableServerSideData) {
@@ -217,4 +218,10 @@ export class TypeHeadInputComponent {
       this.searchValue = "";
     }
   }
+
+  setEmptyHandler = () => {
+    if (this.control.value === "") {
+      this.control.patchValue(null);
+    }
+  };
 }