updated material and other packages for angular 19 compatibility

Author: mohas22

package-lock.json

@@ -56,34 +56,34 @@
   },
   "dependencies": {
     "@angular/animations": "^19.2.14",
-    "@angular/cdk": "^18.2.13",
+    "@angular/cdk": "^19.2.19",
     "@angular/common": "^19.2.14",
     "@angular/compiler": "^19.2.14",
     "@angular/core": "^19.2.14",
     "@angular/forms": "^19.2.14",
-    "@angular/material": "^18.2.13",
-    "@angular/material-experimental": "^18.2.13",
-    "@angular/material-moment-adapter": "^18.2.13",
+    "@angular/material": "^19.2.19",
+    "@angular/material-experimental": "^19.2.19",
+    "@angular/material-moment-adapter": "^19.2.19",
     "@angular/platform-browser": "^19.2.14",
     "@angular/platform-browser-dynamic": "^19.2.14",
     "@angular/router": "^19.2.14",
-    "@danielmoncada/angular-datetime-picker": "^18.1.0",
+    "@danielmoncada/angular-datetime-picker": "^19.0.0",
     "@pega/auth": "~0.2.28",
     "@tinymce/tinymce-angular": "^8.0.1",
     "core-js": "^3.39.0",
     "dayjs": "^1.11.13",
     "downloadjs": "^1.4.7",
     "fast-deep-equal": "^3.1.3",
+    "mat-tel-input": "19.0.5-0",
     "libphonenumber-js": "^1.10.53",
     "lodash.clonedeep": "^4.5.0",
-    "ngx-currency": "^18.0.0",
-    "ngx-mat-intl-tel-input": "^5.0.0",
+    "ngx-currency": "^19.0.0",
     "rxjs": "^7.8.1",
     "tslib": "^2.8.1",
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^18.0.0",
+    "@angular-builders/custom-webpack": "^19.0.1",
     "@angular-devkit/build-angular": "^19.2.15",
     "@angular-devkit/core": "^19.2.15",
     "@angular-eslint/eslint-plugin": "^18.4.0",
@@ -123,10 +123,11 @@
     "shx": "^0.3.4",
     "tinymce": "^6.8.6",
     "ts-node": "~10.9.2",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.0",
     "webpack": "^5.96.1"
   },
   "overrides": {
+    "@angular/core": "^19.2.14",
     "esbuild": "^0.25.0"
   }
 }

package.json

@@ -6,10 +6,10 @@ import { ErrorBoundaryComponent } from '../../_components/infra/error-boundary/e
 const componentsRequireDisplayOnlyFAProp: string[] = ['HybridViewContainer', 'ModalViewContainer', 'ViewContainer', 'RootContainer', 'View'];
 
 @Component({
-    selector: 'component-mapper',
-    templateUrl: './component-mapper.component.html',
-    styleUrls: ['./component-mapper.component.scss'],
-    imports: [CommonModule]
+  selector: 'component-mapper',
+  templateUrl: './component-mapper.component.html',
+  styleUrls: ['./component-mapper.component.scss'],
+  imports: [CommonModule]
 })
 export class ComponentMapperComponent implements OnInit, OnDestroy, OnChanges {
   @ViewChild('dynamicComponent', { read: ViewContainerRef, static: true })

packages/angular-sdk-components/src/lib/_bridge/component-mapper/component-mapper.component.ts

@@ -3,10 +3,10 @@ import { CommonModule } from '@angular/common';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
-    selector: 'app-alert-banner',
-    templateUrl: './alert-banner.component.html',
-    styleUrls: ['./alert-banner.component.scss'],
-    imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+  selector: 'app-alert-banner',
+  templateUrl: './alert-banner.component.html',
+  styleUrls: ['./alert-banner.component.scss'],
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
 export class AlertBannerComponent {
   @Input() banners: any[];

packages/angular-sdk-components/src/lib/_components/designSystemExtension/alert-banner/alert-banner.component.ts

@@ -3,10 +3,10 @@ import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 
 @Component({
-    selector: 'app-alert',
-    templateUrl: './alert.component.html',
-    styleUrls: ['./alert.component.scss'],
-    imports: [CommonModule, MatIconModule]
+  selector: 'app-alert',
+  templateUrl: './alert.component.html',
+  styleUrls: ['./alert.component.scss'],
+  imports: [CommonModule, MatIconModule]
 })
 export class AlertComponent {
   @Input() message: any[];

packages/angular-sdk-components/src/lib/_components/designSystemExtension/alert/alert.component.ts

@@ -4,10 +4,10 @@ import { Component, Input, forwardRef } from '@angular/core';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
-    selector: 'app-banner',
-    templateUrl: './banner.component.html',
-    styleUrls: ['./banner.component.scss'],
-    imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+  selector: 'app-banner',
+  templateUrl: './banner.component.html',
+  styleUrls: ['./banner.component.scss'],
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
 export class BannerComponent {
   @Input() pConn$: typeof PConnect;

packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.ts

@@ -5,10 +5,10 @@ import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/an
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
-    selector: 'app-case-create-stage',
-    templateUrl: './case-create-stage.component.html',
-    styleUrls: ['./case-create-stage.component.scss'],
-    imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+  selector: 'app-case-create-stage',
+  templateUrl: './case-create-stage.component.html',
+  styleUrls: ['./case-create-stage.component.scss'],
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
 export class CaseCreateStageComponent implements OnInit, OnDestroy {
   @Input() pConn$: typeof PConnect;

packages/angular-sdk-components/src/lib/_components/designSystemExtension/case-create-stage/case-create-stage.component.ts

@@ -4,10 +4,10 @@ import { MatGridListModule } from '@angular/material/grid-list';
 import { MatIconModule } from '@angular/material/icon';
 
 @Component({
-    selector: 'app-field-group',
-    templateUrl: './field-group.component.html',
-    styleUrls: ['./field-group.component.scss'],
-    imports: [CommonModule, MatGridListModule, MatIconModule]
+  selector: 'app-field-group',
+  templateUrl: './field-group.component.html',
+  styleUrls: ['./field-group.component.scss'],
+  imports: [CommonModule, MatGridListModule, MatIconModule]
 })
 export class FieldGroupComponent {
   @Input() name?: string;

packages/angular-sdk-components/src/lib/_components/designSystemExtension/field-group/field-group.component.ts

@@ -4,10 +4,10 @@ import { Utils } from '../../../_helpers/utils';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
-    selector: 'app-material-case-summary',
-    templateUrl: './material-case-summary.component.html',
-    styleUrls: ['./material-case-summary.component.scss'],
-    imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+  selector: 'app-material-case-summary',
+  templateUrl: './material-case-summary.component.html',
+  styleUrls: ['./material-case-summary.component.scss'],
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
 export class MaterialCaseSummaryComponent implements OnInit, OnChanges {
   @Input() status$: string;

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.ts

@@ -4,10 +4,10 @@ import { CommonModule } from '@angular/common';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
 
 @Component({
-    selector: 'app-material-details-fields',
-    templateUrl: './material-details-fields.component.html',
-    styleUrls: ['./material-details-fields.component.scss'],
-    imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+  selector: 'app-material-details-fields',
+  templateUrl: './material-details-fields.component.html',
+  styleUrls: ['./material-details-fields.component.scss'],
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
 export class MaterialDetailsFieldsComponent {
   constructor(private utils: Utils) {}