build(deps): upgraded to angular 19, fix scss deprecations

README.md

@@ -14,7 +14,8 @@ Angular multi-language module to display a cookie consent banner without other d
 | v1.2.0  | Angular v15 (not maintained) |
 | v1.3.0  | Angular v16 (not maintained) |
 | v2.0.0  | Angular v17 (not maintained) |
-| v3.0.0+ | Angular v18 __*maintained*__ |
+| v3.0.0  | Angular v18 (not maintained) |
+| v4.0.0+ | Angular v19 __*maintained*__ |
 
 
 ## Installation

package.json

@@ -10,22 +10,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.1.1",
-    "@angular/common": "^18.1.1",
-    "@angular/compiler": "^18.1.1",
-    "@angular/core": "^18.1.1",
-    "@angular/forms": "^18.1.1",
-    "@angular/platform-browser": "^18.1.1",
-    "@angular/platform-browser-dynamic": "^18.1.1",
-    "@angular/router": "^18.1.1",
+    "@angular/animations": "^19.1.4",
+    "@angular/common": "^19.1.4",
+    "@angular/compiler": "^19.1.4",
+    "@angular/core": "^19.1.4",
+    "@angular/forms": "^19.1.4",
+    "@angular/platform-browser": "^19.1.4",
+    "@angular/platform-browser-dynamic": "^19.1.4",
+    "@angular/router": "^19.1.4",
     "rxjs": "^7.4.0",
     "tslib": "^2.6.2",
-    "zone.js": "~0.14.4"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.1.1",
-    "@angular/cli": "~18.1.1",
-    "@angular/compiler-cli": "^18.1.1",
+    "@angular-devkit/build-angular": "^19.1.5",
+    "@angular/cli": "~19.1.5",
+    "@angular/compiler-cli": "^19.1.4",
     "@types/jasmine": "^5.1.4",
     "@types/node": "^20.11.24",
     "jasmine-core": "^5.1.2",
@@ -35,7 +35,7 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
     "karma-spec-reporter": "^0.0.36",
-    "ng-packagr": "^18.1.0",
+    "ng-packagr": "^19.1.2",
     "typescript": "~5.5.3"
   },
   "packageManager": "[email protected]+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447"

projects/ngx-cookie-consent/README.md

@@ -14,7 +14,8 @@ Angular multi-language module to display a cookie consent banner without other d
 | v1.2.0  | Angular v15 (not maintained) |
 | v1.3.0  | Angular v16 (not maintained) |
 | v2.0.0  | Angular v17 (not maintained) |
-| v3.0.0+ | Angular v18 __*maintained*__ |
+| v3.0.0  | Angular v18 (not maintained) |
+| v4.0.0+ | Angular v19 __*maintained*__ |
 
 
 ## Installation

projects/ngx-cookie-consent/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@localia/ngx-cookie-consent",
-    "version": "3.1.0",
+    "version": "4.0.0",
     "description": "Angular module to display a cookie consent banner without other dependencies.",
     "author": "Giacomo Barbalinardo <[email protected]>",
     "license": "MIT",
@@ -25,10 +25,10 @@
         "cookie-consent-banner"
     ],
     "peerDependencies": {
-        "@angular/common": "^18.0.0",
-        "@angular/core": "^18.0.0",
-        "@angular/forms": "^18.0.0",
-        "@angular/router": "^18.0.0",
+        "@angular/common": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@angular/forms": "^19.0.0",
+        "@angular/router": "^19.0.0",
         "rxjs": "^7.4.0"
     },
     "dependencies": {

projects/ngx-cookie-consent/src/lib/directives/if-consent/if-consent.directive.ts

@@ -3,7 +3,8 @@ import { NgxCookieManagerService } from '../../services/ngx-cookie-manager/ngx-c
 import { filter } from 'rxjs';
 
 @Directive({
-  selector: '[ngxIfConsent]'
+    selector: '[ngxIfConsent]',
+    standalone: false
 })
 export class IfConsentDirective implements OnInit, OnDestroy {
     private cookieName!: string;

projects/ngx-cookie-consent/src/lib/ngx-cookie-consent.component.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 .ngx-cc {
     box-sizing: border-box;
     position: fixed;
@@ -25,14 +27,14 @@
         width: 40px;
         height: 50px;
         padding: 12px 6px;
-        border: 1px solid lighten(#388edc, 10%);
+        border: 1px solid color.scale(#388edc, $lightness: 10%);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         background-color: #388edc;
         cursor: pointer;
         box-sizing: border-box;
 
         &:hover {
-            background-color: darken(#388edc, 10%);
+            background-color: color.scale(#388edc, $lightness: -10%);
         }
 
         svg {

projects/ngx-cookie-consent/src/lib/ngx-cookie-consent.component.ts

@@ -9,6 +9,7 @@ import { CustomLanguageConfig } from './config/custom-language-config.interface'
     selector: 'ngx-cookie-consent',
     templateUrl: './ngx-cookie-consent.component.html',
     styleUrls: ['./ngx-cookie-consent.component.scss'],
+    standalone: false
 })
 export class NgxCookieConsentComponent implements OnInit {
     cookieConsentVisible = false;

src/app/app.component.ts

@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent {
   title = 'library-workspace';

src/app/pages/about/about.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-about',
-  templateUrl: './about.component.html',
-  styleUrls: ['./about.component.scss']
+    selector: 'app-about',
+    templateUrl: './about.component.html',
+    styleUrls: ['./about.component.scss'],
+    standalone: false
 })
 export class AboutComponent implements OnInit {
 

src/app/pages/home/home.component.ts

@@ -4,7 +4,8 @@ import { NgxCookieManagerService } from 'projects/ngx-cookie-consent/src/public-
 @Component({
     selector: 'app-home',
     templateUrl: './home.component.html',
-    styleUrls: ['./home.component.scss']
+    styleUrls: ['./home.component.scss'],
+    standalone: false
 })
 export class HomeComponent implements OnInit {