RandomSoftwareSL · sachith94-lion · Apr 29, 2025 · Apr 29, 2025
diff --git a/package.json b/package.json
@@ -11,30 +11,31 @@
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/animations": "^17.2.3",
-    "@angular/common": "^17.2.3",
-    "@angular/compiler": "^17.2.3",
-    "@angular/core": "^17.2.3",
-    "@angular/forms": "^17.2.3",
-    "@angular/platform-browser": "^17.2.3",
-    "@angular/platform-browser-dynamic": "^17.2.3",
-    "@angular/router": "^17.2.3",
-    "primeflex": "^3.3.1",
+    "@angular/animations": "^19.2.5",
+    "@angular/common": "^19.2.5",
+    "@angular/compiler": "^19.2.5",
+    "@angular/core": "^19.2.5",
+    "@angular/forms": "^19.2.5",
+    "@angular/platform-browser": "^19.2.5",
+    "@angular/platform-browser-dynamic": "^19.2.5",
+    "@angular/router": "^19.2.5",
+    "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
-    "primeng": "17.18.15",
+    "primeng": "^19.0.10",
+    "@primeng/themes": "^19.0.10",
     "rxjs": "~7.8.1",
-    "tslib": "^2.3.0",
-    "zone.js": "^0.14.0"
+    "tslib": "^2.8.1",
+    "zone.js": "^0.15.0"
   },
   "peerDependencies": {
-    "primeflex": "^3.3.1",
+    "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
-    "primeng": "17.18.15"
+    "primeng": "^19.0.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.2.2",
-    "@angular/cli": "^17.2.2",
-    "@angular/compiler-cli": "^17.2.3",
+    "@angular-devkit/build-angular": "^19.2.6",
+    "@angular/cli": "^19.2.6",
+    "@angular/compiler-cli": "^19.2.5",
     "@types/jasmine": "~3.10.0",
     "jasmine-core": "~4.0.0",
     "karma": "~6.3.0",
@@ -43,6 +44,6 @@
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
     "ng-packagr": "^17.3.0",
-    "typescript": "~5.3.3"
+    "typescript": "5.5.4"
   }
 }
diff --git a/projects/consumer/src/app/app.component.ts b/projects/consumer/src/app/app.component.ts
@@ -12,6 +12,7 @@ import { BehaviorSubject, map, of } from "rxjs";
   selector: "app-root",
   templateUrl: "./app.component.html",
   styleUrls: ["./app.component.scss"],
+  standalone: false,
 })
 export class AppComponent {
   title = "consumer";

diff --git a/projects/consumer/src/app/app.module.ts b/projects/consumer/src/app/app.module.ts
@@ -8,6 +8,8 @@ import { CommonModule } from "@angular/common";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { TypeHeadInputModule } from "typeHeadInput";
+// import { MyPreset } from "projects/type-head-input/src/lib/aura-theme";
+import { providePrimeNG } from "primeng/config";
 
 @NgModule({
   declarations: [AppComponent],
@@ -20,7 +22,22 @@ import { TypeHeadInputModule } from "typeHeadInput";
     FormsModule,
     ReactiveFormsModule,
   ],
-  providers: [],
+  providers: [
+    // note: add the aura token theme file to enable this
+    // providePrimeNG({
+    //   theme: {
+    //     preset: MyPreset,
+    //     options: {
+    //       prefix: "p",
+    //       darkModeSelector: false || "none",
+    //       cssLayer: {
+    //         name: "primeng",
+    //         order: "primeng",
+    //       },
+    //     },
+    //   },
+    // }),
+  ],
   bootstrap: [AppComponent],
 })
 export class AppModule {}
diff --git a/projects/consumer/src/styles.scss b/projects/consumer/src/styles.scss
@@ -1,4 +1,2 @@
-@import "primeng/resources/themes/tailwind-light/theme.css";
 @import "primeflex/primeflex.scss";
-@import "primeng/resources/primeng.min.css";
 @import "primeicons/primeicons.css";
diff --git a/projects/type-head-input/package.json b/projects/type-head-input/package.json
@@ -1,15 +1,16 @@
 {
   "name": "@randomsoftwareltd/type-head-input",
-  "version": "2.2.2",
+  "version": "3.0.0",
   "peerDependencies": {
-    "@angular/common": "^17.2.3",
-    "@angular/core": "^17.2.3",
-    "primeflex": "^3.3.1",
+    "@angular/common": "^19.2.5",
+    "@angular/core": "^19.2.5",
+    "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
-    "primeng": "17.18.15"
+    "primeng": "^19.0.10",
+    "@primeng/themes": "^19.0.10"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.8.1"
   },
   "sideEffects": false
 }
diff --git a/projects/type-head-input/src/lib/directive/form-template.directive.ts b/projects/type-head-input/src/lib/directive/form-template.directive.ts
@@ -1,16 +1,16 @@
 import { Directive, TemplateRef } from "@angular/core";
 
