feat: update to Angular v19+

BREAKING CHANGE: Angular v19+ is now the minimal version to use the library.

Closes #153

.devcontainer/devcontainer.json

@@ -39,7 +39,8 @@
 				"esbenp.prettier-vscode",
 				"dbaeumer.vscode-eslint",
 				"firsttris.vscode-jest-runner",
-				"anweber.reveal-button"
+				"anweber.reveal-button",
+				"github.vscode-github-actions"
 			],
 			"settings":{
 				"debug.javascript.autoAttachFilter": "disabled",

README.md

@@ -372,6 +372,7 @@ Every Nx plugin relies on the underlying Nx Workspace/DevKit it runs on. This ta
 
 | Library Version | Angular version
 | -------------- | --------------------
+| `>=v8.0.0`     | `>=v19.x.x`
 | `>=v7.0.0`     | `>=v18.x.x`
 | `>=v6.0.0`     | `>=v16.x.x`
 | `>=v5.0.0`     | `>=v15.x.x`

apps/demo/.eslintrc.json

@@ -20,7 +20,8 @@
             "prefix": "ngx-cookieconsent",
             "style": "kebab-case"
           }
-        ]
+        ],
+        "@angular-eslint/prefer-standalone": "off"
       },
       "extends": [
         "plugin:@nx/angular",

apps/demo/server.ts

@@ -1,7 +1,7 @@
 import 'zone.js/node';
 
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import * as express from 'express';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';

apps/demo/src/app/app.component.ts

@@ -8,11 +8,10 @@ import { TranslateService } from '@ngx-translate/core';
 import { HeaderComponent } from "./shared/header/header.component";
 import { FooterComponent } from "./shared/footer/footer.component";
 @Component({
-  selector: 'ngc-demo-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  standalone: true,
-  imports: [RouterOutlet, HeaderComponent, FooterComponent]
+    selector: 'ngc-demo-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    imports: [RouterOutlet, HeaderComponent, FooterComponent]
 })
 export class AppComponent implements OnInit, OnDestroy {
 

apps/demo/src/app/app.config.ts

@@ -1,5 +1,5 @@
 import { HttpClient, provideHttpClient } from '@angular/common/http';
-import { ENVIRONMENT_INITIALIZER, SecurityContext, ApplicationConfig } from '@angular/core';
+import { SecurityContext, ApplicationConfig, inject, provideEnvironmentInitializer } from '@angular/core';
 
 import {
   NgcCookieConsentConfig,
@@ -100,21 +100,16 @@ export const appConfig: ApplicationConfig = {
           gfm: true,
           breaks: false,
           pedantic: false,
-          smartLists: true,
-          smartypants: false,
         },
       },
       sanitize: SecurityContext.NONE,
     }),
-    {
-      provide: ENVIRONMENT_INITIALIZER,
-      useFactory: (iconLibrary: FaIconLibrary) => async () => {
+    provideEnvironmentInitializer(() => {
+        const initializerFn = ((iconLibrary: FaIconLibrary) => async () => {
         // Add any icons needed here:
         iconLibrary.addIcons(...iconsList);
-      },
-      // When using a factory provider you need to explicitly specify its dependencies.
-      deps: [FaIconLibrary],
-      multi: true,
-    },
+      })(inject(FaIconLibrary));
+        return initializerFn();
+      }),
   ],
 };

apps/demo/src/app/getting-started/getting-started.component.ts

@@ -8,7 +8,6 @@ import { MarkdownModule } from 'ngx-markdown';
     selector: 'ngc-demo-getting-started',
     templateUrl: './getting-started.component.html',
     styleUrls: ['./getting-started.component.scss'],
-    standalone: true,
     imports: [MarkdownModule]
 })
 export class GettingStartedComponent implements OnInit {

apps/demo/src/app/home/home.component.ts

@@ -8,7 +8,6 @@ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
     selector: 'ngc-demo-home',
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.scss'],
-    standalone: true,
     imports: [PlaygroundComponent, FaIconComponent]
 })
 export class HomeComponent implements OnInit {

apps/demo/src/app/home/playground/playground.component.ts

@@ -14,8 +14,7 @@ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
     selector: 'ngc-demo-playground',
     templateUrl: './playground.component.html',
     styleUrls: ['./playground.component.scss'],
-    standalone: true,
-    imports: [NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgFor, NgClass, FormsModule,FaIconComponent, NgbAccordionModule, ColorPickerModule, ClipboardModule, JsonPipe]
+    imports: [NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgFor, NgClass, FormsModule, FaIconComponent, NgbAccordionModule, ColorPickerModule, ClipboardModule, JsonPipe]
 })
 export class PlaygroundComponent {
 

apps/demo/src/app/shared/header/header.component.ts

@@ -6,7 +6,6 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
     selector: 'ngc-demo-header',
     templateUrl: './header.component.html',
     styleUrls: ['./header.component.scss'],
-    standalone: true,
     imports: [RouterLink, NgbCollapse, RouterLinkActive]
 })
 export class HeaderComponent {

libs/ngx-cookieconsent/.eslintrc.json

@@ -20,7 +20,8 @@
             "prefix": "ngc",
             "style": "kebab-case"
           }
-        ]
+        ],
+        "@angular-eslint/prefer-standalone": "off"
       },
       "extends": [
         "plugin:@nx/angular",

libs/ngx-cookieconsent/package.json

@@ -2,8 +2,8 @@
   "name": "ngx-cookieconsent",
   "version": "0.0.1",
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
     "cookieconsent": "^3.1.1"
   },