feat: adds angular 19 support (ng-select#2465)

BREAKING CHANGE: minimum required angular version is 19.0.0

---------

Co-authored-by: Pavan Kumar Jadda <[email protected]>

Author: mahipureti

.github/workflows/ci.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 'latest'
+          node-version: '20'
 
       - name: Install dependencies
         run: yarn install

.github/workflows/release.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 'latest'
+          node-version: '20'
           cache: yarn
           cache-dependency-path: yarn.lock
 

README.md

@@ -16,6 +16,7 @@ See [Demo](https://ng-select.github.io/ng-select) page.
 
 | Angular          | ng-select |
 |------------------|:---------:|
+| >=19.0.0 <20.0.0 |   v14.x   |
 | >=18.0.0 <19.0.0 |   v13.x   |
 | >=17.0.0 <18.0.0 |   v12.x   |
 | >=16.0.0 <17.0.0 |   v11.x   |

angular.json

@@ -80,11 +80,12 @@
       "prefix": "",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser-esbuild",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/demo",
+            "outputPath": {
+              "base": "dist/demo"
+            },
             "index": "src/demo/index.html",
-            "main": "src/demo/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -97,7 +98,8 @@
             "styles": [
               "src/demo/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/demo/main.ts"
           },
           "configurations": {
             "production": {

package.json

@@ -31,33 +31,33 @@
     ]
   },
   "dependencies": {
-    "@angular/animations": "^18.2.5",
-    "@angular/common": "^18.2.5",
-    "@angular/compiler": "^18.2.5",
-    "@angular/core": "^18.2.5",
-    "@angular/forms": "^18.2.5",
-    "@angular/localize": "^18.2.5",
-    "@angular/platform-browser": "^18.2.5",
-    "@angular/platform-browser-dynamic": "^18.2.5",
-    "@angular/router": "^18.2.5",
-    "@angular/ssr": "^18.2.5",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/localize": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@angular/ssr": "^19.0.0",
     "@ng-bootstrap/ng-bootstrap": "^17.0.0",
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.5",
+    "@angular-devkit/build-angular": "^19.0.0",
     "@angular-eslint/builder": "18.3.1",
     "@angular-eslint/eslint-plugin": "18.3.1",
     "@angular-eslint/eslint-plugin-template": "18.3.1",
     "@angular-eslint/schematics": "18.3.1",
     "@angular-eslint/template-parser": "18.3.1",
-    "@angular/cli": "^18.2.5",
-    "@angular/compiler-cli": "^18.2.5",
-    "@angular/language-service": "^18.2.5",
+    "@angular/cli": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/language-service": "^19.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@stackblitz/sdk": "^1.11.0",
     "@types/jasmine": "~5.1.4",
@@ -79,7 +79,7 @@
     "karma-coverage": "^2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
-    "ng-packagr": "^18.2.1",
+    "ng-packagr": "^19.0.0",
     "node-gyp": "^10.2.0",
     "prettier": "^3.3.3",
     "sass": "^1.79.2",

src/demo/app/app.component.ts

@@ -5,10 +5,11 @@ import { filter, map, mergeMap } from 'rxjs/operators';
 import { NgSelectConfig } from '@ng-select/ng-select';
 
 @Component({
-	selector: 'demo-app',
-	templateUrl: './app.component.html',
-	styleUrls: ['./app.component.scss'],
-	changeDetection: ChangeDetectionStrategy.Default,
+    selector: 'demo-app',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    changeDetection: ChangeDetectionStrategy.Default,
+    standalone: false
 })
 export class AppComponent {
 	title: string;

src/demo/app/examples/append-to-example/append-to-example.component.ts

@@ -2,10 +2,10 @@ import { Component, OnInit } from '@angular/core';
 import { DataService } from '../data.service';
 
 @Component({
-	selector: 'ng-append-to-example',
-	templateUrl: './append-to-example.component.html',
-	styleUrls: ['./append-to-example.component.scss'],
-	//     encapsulation: ViewEncapsulation.ShadowDom,
+    selector: 'ng-append-to-example',
+    templateUrl: './append-to-example.component.html',
+    styleUrls: ['./append-to-example.component.scss'],
+    standalone: false
 })
 export class AppendToExampleComponent implements OnInit {
 	people: any = [];

src/demo/app/examples/bindings-custom-example/bindings-custom-example.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-	selector: 'ng-bindings-custom-example',
-	templateUrl: './bindings-custom-example.component.html',
-	styleUrls: ['./bindings-custom-example.component.scss'],
+    selector: 'ng-bindings-custom-example',
+    templateUrl: './bindings-custom-example.component.html',
+    styleUrls: ['./bindings-custom-example.component.scss'],
+    standalone: false
 })
 export class BindingsCustomExampleComponent implements OnInit {
 	cities = [

src/demo/app/examples/bindings-default-example/bindings-default-example.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-	selector: 'ng-bindings-default-example',
-	templateUrl: './bindings-default-example.component.html',
-	styleUrls: ['./bindings-default-example.component.scss'],
+    selector: 'ng-bindings-default-example',
+    templateUrl: './bindings-default-example.component.html',
+    styleUrls: ['./bindings-default-example.component.scss'],
+    standalone: false
 })
 export class BindingsDefaultExampleComponent implements OnInit {
 	defaultBindingsList = [

src/demo/app/examples/bindings-nested-example/bindings-nested-example.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-	selector: 'ng-bindings-nested-example',
-	templateUrl: './bindings-nested-example.component.html',
-	styleUrls: ['./bindings-nested-example.component.scss'],
+    selector: 'ng-bindings-nested-example',
+    templateUrl: './bindings-nested-example.component.html',
+    styleUrls: ['./bindings-nested-example.component.scss'],
+    standalone: false
 })
 export class BindingsNestedExampleComponent implements OnInit {
 	countries = [