Merge pull request #13 from RandomSoftwareSL/feature/add-overlay-style-property

feat: 🎨 add overlay option

Author: sachith94-lion

projects/type-head-input/package.json

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

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

@@ -31,6 +31,7 @@
   [virtualScroll]="isVirtualScroll"
   [virtualScrollItemSize]="virtualScrollItemSize"
   [virtualScrollOptions]="virtualScrollOptions"
+  [overlayOptions]="overlayOptions"
 >
   <!--  item template -->
   <ng-template *ngIf="!itemTemplate" let-option pTemplate="item">

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

@@ -24,7 +24,7 @@ import {
   NgTypeHeadInputItemTemplateDirective,
   NgTypeHeadInputLoaderTemplateDirective,
 } from "./directive/form-template.directive";
-import { ScrollerOptions, SelectItem } from "primeng/api";
+import { OverlayOptions, ScrollerOptions, SelectItem } from "primeng/api";
 import { UntypedFormControl } from "@angular/forms";
 import { Dropdown, DropdownChangeEvent } from "primeng/dropdown";
 
@@ -67,6 +67,7 @@ export class TypeHeadInputComponent {
     lazy: true,
   };
   @Input() virtualScrollItemSize: number = 40;
+  @Input() overlayOptions: OverlayOptions | undefined;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   selectedTypeHeadSource = new BehaviorSubject<any>(null);
   selectedTypeHead$ = this.selectedTypeHeadSource.asObservable();