-@Directive({ selector: "[appTypeheadInputItemTmp]" })
+@Directive({ selector: "[appTypeheadInputItemTmp]", standalone: false })
 export class NgTypeHeadInputItemTemplateDirective {
   constructor(public template: TemplateRef<any>) {}
 }
 
-@Directive({ selector: "[appTypeheadInputFilterTmp]" })
+@Directive({ selector: "[appTypeheadInputFilterTmp]", standalone: false })
 export class NgTypeHeadInputFilterTemplateDirective {
   constructor(public template: TemplateRef<any>) {}
 }
 
-@Directive({ selector: "[appTypeheadInputLoaderTmp]" })
+@Directive({ selector: "[appTypeheadInputLoaderTmp]", standalone: false })
 export class NgTypeHeadInputLoaderTemplateDirective {
   constructor(public template: TemplateRef<any>) {}
 }
diff --git a/projects/type-head-input/src/lib/directive/numbers-only.directive.spec.ts b/projects/type-head-input/src/lib/directive/numbers-only.directive.spec.ts
@@ -1,6 +1,6 @@
 /* tslint:disable:no-unused-variable */
 
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { NumbersOnlyDirective } from './numbers-only.directive';
 
 describe('Directive: NumbersOnly', () => {

diff --git a/projects/type-head-input/src/lib/directive/numbers-only.directive.ts b/projects/type-head-input/src/lib/directive/numbers-only.directive.ts
@@ -8,6 +8,7 @@ import {
 
 @Directive({
   selector: "[appNumbersOnly]",
+  standalone: false,
 })
 export class NumbersOnlyDirective implements OnDestroy {
   regexStr = "^[0-9]+$";

diff --git a/projects/type-head-input/src/lib/pipe/form-Control.pipe.ts b/projects/type-head-input/src/lib/pipe/form-Control.pipe.ts
@@ -3,6 +3,7 @@ import { AbstractControl, UntypedFormControl } from '@angular/forms';
 
 @Pipe({
   name: 'formControl',
+  standalone: false,
 })
 export class FormControlPipe implements PipeTransform {
   transform(value: AbstractControl | null): UntypedFormControl {

diff --git a/projects/type-head-input/src/lib/pipe/value-filter.pipe.ts b/projects/type-head-input/src/lib/pipe/value-filter.pipe.ts
@@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from "@angular/core";
 
 @Pipe({
   name: "valueFilter",
+  standalone: false,
 })
 export class ValueFilterPipe implements PipeTransform {
   transform(

diff --git a/projects/type-head-input/src/lib/type-head-input.component.html b/projects/type-head-input/src/lib/type-head-input.component.html
@@ -2,7 +2,7 @@
   >{{ labelText }}
   <span *ngIf="showRequiredIndicator" class="text-red-500"> * </span></label
 >
-<p-dropdown
+<p-select
   #select
   [options]="
     enableServerSideData
@@ -77,7 +77,7 @@
       [ngTemplateOutletContext]="{ selectValue: select.value }"
     ></ng-container>
   </ng-template>
-</p-dropdown>
+</p-select>
 
 <ng-container *ngIf="control.touched">
   <div class="mt-1" *ngFor="let error of control?.errors | keyvalue">

diff --git a/projects/type-head-input/src/lib/type-head-input.component.ts b/projects/type-head-input/src/lib/type-head-input.component.ts
@@ -32,6 +32,7 @@ import { Dropdown, DropdownChangeEvent } from "primeng/dropdown";
   selector: "typeHeadInput",
   templateUrl: "./type-head-input.component.html",
   styleUrls: ["./type-head-input.component.scss"],
+  standalone: false,
 })
 export class TypeHeadInputComponent {
   @ViewChild("select") select!: Dropdown;

diff --git a/projects/type-head-input/src/lib/type-head-input.module.ts b/projects/type-head-input/src/lib/type-head-input.module.ts
@@ -5,7 +5,7 @@ import {
   NgTypeHeadInputItemTemplateDirective,
   NgTypeHeadInputLoaderTemplateDirective,
 } from "./directive/form-template.directive";
-import { DropdownModule } from "primeng/dropdown";
+import { SelectModule } from "primeng/select";
 import { SkeletonModule } from "primeng/skeleton";
 import { CommonModule } from "@angular/common";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
@@ -25,7 +25,7 @@ import { ValueFilterPipe } from "./pipe/value-filter.pipe";
   imports: [
     CommonModule,
     FormsModule,
-    DropdownModule,
+    SelectModule,
     SkeletonModule,
     ReactiveFormsModule,
   ],
@@ -35,7 +35,7 @@ import { ValueFilterPipe } from "./pipe/value-filter.pipe";
     NgTypeHeadInputFilterTemplateDirective,
     NgTypeHeadInputLoaderTemplateDirective,
     NumbersOnlyDirective,
-    DropdownModule,
+    SelectModule,
     SkeletonModule,
     FormControlPipe,
     ValueFilterPipe,