From 71fc54c66fd791b187ec5bd9d79e6b0c4c027b71 Mon Sep 17 00:00:00 2001
From: govindrgraj <govindrgraj@gmail.com>
Date: Wed, 18 Jan 2023 22:07:42 +0530
Subject: [PATCH 01/20] Update package.json

216 build server not supported the NPM and Node and NVM versions.
Hence not able to continue our build process...
---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 20f80cc00..1332cbbe2 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.1.0",
+  "version": "3.2.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 87446c090950cf53a5f9c31dde9f7495146c848e Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Wed, 18 Jan 2023 22:11:44 +0530
Subject: [PATCH 02/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 1332cbbe2..2a73495c5 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 205d8b14e28b1a36a24d4b75bd3ae72dd4402980 Mon Sep 17 00:00:00 2001
From: govindrgraj <govindrgraj@gmail.com>
Date: Thu, 19 Jan 2023 12:11:42 +0530
Subject: [PATCH 03/20] Update package.json

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 2a73495c5..4ca6b86a1 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "3.3.0",
+  "version": "4.0.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 31c3be4ace823e3265c2b918f768fc800a768872 Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Thu, 19 Jan 2023 12:15:07 +0530
Subject: [PATCH 04/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 4ca6b86a1..20f80cc00 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 3dbad06dd5a2874a5aaac751b2c526d1441dd8d3 Mon Sep 17 00:00:00 2001
From: assureclaims <84139537+assureclaims@users.noreply.github.com>
Date: Fri, 20 Jan 2023 16:49:31 +0530
Subject: [PATCH 05/20] multi line label issues with select component

---
 .../src/lib/dxc-select/select.scss            | 19 +++++++++++++------
 .../dxc-ngx-cdk/src/lib/dxc-select/select.ts  | 10 ++++------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
index 2b579d94a..4a0cb9794 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
@@ -13,9 +13,10 @@ $mat-select-placeholder-arrow-space: 2 *
   ($mat-select-arrow-size + $mat-select-arrow-margin);
 
 .mat-select {
-  display: inline-block;
+  // display: inline-block;
   width: 100%;
   outline: none;
+  border-bottom: 1px solid var(--select-color);
 }
 
 .mat-select-trigger {
@@ -32,13 +33,18 @@ $mat-select-placeholder-arrow-space: 2 *
 }
 
 .mat-select-value {
-  display: table-cell;
-  max-width: 0;
-  width: 100%;
+  // display: table-cell;
+  // max-width: 0;
+  // width: 100%;
+  // overflow: hidden;
+  // text-overflow: ellipsis;
+  // white-space: nowrap;
+  // vertical-align: middle;
+  display:inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  vertical-align: middle;
+  min-width: calc(100% - 1rem);
 }
 
 .mat-select-value-text {
@@ -46,7 +52,8 @@ $mat-select-placeholder-arrow-space: 2 *
 }
 
 .mat-select-arrow-wrapper {
-  display: table-cell;
+  // display: table-cell;
+  width: 1rem;
   vertical-align: middle;
 
   // When used in a box appearance form-field the arrow should be shifted up 50%.
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
index 4184ca481..cb2a00a2b 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
@@ -1306,14 +1306,12 @@ export abstract class _MatSelectBase<C>
       &.mat-select {
         ${this.utils.calculateWidth(this.sizes, this)}
       }
-      height: 66.5px;
       position: relative;
 
       &.mat-select-disabled {
         cursor: not-allowed;
         .mat-select-trigger {
           cursor: not-allowed;
-          border-bottom: 1px solid var(--select-disabledColor) !important;
           outline: none !important;
         }
         .assistiveText {
@@ -1349,10 +1347,10 @@ export abstract class _MatSelectBase<C>
       }
 
       .mat-select-trigger {
-        border-top-width: 0.84375em;
-        border-top-style: solid;
-        border-top-color: transparent;
-        border-bottom: 1px solid var(--select-color);
+        // border-top-width: 0.84375em;
+        // border-top-style: solid;
+        // border-top-color: transparent;
+        //border-bottom: 1px solid var(--select-color);
         :focus{
           outline: -webkit-focus-ring-color auto 1px;
           outline-color: var(--select-focusColor);

From fa2bcf0c2ad352d6848e8772c7de8fd1628b2fbc Mon Sep 17 00:00:00 2001
From: assureclaims <84139537+assureclaims@users.noreply.github.com>
Date: Fri, 20 Jan 2023 17:56:09 +0530
Subject: [PATCH 06/20] multi line label issue for select control fixed

---
 projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
index cb2a00a2b..df4632e4f 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
@@ -1305,14 +1305,20 @@ export abstract class _MatSelectBase<C>
       ${this.utils.getMargins(this.margin)}
       &.mat-select {
         ${this.utils.calculateWidth(this.sizes, this)}
+         .mat-select-trigger {  
+          .mat-select-arrow {
+            margin: 0.9rem 0 0 0!important;
+          }
       }
       position: relative;
 
       &.mat-select-disabled {
         cursor: not-allowed;
+        border-bottom: 1px solid var(--select-disabledColor) !important;
         .mat-select-trigger {
           cursor: not-allowed;
           outline: none !important;
+        
         }
         .assistiveText {
           color: var(--select-disabledColor) !important;
@@ -1351,7 +1357,7 @@ export abstract class _MatSelectBase<C>
         // border-top-style: solid;
         // border-top-color: transparent;
         //border-bottom: 1px solid var(--select-color);
-        :focus{
+        :focus {
           outline: -webkit-focus-ring-color auto 1px;
           outline-color: var(--select-focusColor);
         }

From 8f4893464ea586fecb5158af86f06d27db6cb833 Mon Sep 17 00:00:00 2001
From: assureclaims <84139537+assureclaims@users.noreply.github.com>
Date: Mon, 23 Jan 2023 11:43:04 +0530
Subject: [PATCH 07/20] Disable Control issues

---
 projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts             | 1 -
 .../src/lib/dxc-text-input/dxc-input-text.component.ts        | 4 ----
 2 files changed, 5 deletions(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
index df4632e4f..3e980c67a 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.ts
@@ -1314,7 +1314,6 @@ export abstract class _MatSelectBase<C>
 
       &.mat-select-disabled {
         cursor: not-allowed;
-        border-bottom: 1px solid var(--select-disabledColor) !important;
         .mat-select-trigger {
           cursor: not-allowed;
           outline: none !important;
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
index b30ad6208..bf59487ee 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
@@ -481,9 +481,6 @@ export class DxcTextInputComponent
           .mat-hint {
             color: var(--inputText-disabledFontColor);
           }
-          .mat-form-field-underline {
-            background-color: var(--inputText-disabledFontColor) !important;
-          }
           .mat-form-field-empty mat-label {
             color: var(--inputText-disabledFontColor);
           }
@@ -516,7 +513,6 @@ export class DxcTextInputComponent
               color: var(--inputText-fontColor);
             }
             .mat-form-field-underline {
-              background-color: var(--inputText-fontColor) !important;
               .mat-form-field-ripple {
                 background-color: var(--inputText-fontColor) !important;
               }

From ce63e97be1374cb90d411d7f610956fbe5020ce0 Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Wed, 25 Jan 2023 14:03:49 +0530
Subject: [PATCH 08/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 20f80cc00..2480c421d 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 5495b66e8917045d4806de02480c15b81e9aa4a0 Mon Sep 17 00:00:00 2001
From: assureclaims <84139537+assureclaims@users.noreply.github.com>
Date: Fri, 27 Jan 2023 21:43:39 +0530
Subject: [PATCH 09/20] multiline label issue

---
 projects/dxc-ngx-cdk/src/lib/dxc-select/select.html | 2 +-
 projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
index 0c412d2cf..88d5832f7 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
@@ -8,7 +8,7 @@
  See https://github.com/angular/components/issues/20694
 -->
 <span class="assistiveText">{{assistiveText}}</span>
-<label class="selectLabel">
+<label class="selectLabel" *ngIf="label">
   <span *ngIf="required" class="select-required">*</span>
   <span>{{label}}</span>
 </label>
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
index 4a0cb9794..17a427e48 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.scss
@@ -12,7 +12,7 @@ $mat-select-item-height: 3em !default;
 $mat-select-placeholder-arrow-space: 2 *
   ($mat-select-arrow-size + $mat-select-arrow-margin);
 
-.mat-select {
+.mat-select, .mat-select-empty {
   // display: inline-block;
   width: 100%;
   outline: none;

From 5c63aa50794944cc152b2bcd80c710cfc9aa0d3d Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Fri, 27 Jan 2023 21:47:08 +0530
Subject: [PATCH 10/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 2480c421d..a7d8801c6 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From 9e0a65583a661731a6995b159a72ad23185f4629 Mon Sep 17 00:00:00 2001
From: Shivam Anand <shivam.anand@dxc.com>
Date: Tue, 21 Feb 2023 15:51:54 +0530
Subject: [PATCH 11/20] feature/RMA-100989 : checkin on behalf of sachin

---
 .../dxc-ngx-cdk/src/assets/scss/core.scss     |   6 +-
 .../dxc-dialog-body.component.css             |   0
 .../dxc-dialog-body.component.html            |   1 +
 .../dxc-dialog-body.component.spec.ts         |  25 ++
 .../dxc-dialog-body.component.ts              |  15 +
 .../dxc-dialog-header.component.css           |   0
 .../dxc-dialog-header.component.html          |   1 +
 .../dxc-dialog-header.component.spec.ts       |  25 ++
 .../dxc-dialog-header.component.ts            |  15 +
 .../lib/dxc-dialog/dxc-dialog.component.html  |  35 ++-
 .../lib/dxc-dialog/dxc-dialog.component.scss  | 282 ++++++++++++++++++
 .../lib/dxc-dialog/dxc-dialog.component.ts    |  43 +--
 .../src/lib/dxc-dialog/dxc-dialog.module.ts   |   6 +-
 .../src/lib/dxc-dialog/props/dailog-props.ts  |  21 ++
 14 files changed, 437 insertions(+), 38 deletions(-)
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts

diff --git a/projects/dxc-ngx-cdk/src/assets/scss/core.scss b/projects/dxc-ngx-cdk/src/assets/scss/core.scss
index 9736e2f8f..a23fa5e50 100644
--- a/projects/dxc-ngx-cdk/src/assets/scss/core.scss
+++ b/projects/dxc-ngx-cdk/src/assets/scss/core.scss
@@ -25,8 +25,6 @@
 //   width: 1150px;
 //   margin: 4px;
 //   flex: 1 0 150px;
+//   flex: 1 0 150px;
 // }
-dxc-dialog::ng-deep .container {
-  width: 600px;
-  margin: 30px auto;
-}
+
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
new file mode 100644
index 000000000..95a0b70bd
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
@@ -0,0 +1 @@
+<ng-content></ng-content>
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
new file mode 100644
index 000000000..235c18510
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DxcDialogBodyComponent } from './dxc-dialog-body.component';
+
+describe('DxcDialogBodyComponent', () => {
+  let component: DxcDialogBodyComponent;
+  let fixture: ComponentFixture<DxcDialogBodyComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DxcDialogBodyComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DxcDialogBodyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
new file mode 100644
index 000000000..3d59f428a
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'dxc-dialog-body',
+  templateUrl: './dxc-dialog-body.component.html',
+  styleUrls: ['./dxc-dialog-body.component.css']
+})
+export class DxcDialogBodyComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
new file mode 100644
index 000000000..95a0b70bd
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
@@ -0,0 +1 @@
+<ng-content></ng-content>
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
new file mode 100644
index 000000000..4c71db8a7
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DxcDialogHeaderComponent } from './dxc-dialog-header.component';
+
+describe('DxcDialogHeaderComponent', () => {
+  let component: DxcDialogHeaderComponent;
+  let fixture: ComponentFixture<DxcDialogHeaderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DxcDialogHeaderComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DxcDialogHeaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
new file mode 100644
index 000000000..ab76cbfb2
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'dxc-dialog-header',
+  templateUrl: './dxc-dialog-header.component.html',
+  styleUrls: ['./dxc-dialog-header.component.css']
+})
+export class DxcDialogHeaderComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
index 7dc8c669a..b34e6e34c 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
@@ -1,19 +1,26 @@
-<div class="dialog">
+<div class="dialog h-100 w-100 d-flex align-items-center justify-content-center">
   <div class="backOverlay" role="overlay" (click)="onBackgroundClickHandler($event)" [class.backVisible]="overlay">
   </div>
-  <div class="container">
-    <div class="dialogContainer">
-      <div class="content" tabindex="0" role="dialog" (keydown)="startKeyPress($event)" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" 
-      [attr.aria-describedby]="ariaDescribedBy" #dialogboxstart>
-        <a href="javascript:void(0);" class="closeIcon" *ngIf="isCloseVisible" [attr.aria-label]="closeButtonLabel" [matTooltip]="closeButtonLabel"
-          (click)="onCloseHandler($event)" [tabindex]="tabIndexValue" role="button">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-            <path
-              d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-            <path d="M0 0h24v24H0z" fill="none" />
-          </svg>
-        </a>
-        <ng-content></ng-content>
+  <div [ngClass]="'container p-0 mw-100 mph-' + height + ' mpw-'+ width">
+    <div class="dialogContainer h-100 w-100" #dialogboxstart>
+      <div #dialogHeader [style.height.px]="headerHeight" class="dialog-header d-flex align-items-center justify-content-between px-2">
+        <span>
+          <ng-content select="dxc-dialog-header"></ng-content>
+        </span>
+        <span *ngIf="isCloseVisible" >
+          <a href="javascript:void(0);" class="closeIcon" [attr.aria-label]="closeButtonLabel"
+            [matTooltip]="closeButtonLabel" (click)="onCloseHandler($event)" [tabindex]="tabIndexValue" role="button">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+              <path
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+              <path d="M0 0h24v24H0z" fill="none" />
+            </svg>
+          </a>
+        </span>
+      </div>
+      <div class="content" tabindex="0" role="dialog" (keydown)="startKeyPress($event)" [attr.aria-label]="ariaLabel"
+        [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-describedby]="ariaDescribedBy">
+        <ng-content select="dxc-dialog-body"></ng-content>
         <span #dialogboxreturn tabindex="-1" (onblur)="returnFocusOut($event)"></span>
         <span #dialogboxend tabindex="0" (focus)="endFocus($event)"></span>
       </div>
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
new file mode 100644
index 000000000..91dbb69e7
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
@@ -0,0 +1,282 @@
+$size: (30: 30%,
+  40: 40%,
+  50: 50%,
+  60: 60%,
+  70: 70%,
+  80: 80%,
+  90: 90%,
+  100: 100%);
+
+@mixin size-modifiers {
+
+  @each $name,
+  $value in $size {
+    .mph-#{$name} {
+      @if $value <=40 {
+        min-height: $value;
+        height: auto;
+      }
+
+      @else {
+        height: $value;
+      }
+    }
+
+    .mpw-#{$name} {
+      @if $value <=40 {
+        min-width: $value;
+        width: auto;
+      }
+
+      @else {
+        width: $value;
+      }
+    }
+  }
+}
+
+.dialog {
+  @include size-modifiers;
+}
+
+
+/* ----------- iPhone 4 and 4S ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}
+
+/* Portrait */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 6+, 7+ and 8+ ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone X ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+@media only screen and (max-width: 768px) {
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
index 29226463b..47f7b0f2c 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
@@ -14,19 +14,23 @@ import { css } from "emotion";
 import { BehaviorSubject } from "rxjs";
 import { CssUtils } from "../utils";
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-
+import { MODEL_HEIGHT, MODEL_WIDTH} from './props/dailog-props';
 @Component({
   selector: "dxc-dialog",
   templateUrl: "./dxc-dialog.component.html",
+  styleUrls: ["./dxc-dialog.component.scss"],
   providers: [CssUtils],
 })
 export class DxcDialogComponent implements AfterViewInit {
   @ViewChild('dialogboxstart', { read: ElementRef, static: false }) dialogboxstart: ElementRef;
+  @ViewChild('dialogHeader', { read: ElementRef, static: false }) dialogHeader: ElementRef;
   @ViewChild('dialogboxreturn', { read: ElementRef, static: false }) dialogboxreturn: ElementRef;
   @ViewChild('dialogboxend', { read: ElementRef, static: false }) dialogboxend: ElementRef;
   @Input('ariaLabel') ariaLabel: string = null;
   @Input('ariaLabelledBy') ariaLabelledBy: string = null;
-  @Input('ariaDescribedBy') ariaDescribedBy: string = null; 
+  @Input('ariaDescribedBy') ariaDescribedBy: string = null;
+  @Input('height') height: MODEL_HEIGHT = MODEL_HEIGHT.lg;
+  @Input('width') width: MODEL_WIDTH =  MODEL_WIDTH.md;
   @HostListener('keydown.escape')
   escape() {
     this.onCloseHandler(true);
@@ -58,6 +62,15 @@ export class DxcDialogComponent implements AfterViewInit {
     this._tabIndexValue = coerceNumberProperty(value);
   }
   private _tabIndexValue;
+  @Input()
+  get headerHeight(): number {
+    return this._headerHeight;
+  }
+  set headerHeight(value: number) {
+    this._headerHeight = value;
+  }
+  private _headerHeight = 40;
+
   @Output() onCloseClick = new EventEmitter<any>();
   @Output() onBackgroundClick = new EventEmitter<any>();
 
@@ -97,6 +110,7 @@ export class DxcDialogComponent implements AfterViewInit {
   ngAfterViewInit(): void {
     setTimeout(() => {
       this.dialogboxstart.nativeElement.focus();
+      this.headerHeight = this.dialogHeader.nativeElement?.clientHeight ? this.dialogHeader.nativeElement : this.headerHeight;
     }, 1);
   }
 
@@ -122,7 +136,7 @@ export class DxcDialogComponent implements AfterViewInit {
     if (overlay === true) {
       return css`
         background-color: var(--dialog-overlayColor);
-        opacity: 0.8 !important;
+        opacity: var(--dialog-overlayOpacity) !important;
       `;
     } else
       return css`
@@ -158,9 +172,6 @@ export class DxcDialogComponent implements AfterViewInit {
           opacity: 1;
           transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
           .dialogContainer {
-            overflow: unset;
-            max-width: 80%;
-            min-width: 800px;
             ${inputs.isCloseVisible
         ? css`
                   min-height: 72px;
@@ -169,29 +180,25 @@ export class DxcDialogComponent implements AfterViewInit {
             box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
             ${this.utils.getPaddings(inputs.padding)}
             display: flex;
-            max-height: calc(100% - 96px);
             flex-direction: column;
-            margin: 48px;
             position: relative;
-            overflow-y: auto;
             border-radius: 4px;
-            color: rgba(0, 0, 0, 0.87);
             transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
             background-color: var(--dialog-backgroundColor);
+            .dialog-header{
+              background-color: var(--dialog-header-backgroundColor);
+              border-bottom: 1px solid var(--dialog-header-borderColor);
+            }
             .closeIcon {
-              display: flex;
-              justify-content: flex-end;
-              position: absolute;
-              top: 20px;
-              right: 20px;
               svg {
                 cursor: pointer;
-                width: 34px;
-                height: 34px;
+                width: 24px;
+                height: 24px;
               }
             }
             .content {
-              overflow-y: initial;
+              overflow-y: overlay;
+              height: calc(100% - ${this.headerHeight + 5}px);
               ::-webkit-scrollbar {
                 width: 3px;
               }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
index 58b394e55..16e1b030b 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
@@ -2,10 +2,12 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DxcDialogComponent } from "./dxc-dialog.component";
+import { DxcDialogHeaderComponent } from './dxc-dialog-header/dxc-dialog-header.component';
+import { DxcDialogBodyComponent } from './dxc-dialog-body/dxc-dialog-body.component';
 
 @NgModule({
-  declarations: [DxcDialogComponent],
+  declarations: [DxcDialogComponent, DxcDialogHeaderComponent, DxcDialogBodyComponent],
   imports: [CommonModule, MatTooltipModule],
-  exports: [DxcDialogComponent],
+  exports: [DxcDialogComponent, DxcDialogHeaderComponent, DxcDialogBodyComponent],
 })
 export class DxcDialogModule {}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts
new file mode 100644
index 000000000..331281fa6
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts
@@ -0,0 +1,21 @@
+export enum MODEL_HEIGHT {
+    xs = 30,
+    esm = 40,
+    sm = 50,
+    md = 60, 
+    emd = 70, 
+    lg = 80, 
+    elg = 90, 
+    xl = 100
+}
+
+export enum MODEL_WIDTH {
+    xs = 30,
+    esm = 40,
+    sm = 50,
+    md = 60, 
+    emd = 70, 
+    lg = 80, 
+    elg = 90, 
+    xl = 100
+}
\ No newline at end of file

From 9eb2de773c88ff7761704be79e86fc1d1048776f Mon Sep 17 00:00:00 2001
From: Shivam Anand <shivam.anand@dxc.com>
Date: Tue, 21 Feb 2023 15:55:02 +0530
Subject: [PATCH 12/20] checkin on behalf of sachin

---
 .../dxc-ngx-cdk/src/assets/scss/core.scss     |   6 +-
 .../dxc-dialog-body.component.css             |   0
 .../dxc-dialog-body.component.html            |   1 +
 .../dxc-dialog-body.component.spec.ts         |  25 ++
 .../dxc-dialog-body.component.ts              |  15 +
 .../dxc-dialog-header.component.css           |   0
 .../dxc-dialog-header.component.html          |   1 +
 .../dxc-dialog-header.component.spec.ts       |  25 ++
 .../dxc-dialog-header.component.ts            |  15 +
 .../lib/dxc-dialog/dxc-dialog.component.html  |  35 ++-
 .../lib/dxc-dialog/dxc-dialog.component.scss  | 282 ++++++++++++++++++
 .../lib/dxc-dialog/dxc-dialog.component.ts    |  43 +--
 .../src/lib/dxc-dialog/dxc-dialog.module.ts   |   6 +-
 .../src/lib/dxc-dialog/props/dailog-props.ts  |  21 ++
 14 files changed, 437 insertions(+), 38 deletions(-)
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts

diff --git a/projects/dxc-ngx-cdk/src/assets/scss/core.scss b/projects/dxc-ngx-cdk/src/assets/scss/core.scss
index 9736e2f8f..a23fa5e50 100644
--- a/projects/dxc-ngx-cdk/src/assets/scss/core.scss
+++ b/projects/dxc-ngx-cdk/src/assets/scss/core.scss
@@ -25,8 +25,6 @@
 //   width: 1150px;
 //   margin: 4px;
 //   flex: 1 0 150px;
+//   flex: 1 0 150px;
 // }
-dxc-dialog::ng-deep .container {
-  width: 600px;
-  margin: 30px auto;
-}
+
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
new file mode 100644
index 000000000..95a0b70bd
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.html
@@ -0,0 +1 @@
+<ng-content></ng-content>
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
new file mode 100644
index 000000000..235c18510
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DxcDialogBodyComponent } from './dxc-dialog-body.component';
+
+describe('DxcDialogBodyComponent', () => {
+  let component: DxcDialogBodyComponent;
+  let fixture: ComponentFixture<DxcDialogBodyComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DxcDialogBodyComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DxcDialogBodyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
new file mode 100644
index 000000000..3d59f428a
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'dxc-dialog-body',
+  templateUrl: './dxc-dialog-body.component.html',
+  styleUrls: ['./dxc-dialog-body.component.css']
+})
+export class DxcDialogBodyComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
new file mode 100644
index 000000000..95a0b70bd
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.html
@@ -0,0 +1 @@
+<ng-content></ng-content>
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
new file mode 100644
index 000000000..4c71db8a7
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DxcDialogHeaderComponent } from './dxc-dialog-header.component';
+
+describe('DxcDialogHeaderComponent', () => {
+  let component: DxcDialogHeaderComponent;
+  let fixture: ComponentFixture<DxcDialogHeaderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DxcDialogHeaderComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DxcDialogHeaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
new file mode 100644
index 000000000..ab76cbfb2
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'dxc-dialog-header',
+  templateUrl: './dxc-dialog-header.component.html',
+  styleUrls: ['./dxc-dialog-header.component.css']
+})
+export class DxcDialogHeaderComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
index 7dc8c669a..b34e6e34c 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.html
@@ -1,19 +1,26 @@
-<div class="dialog">
+<div class="dialog h-100 w-100 d-flex align-items-center justify-content-center">
   <div class="backOverlay" role="overlay" (click)="onBackgroundClickHandler($event)" [class.backVisible]="overlay">
   </div>
-  <div class="container">
-    <div class="dialogContainer">
-      <div class="content" tabindex="0" role="dialog" (keydown)="startKeyPress($event)" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" 
-      [attr.aria-describedby]="ariaDescribedBy" #dialogboxstart>
-        <a href="javascript:void(0);" class="closeIcon" *ngIf="isCloseVisible" [attr.aria-label]="closeButtonLabel" [matTooltip]="closeButtonLabel"
-          (click)="onCloseHandler($event)" [tabindex]="tabIndexValue" role="button">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-            <path
-              d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-            <path d="M0 0h24v24H0z" fill="none" />
-          </svg>
-        </a>
-        <ng-content></ng-content>
+  <div [ngClass]="'container p-0 mw-100 mph-' + height + ' mpw-'+ width">
+    <div class="dialogContainer h-100 w-100" #dialogboxstart>
+      <div #dialogHeader [style.height.px]="headerHeight" class="dialog-header d-flex align-items-center justify-content-between px-2">
+        <span>
+          <ng-content select="dxc-dialog-header"></ng-content>
+        </span>
+        <span *ngIf="isCloseVisible" >
+          <a href="javascript:void(0);" class="closeIcon" [attr.aria-label]="closeButtonLabel"
+            [matTooltip]="closeButtonLabel" (click)="onCloseHandler($event)" [tabindex]="tabIndexValue" role="button">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+              <path
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+              <path d="M0 0h24v24H0z" fill="none" />
+            </svg>
+          </a>
+        </span>
+      </div>
+      <div class="content" tabindex="0" role="dialog" (keydown)="startKeyPress($event)" [attr.aria-label]="ariaLabel"
+        [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-describedby]="ariaDescribedBy">
+        <ng-content select="dxc-dialog-body"></ng-content>
         <span #dialogboxreturn tabindex="-1" (onblur)="returnFocusOut($event)"></span>
         <span #dialogboxend tabindex="0" (focus)="endFocus($event)"></span>
       </div>
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
new file mode 100644
index 000000000..91dbb69e7
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.scss
@@ -0,0 +1,282 @@
+$size: (30: 30%,
+  40: 40%,
+  50: 50%,
+  60: 60%,
+  70: 70%,
+  80: 80%,
+  90: 90%,
+  100: 100%);
+
+@mixin size-modifiers {
+
+  @each $name,
+  $value in $size {
+    .mph-#{$name} {
+      @if $value <=40 {
+        min-height: $value;
+        height: auto;
+      }
+
+      @else {
+        height: $value;
+      }
+    }
+
+    .mpw-#{$name} {
+      @if $value <=40 {
+        min-width: $value;
+        width: auto;
+      }
+
+      @else {
+        width: $value;
+      }
+    }
+  }
+}
+
+.dialog {
+  @include size-modifiers;
+}
+
+
+/* ----------- iPhone 4 and 4S ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}
+
+/* Portrait */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone 6+, 7+ and 8+ ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
+
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* ----------- iPhone X ----------- */
+
+/* Portrait and Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Portrait */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+/* Landscape */
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
+
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+
+}
+
+@media only screen and (max-width: 768px) {
+  .dialog {
+    [class*="mph-"] {
+      height: 95% !important;
+    }
+
+    [class*="mpw-"] {
+      width: 95% !important;
+    }
+  }
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
index 29226463b..47f7b0f2c 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.component.ts
@@ -14,19 +14,23 @@ import { css } from "emotion";
 import { BehaviorSubject } from "rxjs";
 import { CssUtils } from "../utils";
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-
+import { MODEL_HEIGHT, MODEL_WIDTH} from './props/dailog-props';
 @Component({
   selector: "dxc-dialog",
   templateUrl: "./dxc-dialog.component.html",
+  styleUrls: ["./dxc-dialog.component.scss"],
   providers: [CssUtils],
 })
 export class DxcDialogComponent implements AfterViewInit {
   @ViewChild('dialogboxstart', { read: ElementRef, static: false }) dialogboxstart: ElementRef;
+  @ViewChild('dialogHeader', { read: ElementRef, static: false }) dialogHeader: ElementRef;
   @ViewChild('dialogboxreturn', { read: ElementRef, static: false }) dialogboxreturn: ElementRef;
   @ViewChild('dialogboxend', { read: ElementRef, static: false }) dialogboxend: ElementRef;
   @Input('ariaLabel') ariaLabel: string = null;
   @Input('ariaLabelledBy') ariaLabelledBy: string = null;
-  @Input('ariaDescribedBy') ariaDescribedBy: string = null; 
+  @Input('ariaDescribedBy') ariaDescribedBy: string = null;
+  @Input('height') height: MODEL_HEIGHT = MODEL_HEIGHT.lg;
+  @Input('width') width: MODEL_WIDTH =  MODEL_WIDTH.md;
   @HostListener('keydown.escape')
   escape() {
     this.onCloseHandler(true);
@@ -58,6 +62,15 @@ export class DxcDialogComponent implements AfterViewInit {
     this._tabIndexValue = coerceNumberProperty(value);
   }
   private _tabIndexValue;
+  @Input()
+  get headerHeight(): number {
+    return this._headerHeight;
+  }
+  set headerHeight(value: number) {
+    this._headerHeight = value;
+  }
+  private _headerHeight = 40;
+
   @Output() onCloseClick = new EventEmitter<any>();
   @Output() onBackgroundClick = new EventEmitter<any>();
 
@@ -97,6 +110,7 @@ export class DxcDialogComponent implements AfterViewInit {
   ngAfterViewInit(): void {
     setTimeout(() => {
       this.dialogboxstart.nativeElement.focus();
+      this.headerHeight = this.dialogHeader.nativeElement?.clientHeight ? this.dialogHeader.nativeElement : this.headerHeight;
     }, 1);
   }
 
@@ -122,7 +136,7 @@ export class DxcDialogComponent implements AfterViewInit {
     if (overlay === true) {
       return css`
         background-color: var(--dialog-overlayColor);
-        opacity: 0.8 !important;
+        opacity: var(--dialog-overlayOpacity) !important;
       `;
     } else
       return css`
@@ -158,9 +172,6 @@ export class DxcDialogComponent implements AfterViewInit {
           opacity: 1;
           transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
           .dialogContainer {
-            overflow: unset;
-            max-width: 80%;
-            min-width: 800px;
             ${inputs.isCloseVisible
         ? css`
                   min-height: 72px;
@@ -169,29 +180,25 @@ export class DxcDialogComponent implements AfterViewInit {
             box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
             ${this.utils.getPaddings(inputs.padding)}
             display: flex;
-            max-height: calc(100% - 96px);
             flex-direction: column;
-            margin: 48px;
             position: relative;
-            overflow-y: auto;
             border-radius: 4px;
-            color: rgba(0, 0, 0, 0.87);
             transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
             background-color: var(--dialog-backgroundColor);
+            .dialog-header{
+              background-color: var(--dialog-header-backgroundColor);
+              border-bottom: 1px solid var(--dialog-header-borderColor);
+            }
             .closeIcon {
-              display: flex;
-              justify-content: flex-end;
-              position: absolute;
-              top: 20px;
-              right: 20px;
               svg {
                 cursor: pointer;
-                width: 34px;
-                height: 34px;
+                width: 24px;
+                height: 24px;
               }
             }
             .content {
-              overflow-y: initial;
+              overflow-y: overlay;
+              height: calc(100% - ${this.headerHeight + 5}px);
               ::-webkit-scrollbar {
                 width: 3px;
               }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
index 58b394e55..16e1b030b 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/dxc-dialog.module.ts
@@ -2,10 +2,12 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DxcDialogComponent } from "./dxc-dialog.component";
+import { DxcDialogHeaderComponent } from './dxc-dialog-header/dxc-dialog-header.component';
+import { DxcDialogBodyComponent } from './dxc-dialog-body/dxc-dialog-body.component';
 
 @NgModule({
-  declarations: [DxcDialogComponent],
+  declarations: [DxcDialogComponent, DxcDialogHeaderComponent, DxcDialogBodyComponent],
   imports: [CommonModule, MatTooltipModule],
-  exports: [DxcDialogComponent],
+  exports: [DxcDialogComponent, DxcDialogHeaderComponent, DxcDialogBodyComponent],
 })
 export class DxcDialogModule {}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts
new file mode 100644
index 000000000..331281fa6
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-dialog/props/dailog-props.ts
@@ -0,0 +1,21 @@
+export enum MODEL_HEIGHT {
+    xs = 30,
+    esm = 40,
+    sm = 50,
+    md = 60, 
+    emd = 70, 
+    lg = 80, 
+    elg = 90, 
+    xl = 100
+}
+
+export enum MODEL_WIDTH {
+    xs = 30,
+    esm = 40,
+    sm = 50,
+    md = 60, 
+    emd = 70, 
+    lg = 80, 
+    elg = 90, 
+    xl = 100
+}
\ No newline at end of file

From 968eb0ad1f6f0d0452e426189cdc47214027d6ea Mon Sep 17 00:00:00 2001
From: Shivam Anand <shivam.anand@dxc.com>
Date: Tue, 21 Feb 2023 16:19:02 +0530
Subject: [PATCH 13/20] missing changes

---
 projects/dxc-ngx-cdk/src/public-api.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/projects/dxc-ngx-cdk/src/public-api.ts b/projects/dxc-ngx-cdk/src/public-api.ts
index 7e613833d..4ad6f718e 100644
--- a/projects/dxc-ngx-cdk/src/public-api.ts
+++ b/projects/dxc-ngx-cdk/src/public-api.ts
@@ -42,6 +42,9 @@ export * from './lib/dxc-date/dxc-date.component';
 export * from './lib/dxc-date/dxc-date.module';
 
 export * from './lib/dxc-dialog/dxc-dialog.component';
+export * from './lib/dxc-dialog/dxc-dialog-header/dxc-dialog-header.component';
+export * from './lib/dxc-dialog/dxc-dialog-body/dxc-dialog-body.component';
+export * from './lib/dxc-dialog/props/dailog-props';
 export * from './lib/dxc-dialog/dxc-dialog.module';
 
 export * from './lib/dxc-dropdown/dxc-dropdown.component';

From cec3e81a7213c7c002984cec55cc600287b7076c Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Tue, 21 Feb 2023 16:23:21 +0530
Subject: [PATCH 14/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index a7d8801c6..077ef35b6 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From adc1579001446cf299c33494d7e652a7ba2e6883 Mon Sep 17 00:00:00 2001
From: Shivam Anand <shivam.anand@dxc.com>
Date: Thu, 2 Mar 2023 17:40:11 +0530
Subject: [PATCH 15/20] feature/RMA-101210: checkin on behalf of vishal

---
 .../src/lib/dxc-text-input/dxc-input-text.component.html        | 2 ++
 .../src/lib/dxc-text-input/dxc-input-text.component.ts          | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.html
index 74f71138e..cf0a5bd8e 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.html
@@ -37,6 +37,7 @@
     [type]="type"
     [placeholder]="placeholder"
     [matAutocomplete]="auto"
+    [attr.autocomplete]="autocomplete"
     [attr.aria-disabled]="disabled"
     [attr.aria-label]="ariaLabel || label"
     [attr.aria-labelledby]="ariaLabelledBy" 
@@ -57,6 +58,7 @@
     [required]="required"
     [name]="name"
     [type]="type"
+    [attr.autocomplete]="autocomplete"
     [placeholder]="placeholder"
     [attr.aria-disabled]="disabled"
     [attr.aria-label]="ariaLabel || label"
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
index bf59487ee..a431a04be 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts
@@ -93,7 +93,7 @@ export class DxcTextInputComponent
   @Input() public value: string;
   @Input() public placeholder: string;
   @Input() public autocompleteOptions: any;
-
+  @Input() public autocomplete: string = "off";
   @Input() public margin: any;
   @Input() public size: string;
   @Input()

From ba0afe64694eefc7fe9dd4e946ff6c0a0445d1a3 Mon Sep 17 00:00:00 2001
From: Deb <djena3@dxc.com>
Date: Thu, 2 Mar 2023 17:59:01 +0530
Subject: [PATCH 16/20] version changes after build

---
 projects/dxc-ngx-cdk/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/dxc-ngx-cdk/package.json b/projects/dxc-ngx-cdk/package.json
index 077ef35b6..bbd6571fb 100644
--- a/projects/dxc-ngx-cdk/package.json
+++ b/projects/dxc-ngx-cdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-angular",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "DXC Angular CDK (Component Development Kit) based on Graphen Design System",
   "scripts": {
     "build-lib": "ng build dxc-ngx-cdk",

From e8bad6a0265096dafeaf1540fa03d19aa7e83074 Mon Sep 17 00:00:00 2001
From: Mishra <shimishra@luxoft.com>
Date: Fri, 3 Mar 2023 20:43:12 +0530
Subject: [PATCH 17/20] RMA-101184: code changes in halstack lib.

---
 .../file-input/file-input-info.component.html |   7 +
 .../file-input/file-input-info.component.scss |   9 +
 .../file-input/file-input-info.component.ts   |  37 ++
 .../dxc-file-input.component.ts               | 162 ++++++++-
 .../interfaces/file.interface.ts              |   3 +
 .../lib/dxc-file-input/model/chunkmetadata.ts |   6 +
 .../lib/dxc-file-input/model/filemetadata.ts  |   7 +
 .../services/configuration.model.ts           | 323 ++++++++++++++++++
 .../services/fileupload.request.services.ts   |  16 +
 .../dxc-file-input/services/lookup.model.ts   | 103 ++++++
 .../src/lib/dxc-file-input/services/lookup.ts |  25 ++
 11 files changed, 697 insertions(+), 1 deletion(-)
 create mode 100644 projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.html
 create mode 100644 projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.scss
 create mode 100644 projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts

diff --git a/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.html b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.html
new file mode 100644
index 000000000..a97fe7f74
--- /dev/null
+++ b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.html
@@ -0,0 +1,7 @@
+<div>
+  <dxc-file-input name="fileControl" mode="filedrop" label="Choose File" margin="xsmall"
+      buttonLabel="CHOOSE FILE" helperText="You can choose one file to import"
+      [value]="files" [showPreview]="true" [multiple] = "true" (callbackFile) = "FileUploadResponse($event)"
+      [requests] = "fileinfo.requests" (fileuploadEvents)="uploadEvents($event)">
+    </dxc-file-input>
+</div>
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.scss b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.scss
new file mode 100644
index 000000000..bb30c368d
--- /dev/null
+++ b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.scss
@@ -0,0 +1,9 @@
+div.dark {
+  background: black;
+}
+
+.dark {
+  h2 {
+    color:white;
+  }
+}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.ts b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.ts
new file mode 100644
index 000000000..0f664ac8e
--- /dev/null
+++ b/projects/dxc-ngx-cdk-examples/src/app/pages/file-input/file-input-info.component.ts
@@ -0,0 +1,37 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'dropdown-info',
+  templateUrl: './dropdown-info.component.html',
+  styleUrls: ['./dropdown-info.component.scss']
+})
+export class DropdownInfoComponent {
+
+  constructor() {}
+
+  FileUploadResponse(event)
+  {
+    //this.files=event;
+    //let name = this.parentFormGroup.get('taskManager.Filenames').value;
+    if(event[0].eventtype == "PREUPLOAD")
+    {
+      console.log("pre");
+    }
+    else if(event[0].eventtype == "POSTUPLOAD"){
+      console.log("post");
+    }
+    else if(event[0].eventtype == "UPLOAD"){
+      console.log("upload");
+    }
+  }
+  uploadEvents(event) {
+    if(event == "PREUPLOAD")
+    {
+      console.log("pre");
+    }
+    else if(event == "POSTUPLOAD"){
+      console.log("post");
+    }
+  }
+
+}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
index a9691d22b..fbe6941a1 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
@@ -22,6 +22,9 @@ import { FileData } from "./interfaces/file.interface";
 import { FilesService } from "./services/files.services";
 import { NgChanges } from "../typings/ng-onchange";
 import { FileInputProperties, Space, Spacing } from "./dxc-file-input.types";
+import { filemetadata } from './model/filemetadata';
+import { chunkmetadata } from './model/chunkmetadata';
+import { IfileuploadRequest, EventType } from "./services/fileupload.request.services";
 
 @Component({
   selector: "dxc-file-input",
@@ -130,12 +133,20 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   set tabIndexValue(value: number) {
     this._tabIndexValue = coerceNumberProperty(value);
   }
+  /**
+   * request object gets the value from APP and pass to halstack library.
+   */
+  @Input('requests') requests: IfileuploadRequest = null;
   private _tabIndexValue = 0;
   hasShowError: boolean = false;
   /**
    * This event will emit when the user selects or drops a file. The file or list of files will be sent as a parameter.
    */
   @Output() callbackFile = new EventEmitter<FileData[]>();
+  /**
+   * This event has been added to indicate only PREUPLOAD, UPLOAD and POSTUPLOAD events. The event type will be sent as a parameter.
+   */
+  @Output() uploadEventType = new EventEmitter<EventType>();
 
   defaultInputs = new BehaviorSubject<FileInputProperties>({
     name: null,
@@ -163,14 +174,26 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   hasSingleFile: boolean = false;
   hasErrorSingleFile: boolean = false;
   hasValue: boolean = false;
-
+  global_filehit: number = 0;
+  global_chunkcount: number = 0;
+  global_actualchunkcount: number = 0;
+  filedataupload: filemetadata;
+  GUID: string;
+  fileEventType: EventType = EventType.PREUPLOAD;
+  chunkresult: boolean;
+  data: any;
+  Postresp: any;
+  //fileinfo: any;
+  
   constructor(private utils: CssUtils, private service: FilesService) {
     this.service.files.subscribe(({ files, event }) => {
       if (event !== "reset" && (files.length || this.hasValue)) {
+        this.data = files;
         this.hasShowError = this.isErrorShow();
         this.hasMultipleFiles = this.isMultipleFilesPrintables();
         this.hasSingleFile = this.isSingleFilesPrintables();
         this.callbackFile.emit(files);
+        this.uploadEventType.emit(this.fileEventType);
       }
     });
   }
@@ -264,6 +287,7 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
         this.service.emptyArrayFiles();
       }
       this.getPreviewsFiles(event.dataTransfer.files);
+      this.processFiles(event.dataTransfer.files);
     }
   }
 
@@ -277,10 +301,142 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
         this.service.emptyArrayFiles();
       }
       this.getPreviewsFiles(event.target.files);
+      this.processFiles(event.target.files);
       event.target.value = "";
     }
   }
 
+    /**
+   * File upload logic to send file as chunk and receive response.
+   * @param event
+   */
+    processFiles(event) {
+    // var len = event.length;
+    // if(this.global_filehit == 0 && len > 0)
+    // {
+    //   this.files = event;
+    //   this.UploadFile(this.files);
+    // }
+    //this.UploadFile(event);
+    this.files=event;
+    this.fileEventType = EventType.UPLOAD;
+    for(let i=0;i<event.length;i++)
+    {
+      this.uploadChunkDoc(event[i])
+    }
+  }
+
+  UploadFile(eventFiles) {
+  //this.global_filehit = 1;
+  // Array.from(eventFiles).map((file) => {
+  //   this.uploadChunkDoc(file);
+  // });
+  this.uploadChunkDoc(eventFiles);
+}
+uploadChunkDoc(file) {
+  let lastChunksize = 0;
+  this.filedataupload = new filemetadata();
+  this.GUID = uuidv4();
+  this.global_actualchunkcount = 0;
+  this.global_chunkcount = file.size % 1000000 == 0 ? file.size / 1000000 : Math.floor(file.size / 1000000) + 1;
+
+  this.readFile(file, lastChunksize, this.uploadtoAPI.bind(this));
+ }
+
+ uploadtoAPI(filedata,file, lastChunksize, result) {
+  lastChunksize = lastChunksize + 1000000;
+  this.chunkresult = result;
+  if(result) {
+    //Add you logic what do you want after reading the file
+      // this.upload(filedata).subscribe(resp => { 
+      // //global_actualchunkcount++;
+      // console.log(" Chunk Upload complete"); });
+      this.uploads(filedata);
+      this.readFile(file, lastChunksize, this.uploadtoAPI.bind(this));
+
+  }
+  else if(this.global_actualchunkcount == this.global_chunkcount)
+  {
+    setTimeout(() => {
+      this.uploadcomplete(this.filedataupload).then(resp => { 
+        this.data[0].postresponse = resp;
+        this.fileEventType = EventType.POSTUPLOAD;
+        //let data = this.getPreview(file);
+        this.data[0].eventtype = this.fileEventType;
+        this.callbackFile.emit(this.data);
+        alert("File Upload completed"); });
+    }, 3000);
+    //this.uploadcomplete(this.filedataupload);
+  }
+ }
+
+ readFile(file,lastChunksize: number, callback) {
+  let filedata = new chunkmetadata();
+  filedata.fileName = this.global_actualchunkcount + "-" + this.GUID + file.name;
+   filedata.fileSize = file.size;
+   filedata.fileType = file.type;
+   this.filedataupload.GUID = this.GUID;
+  var chunk = file.slice(lastChunksize,lastChunksize+1000000);
+  if(chunk.size !=0) {
+    let fileReader = new FileReader();
+    fileReader.onloadend= (result)=>{
+      // Store base64 encoded representation of file
+    filedata.fileAsBase64 = fileReader.result.toString();
+    this.global_actualchunkcount++;
+    this.filedataupload.fileNames.push(filedata.fileName);
+    return callback(filedata,file,lastChunksize,fileReader.result)
+    }
+    fileReader.readAsDataURL(chunk);
+  }else {
+   return callback(filedata,file,lastChunksize,false);
+  }
+ }
+ public async uploads(theFile: chunkmetadata) 
+ {
+   const response = await fetch(this.requests.uploadrequest.url, {
+     method: 'POST',
+     body: JSON.stringify(theFile),
+     headers: {
+       'Content-Type': 'application/json',
+       Accept: 'application/json',
+       clientId: '0',
+       'Authorization': 'bearer '+ sessionStorage.session
+     }
+  });
+  if (!response.ok) {
+   throw new Error(`Error! status: ${response.status}`);
+ }
+
+ // const result: CreateUserResponse
+//  const result = (await response.json());
+
+//  console.log('result is: ', JSON.stringify(result, null, 4));
+
+//  return result;
+ }
+  public async uploadcomplete(theFiles: filemetadata) {
+    const response = await fetch(this.requests.uploadcompleterequest.url, {
+      method: 'POST',
+      body: JSON.stringify(theFiles),
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+        clientId: '0',
+        'Authorization': 'bearer '+ sessionStorage.session
+      }
+   });
+   if (!response.ok) {
+    throw new Error(`Error! status: ${response.status}`);
+  }
+ 
+  // const result: CreateUserResponse
+   const result = (await response.json());
+ 
+  //console.log('result is: ', JSON.stringify(result, null, 4));
+ 
+   return result;
+  }
+
   /**
    * Common function for both file modes.
    * @param eventFiles
@@ -305,6 +461,8 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
           data: file,
           image: null,
           error: this.checkFileSize(file),
+          eventtype: this.fileEventType,
+          postresponse: this.Postresp
         };
         this.service.addFile(fileToAdd);
       } else {
@@ -312,6 +470,8 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
           data: file,
           image: event.target["result"],
           error: this.checkFileSize(file),
+          eventtype: this.fileEventType,
+          postresponse: this.Postresp
         };
         this.service.addFile(fileToAdd);
       }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
index fbf05333a..c5904ee89 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
@@ -1,5 +1,8 @@
+import { EventType } from "../services/fileupload.request.services";
 export interface FileData{
     data: File;
     error: string;
     image: string | ArrayBuffer;
+    eventtype: EventType;
+    postresponse: string
 }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts
new file mode 100644
index 000000000..78dc98c6f
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts
@@ -0,0 +1,6 @@
+export class chunkmetadata {
+    fileName: string = "";
+    fileSize: number = 0;
+    fileType: string = "";
+    fileAsBase64: string = "";
+}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts
new file mode 100644
index 000000000..6de1c4d39
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts
@@ -0,0 +1,7 @@
+import { chunkmetadata } from "./chunkmetadata";
+
+export class filemetadata {
+    //filedatas = [FileToUpload];
+    GUID: string = "";
+    fileNames : string[] = [];
+}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
new file mode 100644
index 000000000..55fa600f4
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
@@ -0,0 +1,323 @@
+import { HttpParams, HttpHeaders } from '@angular/common/http';
+import { FormGroup } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { ELookupType, Mode, GridMode, EUserLookupOptions } from './lookup';
+import { ICodes } from './lookup.model';
+export interface IConfig {
+    SERVER: {
+        [key: string]: string;
+    };
+    TIMEOUT: string;
+    AUTHENTICATIONKEY: string;
+    HELPLINK: string;
+    REQUIRED: RequiredFormat;
+    ButtonIcon: {
+        [key: string]: string;
+    };
+    Settings: {
+        [key: string]: any;
+    };
+    Resources: {
+        [key: string]: {
+            description: string;
+            type: string;
+        };
+    };
+    ThemeInfo?: BehaviorSubject<IThemeInfo>;
+}
+export declare enum RequiredFormat {
+    UNDERLINE = 0,
+    STAR = 1,
+    BORDER = 2
+}
+export declare enum ViewMode {
+    NONE = 0,
+    TAB = 1,
+    ACCORDIAN = 2
+}
+export interface IFormat {
+    addressConfig: IAddressAutocomplete;
+    commonValidations: any;
+    regionalFormats: any;
+    settings: ISetting;
+}
+interface IAddressAutocomplete {
+    apiTypeVendor: ICodes;
+    minLength: number;
+    useAutoComplete: boolean;
+}
+interface ISetting {
+    allowNoteClaimantLevel: boolean;
+    allowSaveState: boolean;
+    attachment: string;
+    baseCurrency: ICodes;
+    buildVersion: string;
+    globalsetting: GlobalSetting;
+    gridType: string;
+    gstnLength: string;
+    isAllowNotification: boolean;
+    memoHeight: string;
+    notificationDuration: number;
+    notificationPopupDuration: number;
+    toasterDisplayTime: number;
+    typeaheadEntity: string;
+    typeaheadOthers: number;
+    userlocal: ILocaleI;
+    utilitySetting: IUtility;
+    windowPopupCount: string;
+}
+interface GlobalSetting {
+    isEntityRoleOn: boolean;
+}
+interface ILocaleI {
+    culture: string;
+    dateFormat: string;
+    languageId: string;
+    languageName: string;
+    timeFormat: string;
+}
+interface IUtility {
+    isNoRequiredField: boolean;
+}
+export declare enum EAction {
+    ADD = 0,
+    ONLOAD = 1,
+    ONREADY = 2,
+    REMOVE = 3,
+    SELECT = 4,
+    CHANGE = 5,
+    DELETE = 6,
+    BLUR = 7,
+    FOCUS = 8,
+    PANELOPEN = 9,
+    AUTOCOMPLETEINIT = 10,
+    NOSELECTEDROW = 11,
+    BEFORESAVE = 12,
+    EDIT = 13,
+    CLEAR = 14,
+    FORMDIRTY = 15,
+    DELETEANDSAVE = 16,
+    ONRENDER = 17,
+    ONCLOSEPOPUP = 18,
+    CHECKED = 19,
+    ONCUSTOMEDIT = 20,
+    UNCHECKED = 21,
+    ONPANELCLOSE = 22,
+    ONROWCHECKED = 23,
+    ONUNLOAD = 24
+}
+export interface IRequest {
+    url: string;
+    methodtype: EMethod;
+    params?: HttpParams;
+    body?: any;
+    serverSideFilter?: boolean;
+    headers?: HttpHeaders;
+}
+export interface IResponse {
+    _embedded: Array<any>;
+    count: number;
+    pageSize: number;
+    currentPageNumber: number;
+    start: number;
+    total: number;
+    _links: any;
+}
+export interface IAdditionalParams {
+    gridId: string;
+    totalCount: number;
+    pageSize: number;
+}
+export declare enum EMethod {
+    GET = 0,
+    POST = 1,
+    PATCH = 2,
+    PUT = 3,
+    DELETE = 4
+}
+export interface OrghEntity {
+    shortCode: string;
+    label: string;
+    value: number;
+}
+export interface Button {
+    rel: string;
+    title: string;
+    hidden?: boolean;
+    iconName?: string;
+    label?: string;
+    type?: string;
+    disabled?: boolean;
+    request?: IRequest;
+    order: number;
+    accessKey?: string;
+}
+export interface IDropdownOption {
+    label?: string;
+    value: any;
+    fieldname?: any;
+    iconSrc?: string;
+}
+export declare enum EFieldsType {
+    codeLookup = 0,
+    userLookup = 1,
+    dropdown = 2,
+    textInput = 3,
+    date = 4,
+    checkbox = 5,
+    textArea = 6,
+    orghLookup = 7,
+    crudLookup = 8,
+    supplementalGrid = 9,
+    textEditor = 10,
+    number = 11
+}
+export interface ICodeLookupProperties extends IFieldsBaseProperties {
+    lookupType: ELookupType;
+    mode: Mode;
+    gridMode: GridMode;
+    key: string;
+    codeRequest: IRequest;
+    isApplyChangeEvent?: boolean;
+    autosearchrequired?: boolean;
+    addrequired?: boolean;
+    supplementalgridstateRequest?: IRequest;
+    allowServerFilter?: boolean;
+    minimumColumns?: number;
+    maximumColumns?: number;
+}
+export interface IOrghLookupProperties extends IFieldsBaseProperties {
+    lookupType: ELookupType;
+    removeiconarialabel: string;
+    mode: Mode;
+    gridMode: GridMode;
+    key: string;
+    topnode: any;
+    treerequest: IRequest;
+    orghStateRequest: IRequest;
+    orghresourceRequest: IRequest;
+    level?: string;
+    isApplyChangeEvent?: boolean;
+}
+export interface ITextEditorproperties extends IFieldsBaseProperties {
+    id?: string;
+    result?: string;
+    planeText?: string;
+    columnSize: number;
+    inlineToolbar: boolean;
+    minHeight?: string;
+    maxHeight?: string;
+}
+export interface INumberProperties extends IFieldsBaseProperties {
+    decimalPlace?: number;
+    allowDecimal?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    maxLength?: number;
+}
+export interface IUserLookupProperties extends IFieldsBaseProperties {
+    lookupType: ELookupType;
+    mode: Mode;
+    gridMode: GridMode;
+    key: string;
+    userLookupOptions: Array<EUserLookupOptions>;
+}
+export interface IDropdownProperties extends IFieldsBaseProperties {
+    theme?: string;
+    multiple: boolean;
+    options: IDropdownOption[];
+    disableRipple?: boolean;
+    iconPosition?: string;
+    viewValue: string;
+    margin: any;
+    isApplyChangeEvent: boolean;
+}
+export interface ICheckboxProperties extends IFieldsBaseProperties {
+    id: string;
+    theme: string;
+    value: string;
+    checked: boolean;
+    arialabelledby: string;
+    disableRipple: boolean;
+    labelPosition: string;
+    margin: string;
+    size: any;
+}
+export interface ITextInputProperties extends IFieldsBaseProperties {
+    prefix?: string;
+    suffix?: string;
+    prefixIconSrc?: string;
+    suffixIconSrc?: string;
+    theme?: string;
+    multiline: boolean;
+    invalid?: boolean;
+    assistiveText?: string;
+    margin?: any;
+    size?: string;
+    type?: string;
+    columnSize: number;
+    maxLength?: number;
+    minLength?: number;
+}
+export interface ITextAreaInputProperties extends IFieldsBaseProperties {
+    id: string;
+    autosizeMaxRows: number;
+    autosizeMinRows: number;
+    textareaAutosize?: boolean;
+    value: string;
+    maxLength: number;
+    columnSize: number;
+    size?: string;
+}
+export interface IDateProperties extends IFieldsBaseProperties {
+    format: string;
+    theme: string;
+    iconSrc?: string;
+    assistiveText?: string;
+    invalid: boolean;
+    disableRipple: boolean;
+    margin?: string;
+    size?: string;
+}
+export interface IFieldsBaseProperties {
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    style: string;
+    visible: boolean;
+    required: boolean;
+    name: string;
+    valueProperty: string;
+    fieldType: EFieldsType;
+    controlChangeRequest?: IRequest;
+}
+export interface IFormUpdateEventFormat {
+    action: EAction;
+    columns: any;
+    data: any;
+    control: any;
+    form: FormGroup;
+    error: {
+        isError: false;
+        msg: "";
+    };
+}
+export interface IThemeInfo {
+    "isDarkMode": boolean;
+    "isTransparent": boolean;
+    "themeColors": {
+        'color': {
+            'primary': string;
+            'effect': string;
+            'custom': boolean;
+        };
+        active: boolean;
+    }[];
+    "backgrounds": {
+        'id': string;
+        'title': string;
+        'background': string;
+        'active': boolean;
+    }[];
+}
+export {};
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
new file mode 100644
index 000000000..d61c19ae5
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
@@ -0,0 +1,16 @@
+import { IRequest } from './configuration.model';
+
+export interface IfileuploadRequest {
+  uploadrequest: IRequest, 
+  uploadcompleterequest: IRequest
+}
+
+export interface IEventResponse {
+  eventtype: EventType;
+}
+
+export enum EventType {
+  PREUPLOAD = "PREUPLOAD",
+  UPLOAD = "UPLOAD",
+  POSTUPLOAD = "POSTUPLOAD"
+}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
new file mode 100644
index 000000000..ff4ddb7e0
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
@@ -0,0 +1,103 @@
+export interface ILookup {
+    ClaimantEid: string;
+    CoverageKey: string;
+    CovgSeqNum: string;
+    CovTypeCodeId: string;
+    CurrentPageNumber: string;
+    DeptEId: string;
+    DescriptionSearch: string;
+    EventDate: string;
+    EventId: string;
+    FieldName: string;
+    Filter: string;
+    FormName: string;
+    Index: string;
+    InsuredEid: string;
+    IsFFPmt: string;
+    Jurisdiction: string;
+    LOB: string;
+    LookupString: string;
+    LookupType: string;
+    LossTypeCodeId: string;
+    orgLevel: string;
+    ParentCodeID: string;
+    PolicyId: string;
+    PolicyLOB: string;
+    PolUnitRowId: string;
+    RcRowId: string;
+    RsvStatusParent: string;
+    SessionClaimId: string;
+    SessionLOB: string;
+    sPayCol: string;
+    Title: string;
+    TransId: string;
+    TransSeqNum: string;
+    TriggerDate: string;
+    TypeLimits: string;
+}
+export interface ICodes {
+    id: number;
+    shortCode: string;
+    desc: string;
+    codeTable?: string;
+    display?: string;
+}
+export interface ICodeLookup {
+    bIsMobileAdjuster: string;
+    bIsMobilityAdjuster: string;
+    ClaimantEid: string;
+    CoverageKey: string;
+    CovgSeqNum: string;
+    CovTypeCodeId: string;
+    DeptEId: string;
+    EventDate: string;
+    EventId: string;
+    FieldName: string;
+    Filter: string;
+    FormName: string;
+    InsuredEid: string;
+    IsFFPmt: string;
+    Jurisdiction: string;
+    LOB: string;
+    LossTypeCodeId: string;
+    PageNumber: string;
+    ParentCodeID: string;
+    PolicyId: string;
+    PolicyLOB: string;
+    PolUnitRowId: string;
+    RcRowId: string;
+    RecordCount: string;
+    RsvStatusParent: string;
+    SessionClaimId: string;
+    SessionLOB: string;
+    ShowCheckBox: string;
+    SortColumn: string;
+    SortOrder: string;
+    sPayCol: string;
+    TableName: string;
+    Title: string;
+    TransId: string;
+    TransSeqNum: string;
+    TriggerDate: string;
+    TypeLimits: string;
+    ClaimType: string;
+    CountryID: string;
+}
+export interface ILookupResponse {
+    codes: Array<any>;
+}
+export interface ILookupParams {
+    tableName: string;
+    fieldName: string;
+    fieldTitle: string;
+    search: string;
+    filter: string;
+    key: string;
+}
+export interface IUsers {
+    id: number;
+    name: string;
+    email: string;
+    type: string;
+}
+export declare type LookupType = 'codelookuptext' | 'codelookuptext';
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts
new file mode 100644
index 000000000..b4167761a
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts
@@ -0,0 +1,25 @@
+export declare class Lookup {
+}
+export declare enum ELookupType {
+    SINGLE = 0,
+    MULTI = 1
+}
+export declare enum Mode {
+    SELECT = 0,
+    GRID = 1
+}
+export declare enum GridMode {
+    SELECT = 0,
+    MODAl = 1
+}
+export interface Code {
+    id: number;
+    table: string;
+    shortCode: string;
+    desc: string;
+}
+export declare enum EUserLookupOptions {
+    MyUsers = 0,
+    Users = 1,
+    Groups = 2
+}

From 94f0d8efb9828cfec0fe490088e28bc891776d5a Mon Sep 17 00:00:00 2001
From: Mishra <shimishra@luxoft.com>
Date: Tue, 7 Mar 2023 18:12:50 +0530
Subject: [PATCH 18/20] RMA-101184 : fixed the review comments.

---
 .../dxc-file-input.component.ts               |  64 ++--
 .../interfaces/file.interface.ts              |   2 +-
 .../model/fileuploadrequestdata.ts            |  33 ++
 .../services/configuration.model.ts           | 323 ------------------
 .../dxc-file-input/services/files.services.ts |   1 -
 .../services/fileupload.request.services.ts   |  16 -
 .../dxc-file-input/services/lookup.model.ts   | 103 ------
 .../src/lib/dxc-file-input/services/lookup.ts |  25 --
 8 files changed, 58 insertions(+), 509 deletions(-)
 create mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts
 delete mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
 delete mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
 delete mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
 delete mode 100644 projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
index fbe6941a1..65a5bfbb9 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
@@ -22,9 +22,9 @@ import { FileData } from "./interfaces/file.interface";
 import { FilesService } from "./services/files.services";
 import { NgChanges } from "../typings/ng-onchange";
 import { FileInputProperties, Space, Spacing } from "./dxc-file-input.types";
-import { filemetadata } from './model/filemetadata';
+import { FileMetaData } from './model/filemetadata';
 import { chunkmetadata } from './model/chunkmetadata';
-import { IfileuploadRequest, EventType } from "./services/fileupload.request.services";
+import { IFileUploadRequest, EventType } from "./model/fileuploadrequestdata";
 
 @Component({
   selector: "dxc-file-input",
@@ -136,7 +136,7 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   /**
    * request object gets the value from APP and pass to halstack library.
    */
-  @Input('requests') requests: IfileuploadRequest = null;
+  @Input('requests') requests: IFileUploadRequest = null;
   private _tabIndexValue = 0;
   hasShowError: boolean = false;
   /**
@@ -174,16 +174,15 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   hasSingleFile: boolean = false;
   hasErrorSingleFile: boolean = false;
   hasValue: boolean = false;
-  global_filehit: number = 0;
-  global_chunkcount: number = 0;
-  global_actualchunkcount: number = 0;
-  filedataupload: filemetadata;
+  globalFileHit: number = 0;
+  globalChunkCount: number = 0;
+  globalActualChunkCount: number = 0;
+  fileDataUpload: FileMetaData;
   GUID: string;
   fileEventType: EventType = EventType.PREUPLOAD;
-  chunkresult: boolean;
+  chunkResult: boolean;
   data: any;
-  Postresp: any;
-  //fileinfo: any;
+  postResp: any;
   
   constructor(private utils: CssUtils, private service: FilesService) {
     this.service.files.subscribe(({ files, event }) => {
@@ -311,13 +310,6 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
    * @param event
    */
     processFiles(event) {
-    // var len = event.length;
-    // if(this.global_filehit == 0 && len > 0)
-    // {
-    //   this.files = event;
-    //   this.UploadFile(this.files);
-    // }
-    //this.UploadFile(event);
     this.files=event;
     this.fileEventType = EventType.UPLOAD;
     for(let i=0;i<event.length;i++)
@@ -327,63 +319,55 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   }
 
   UploadFile(eventFiles) {
-  //this.global_filehit = 1;
-  // Array.from(eventFiles).map((file) => {
-  //   this.uploadChunkDoc(file);
-  // });
   this.uploadChunkDoc(eventFiles);
 }
 uploadChunkDoc(file) {
   let lastChunksize = 0;
-  this.filedataupload = new filemetadata();
+  this.fileDataUpload = new FileMetaData();
   this.GUID = uuidv4();
-  this.global_actualchunkcount = 0;
-  this.global_chunkcount = file.size % 1000000 == 0 ? file.size / 1000000 : Math.floor(file.size / 1000000) + 1;
+  this.globalActualChunkCount = 0;
+  this.globalChunkCount = file.size % 1000000 == 0 ? file.size / 1000000 : Math.floor(file.size / 1000000) + 1;
 
   this.readFile(file, lastChunksize, this.uploadtoAPI.bind(this));
  }
 
  uploadtoAPI(filedata,file, lastChunksize, result) {
   lastChunksize = lastChunksize + 1000000;
-  this.chunkresult = result;
+  this.chunkResult = result;
   if(result) {
     //Add you logic what do you want after reading the file
-      // this.upload(filedata).subscribe(resp => { 
-      // //global_actualchunkcount++;
-      // console.log(" Chunk Upload complete"); });
       this.uploads(filedata);
       this.readFile(file, lastChunksize, this.uploadtoAPI.bind(this));
 
   }
-  else if(this.global_actualchunkcount == this.global_chunkcount)
+  else if(this.globalActualChunkCount == this.globalChunkCount)
   {
     setTimeout(() => {
-      this.uploadcomplete(this.filedataupload).then(resp => { 
+      this.uploadcomplete(this.fileDataUpload).then(resp => { 
         this.data[0].postresponse = resp;
         this.fileEventType = EventType.POSTUPLOAD;
         //let data = this.getPreview(file);
         this.data[0].eventtype = this.fileEventType;
         this.callbackFile.emit(this.data);
-        alert("File Upload completed"); });
+        });
     }, 3000);
-    //this.uploadcomplete(this.filedataupload);
   }
  }
 
  readFile(file,lastChunksize: number, callback) {
   let filedata = new chunkmetadata();
-  filedata.fileName = this.global_actualchunkcount + "-" + this.GUID + file.name;
+  filedata.fileName = this.globalActualChunkCount + "-" + this.GUID + file.name;
    filedata.fileSize = file.size;
    filedata.fileType = file.type;
-   this.filedataupload.GUID = this.GUID;
+   this.fileDataUpload.GUID = this.GUID;
   var chunk = file.slice(lastChunksize,lastChunksize+1000000);
   if(chunk.size !=0) {
     let fileReader = new FileReader();
     fileReader.onloadend= (result)=>{
       // Store base64 encoded representation of file
     filedata.fileAsBase64 = fileReader.result.toString();
-    this.global_actualchunkcount++;
-    this.filedataupload.fileNames.push(filedata.fileName);
+    this.globalActualChunkCount++;
+    this.fileDataUpload.fileNames.push(filedata.fileName);
     return callback(filedata,file,lastChunksize,fileReader.result)
     }
     fileReader.readAsDataURL(chunk);
@@ -391,7 +375,7 @@ uploadChunkDoc(file) {
    return callback(filedata,file,lastChunksize,false);
   }
  }
- public async uploads(theFile: chunkmetadata) 
+ private async uploads(theFile: chunkmetadata) 
  {
    const response = await fetch(this.requests.uploadrequest.url, {
      method: 'POST',
@@ -414,7 +398,7 @@ uploadChunkDoc(file) {
 
 //  return result;
  }
-  public async uploadcomplete(theFiles: filemetadata) {
+  private async uploadcomplete(theFiles: FileMetaData) {
     const response = await fetch(this.requests.uploadcompleterequest.url, {
       method: 'POST',
       body: JSON.stringify(theFiles),
@@ -462,7 +446,7 @@ uploadChunkDoc(file) {
           image: null,
           error: this.checkFileSize(file),
           eventtype: this.fileEventType,
-          postresponse: this.Postresp
+          postresponse: this.postResp
         };
         this.service.addFile(fileToAdd);
       } else {
@@ -471,7 +455,7 @@ uploadChunkDoc(file) {
           image: event.target["result"],
           error: this.checkFileSize(file),
           eventtype: this.fileEventType,
-          postresponse: this.Postresp
+          postresponse: this.postResp
         };
         this.service.addFile(fileToAdd);
       }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
index c5904ee89..cf706af7f 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
@@ -1,4 +1,4 @@
-import { EventType } from "../services/fileupload.request.services";
+import { EventType } from "../model/fileuploadrequestdata";
 export interface FileData{
     data: File;
     error: string;
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts
new file mode 100644
index 000000000..1cecf4f02
--- /dev/null
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts
@@ -0,0 +1,33 @@
+//import { IRequest } from './configuration.model';
+import { HttpParams, HttpHeaders } from '@angular/common/http';
+
+export interface IFileUploadRequest {
+  uploadrequest: IRequest, 
+  uploadcompleterequest: IRequest,
+  removerequest: IRequest
+}
+
+export interface IEventResponse {
+  eventtype: EventType;
+}
+
+export enum EventType {
+  PREUPLOAD = "PREUPLOAD",
+  UPLOAD = "UPLOAD",
+  POSTUPLOAD = "POSTUPLOAD"
+}
+export interface IRequest {
+  url: string;
+  methodtype: EMethod;
+  params?: HttpParams;
+  body?: any;
+  serverSideFilter?: boolean;
+  headers?: HttpHeaders;
+}
+export declare enum EMethod {
+  GET = 0,
+  POST = 1,
+  PATCH = 2,
+  PUT = 3,
+  DELETE = 4
+}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
deleted file mode 100644
index 55fa600f4..000000000
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/configuration.model.ts
+++ /dev/null
@@ -1,323 +0,0 @@
-import { HttpParams, HttpHeaders } from '@angular/common/http';
-import { FormGroup } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-import { ELookupType, Mode, GridMode, EUserLookupOptions } from './lookup';
-import { ICodes } from './lookup.model';
-export interface IConfig {
-    SERVER: {
-        [key: string]: string;
-    };
-    TIMEOUT: string;
-    AUTHENTICATIONKEY: string;
-    HELPLINK: string;
-    REQUIRED: RequiredFormat;
-    ButtonIcon: {
-        [key: string]: string;
-    };
-    Settings: {
-        [key: string]: any;
-    };
-    Resources: {
-        [key: string]: {
-            description: string;
-            type: string;
-        };
-    };
-    ThemeInfo?: BehaviorSubject<IThemeInfo>;
-}
-export declare enum RequiredFormat {
-    UNDERLINE = 0,
-    STAR = 1,
-    BORDER = 2
-}
-export declare enum ViewMode {
-    NONE = 0,
-    TAB = 1,
-    ACCORDIAN = 2
-}
-export interface IFormat {
-    addressConfig: IAddressAutocomplete;
-    commonValidations: any;
-    regionalFormats: any;
-    settings: ISetting;
-}
-interface IAddressAutocomplete {
-    apiTypeVendor: ICodes;
-    minLength: number;
-    useAutoComplete: boolean;
-}
-interface ISetting {
-    allowNoteClaimantLevel: boolean;
-    allowSaveState: boolean;
-    attachment: string;
-    baseCurrency: ICodes;
-    buildVersion: string;
-    globalsetting: GlobalSetting;
-    gridType: string;
-    gstnLength: string;
-    isAllowNotification: boolean;
-    memoHeight: string;
-    notificationDuration: number;
-    notificationPopupDuration: number;
-    toasterDisplayTime: number;
-    typeaheadEntity: string;
-    typeaheadOthers: number;
-    userlocal: ILocaleI;
-    utilitySetting: IUtility;
-    windowPopupCount: string;
-}
-interface GlobalSetting {
-    isEntityRoleOn: boolean;
-}
-interface ILocaleI {
-    culture: string;
-    dateFormat: string;
-    languageId: string;
-    languageName: string;
-    timeFormat: string;
-}
-interface IUtility {
-    isNoRequiredField: boolean;
-}
-export declare enum EAction {
-    ADD = 0,
-    ONLOAD = 1,
-    ONREADY = 2,
-    REMOVE = 3,
-    SELECT = 4,
-    CHANGE = 5,
-    DELETE = 6,
-    BLUR = 7,
-    FOCUS = 8,
-    PANELOPEN = 9,
-    AUTOCOMPLETEINIT = 10,
-    NOSELECTEDROW = 11,
-    BEFORESAVE = 12,
-    EDIT = 13,
-    CLEAR = 14,
-    FORMDIRTY = 15,
-    DELETEANDSAVE = 16,
-    ONRENDER = 17,
-    ONCLOSEPOPUP = 18,
-    CHECKED = 19,
-    ONCUSTOMEDIT = 20,
-    UNCHECKED = 21,
-    ONPANELCLOSE = 22,
-    ONROWCHECKED = 23,
-    ONUNLOAD = 24
-}
-export interface IRequest {
-    url: string;
-    methodtype: EMethod;
-    params?: HttpParams;
-    body?: any;
-    serverSideFilter?: boolean;
-    headers?: HttpHeaders;
-}
-export interface IResponse {
-    _embedded: Array<any>;
-    count: number;
-    pageSize: number;
-    currentPageNumber: number;
-    start: number;
-    total: number;
-    _links: any;
-}
-export interface IAdditionalParams {
-    gridId: string;
-    totalCount: number;
-    pageSize: number;
-}
-export declare enum EMethod {
-    GET = 0,
-    POST = 1,
-    PATCH = 2,
-    PUT = 3,
-    DELETE = 4
-}
-export interface OrghEntity {
-    shortCode: string;
-    label: string;
-    value: number;
-}
-export interface Button {
-    rel: string;
-    title: string;
-    hidden?: boolean;
-    iconName?: string;
-    label?: string;
-    type?: string;
-    disabled?: boolean;
-    request?: IRequest;
-    order: number;
-    accessKey?: string;
-}
-export interface IDropdownOption {
-    label?: string;
-    value: any;
-    fieldname?: any;
-    iconSrc?: string;
-}
-export declare enum EFieldsType {
-    codeLookup = 0,
-    userLookup = 1,
-    dropdown = 2,
-    textInput = 3,
-    date = 4,
-    checkbox = 5,
-    textArea = 6,
-    orghLookup = 7,
-    crudLookup = 8,
-    supplementalGrid = 9,
-    textEditor = 10,
-    number = 11
-}
-export interface ICodeLookupProperties extends IFieldsBaseProperties {
-    lookupType: ELookupType;
-    mode: Mode;
-    gridMode: GridMode;
-    key: string;
-    codeRequest: IRequest;
-    isApplyChangeEvent?: boolean;
-    autosearchrequired?: boolean;
-    addrequired?: boolean;
-    supplementalgridstateRequest?: IRequest;
-    allowServerFilter?: boolean;
-    minimumColumns?: number;
-    maximumColumns?: number;
-}
-export interface IOrghLookupProperties extends IFieldsBaseProperties {
-    lookupType: ELookupType;
-    removeiconarialabel: string;
-    mode: Mode;
-    gridMode: GridMode;
-    key: string;
-    topnode: any;
-    treerequest: IRequest;
-    orghStateRequest: IRequest;
-    orghresourceRequest: IRequest;
-    level?: string;
-    isApplyChangeEvent?: boolean;
-}
-export interface ITextEditorproperties extends IFieldsBaseProperties {
-    id?: string;
-    result?: string;
-    planeText?: string;
-    columnSize: number;
-    inlineToolbar: boolean;
-    minHeight?: string;
-    maxHeight?: string;
-}
-export interface INumberProperties extends IFieldsBaseProperties {
-    decimalPlace?: number;
-    allowDecimal?: boolean;
-    minValue?: number;
-    maxValue?: number;
-    maxLength?: number;
-}
-export interface IUserLookupProperties extends IFieldsBaseProperties {
-    lookupType: ELookupType;
-    mode: Mode;
-    gridMode: GridMode;
-    key: string;
-    userLookupOptions: Array<EUserLookupOptions>;
-}
-export interface IDropdownProperties extends IFieldsBaseProperties {
-    theme?: string;
-    multiple: boolean;
-    options: IDropdownOption[];
-    disableRipple?: boolean;
-    iconPosition?: string;
-    viewValue: string;
-    margin: any;
-    isApplyChangeEvent: boolean;
-}
-export interface ICheckboxProperties extends IFieldsBaseProperties {
-    id: string;
-    theme: string;
-    value: string;
-    checked: boolean;
-    arialabelledby: string;
-    disableRipple: boolean;
-    labelPosition: string;
-    margin: string;
-    size: any;
-}
-export interface ITextInputProperties extends IFieldsBaseProperties {
-    prefix?: string;
-    suffix?: string;
-    prefixIconSrc?: string;
-    suffixIconSrc?: string;
-    theme?: string;
-    multiline: boolean;
-    invalid?: boolean;
-    assistiveText?: string;
-    margin?: any;
-    size?: string;
-    type?: string;
-    columnSize: number;
-    maxLength?: number;
-    minLength?: number;
-}
-export interface ITextAreaInputProperties extends IFieldsBaseProperties {
-    id: string;
-    autosizeMaxRows: number;
-    autosizeMinRows: number;
-    textareaAutosize?: boolean;
-    value: string;
-    maxLength: number;
-    columnSize: number;
-    size?: string;
-}
-export interface IDateProperties extends IFieldsBaseProperties {
-    format: string;
-    theme: string;
-    iconSrc?: string;
-    assistiveText?: string;
-    invalid: boolean;
-    disableRipple: boolean;
-    margin?: string;
-    size?: string;
-}
-export interface IFieldsBaseProperties {
-    disabled: boolean;
-    readonly: boolean;
-    label: string;
-    style: string;
-    visible: boolean;
-    required: boolean;
-    name: string;
-    valueProperty: string;
-    fieldType: EFieldsType;
-    controlChangeRequest?: IRequest;
-}
-export interface IFormUpdateEventFormat {
-    action: EAction;
-    columns: any;
-    data: any;
-    control: any;
-    form: FormGroup;
-    error: {
-        isError: false;
-        msg: "";
-    };
-}
-export interface IThemeInfo {
-    "isDarkMode": boolean;
-    "isTransparent": boolean;
-    "themeColors": {
-        'color': {
-            'primary': string;
-            'effect': string;
-            'custom': boolean;
-        };
-        active: boolean;
-    }[];
-    "backgrounds": {
-        'id': string;
-        'title': string;
-        'background': string;
-        'active': boolean;
-    }[];
-}
-export {};
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/files.services.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/files.services.ts
index 74106aadb..5ddaea988 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/files.services.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/files.services.ts
@@ -48,7 +48,6 @@ export class FilesService {
       event: "remove",
     });
   }
-
   emptyArrayFiles(){
     this.files.next({
       files: [],
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
deleted file mode 100644
index d61c19ae5..000000000
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/fileupload.request.services.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { IRequest } from './configuration.model';
-
-export interface IfileuploadRequest {
-  uploadrequest: IRequest, 
-  uploadcompleterequest: IRequest
-}
-
-export interface IEventResponse {
-  eventtype: EventType;
-}
-
-export enum EventType {
-  PREUPLOAD = "PREUPLOAD",
-  UPLOAD = "UPLOAD",
-  POSTUPLOAD = "POSTUPLOAD"
-}
\ No newline at end of file
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
deleted file mode 100644
index ff4ddb7e0..000000000
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.model.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-export interface ILookup {
-    ClaimantEid: string;
-    CoverageKey: string;
-    CovgSeqNum: string;
-    CovTypeCodeId: string;
-    CurrentPageNumber: string;
-    DeptEId: string;
-    DescriptionSearch: string;
-    EventDate: string;
-    EventId: string;
-    FieldName: string;
-    Filter: string;
-    FormName: string;
-    Index: string;
-    InsuredEid: string;
-    IsFFPmt: string;
-    Jurisdiction: string;
-    LOB: string;
-    LookupString: string;
-    LookupType: string;
-    LossTypeCodeId: string;
-    orgLevel: string;
-    ParentCodeID: string;
-    PolicyId: string;
-    PolicyLOB: string;
-    PolUnitRowId: string;
-    RcRowId: string;
-    RsvStatusParent: string;
-    SessionClaimId: string;
-    SessionLOB: string;
-    sPayCol: string;
-    Title: string;
-    TransId: string;
-    TransSeqNum: string;
-    TriggerDate: string;
-    TypeLimits: string;
-}
-export interface ICodes {
-    id: number;
-    shortCode: string;
-    desc: string;
-    codeTable?: string;
-    display?: string;
-}
-export interface ICodeLookup {
-    bIsMobileAdjuster: string;
-    bIsMobilityAdjuster: string;
-    ClaimantEid: string;
-    CoverageKey: string;
-    CovgSeqNum: string;
-    CovTypeCodeId: string;
-    DeptEId: string;
-    EventDate: string;
-    EventId: string;
-    FieldName: string;
-    Filter: string;
-    FormName: string;
-    InsuredEid: string;
-    IsFFPmt: string;
-    Jurisdiction: string;
-    LOB: string;
-    LossTypeCodeId: string;
-    PageNumber: string;
-    ParentCodeID: string;
-    PolicyId: string;
-    PolicyLOB: string;
-    PolUnitRowId: string;
-    RcRowId: string;
-    RecordCount: string;
-    RsvStatusParent: string;
-    SessionClaimId: string;
-    SessionLOB: string;
-    ShowCheckBox: string;
-    SortColumn: string;
-    SortOrder: string;
-    sPayCol: string;
-    TableName: string;
-    Title: string;
-    TransId: string;
-    TransSeqNum: string;
-    TriggerDate: string;
-    TypeLimits: string;
-    ClaimType: string;
-    CountryID: string;
-}
-export interface ILookupResponse {
-    codes: Array<any>;
-}
-export interface ILookupParams {
-    tableName: string;
-    fieldName: string;
-    fieldTitle: string;
-    search: string;
-    filter: string;
-    key: string;
-}
-export interface IUsers {
-    id: number;
-    name: string;
-    email: string;
-    type: string;
-}
-export declare type LookupType = 'codelookuptext' | 'codelookuptext';
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts
deleted file mode 100644
index b4167761a..000000000
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/services/lookup.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export declare class Lookup {
-}
-export declare enum ELookupType {
-    SINGLE = 0,
-    MULTI = 1
-}
-export declare enum Mode {
-    SELECT = 0,
-    GRID = 1
-}
-export declare enum GridMode {
-    SELECT = 0,
-    MODAl = 1
-}
-export interface Code {
-    id: number;
-    table: string;
-    shortCode: string;
-    desc: string;
-}
-export declare enum EUserLookupOptions {
-    MyUsers = 0,
-    Users = 1,
-    Groups = 2
-}

From 441d8c46dbc99e451fa68932b702cca8b3aac771 Mon Sep 17 00:00:00 2001
From: Mishra <shimishra@luxoft.com>
Date: Fri, 10 Mar 2023 13:05:30 +0530
Subject: [PATCH 19/20] RMA-101184: fixed review comments.

---
 .../dxc-file-input.component.ts               | 39 +++++++------------
 .../interfaces/file.interface.ts              |  6 +--
 .../{chunkmetadata.ts => chunk.metadata.ts}   |  2 +-
 .../{filemetadata.ts => file.metadata.ts}     |  4 +-
 ...questdata.ts => fileuploadrequest.data.ts} |  9 ++---
 5 files changed, 25 insertions(+), 35 deletions(-)
 rename projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/{chunkmetadata.ts => chunk.metadata.ts} (79%)
 rename projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/{filemetadata.ts => file.metadata.ts} (53%)
 rename projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/{fileuploadrequestdata.ts => fileuploadrequest.data.ts} (79%)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
index 65a5bfbb9..f264be9bd 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
@@ -22,9 +22,9 @@ import { FileData } from "./interfaces/file.interface";
 import { FilesService } from "./services/files.services";
 import { NgChanges } from "../typings/ng-onchange";
 import { FileInputProperties, Space, Spacing } from "./dxc-file-input.types";
-import { FileMetaData } from './model/filemetadata';
-import { chunkmetadata } from './model/chunkmetadata';
-import { IFileUploadRequest, EventType } from "./model/fileuploadrequestdata";
+import { FileMetaData } from './model/file.metadata';
+import { ChunkMetaData } from './model/chunk.metadata';
+import { IFileUploadRequest, EventType } from "./model/fileuploadrequest.data";
 
 @Component({
   selector: "dxc-file-input",
@@ -174,14 +174,13 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
   hasSingleFile: boolean = false;
   hasErrorSingleFile: boolean = false;
   hasValue: boolean = false;
-  globalFileHit: number = 0;
   globalChunkCount: number = 0;
   globalActualChunkCount: number = 0;
   fileDataUpload: FileMetaData;
   GUID: string;
   fileEventType: EventType = EventType.PREUPLOAD;
   chunkResult: boolean;
-  data: any;
+  data: Array<FileData> = [];
   postResp: any;
   
   constructor(private utils: CssUtils, private service: FilesService) {
@@ -192,7 +191,6 @@ export class DxcFileInputComponent implements OnChanges, OnInit {
         this.hasMultipleFiles = this.isMultipleFilesPrintables();
         this.hasSingleFile = this.isSingleFilesPrintables();
         this.callbackFile.emit(files);
-        this.uploadEventType.emit(this.fileEventType);
       }
     });
   }
@@ -344,10 +342,10 @@ uploadChunkDoc(file) {
   {
     setTimeout(() => {
       this.uploadcomplete(this.fileDataUpload).then(resp => { 
-        this.data[0].postresponse = resp;
+        this.data[0].postResponse = resp;
         this.fileEventType = EventType.POSTUPLOAD;
         //let data = this.getPreview(file);
-        this.data[0].eventtype = this.fileEventType;
+        this.data[0].eventType = this.fileEventType;
         this.callbackFile.emit(this.data);
         });
     }, 3000);
@@ -355,7 +353,7 @@ uploadChunkDoc(file) {
  }
 
  readFile(file,lastChunksize: number, callback) {
-  let filedata = new chunkmetadata();
+  let filedata = new ChunkMetaData();
   filedata.fileName = this.globalActualChunkCount + "-" + this.GUID + file.name;
    filedata.fileSize = file.size;
    filedata.fileType = file.type;
@@ -375,9 +373,9 @@ uploadChunkDoc(file) {
    return callback(filedata,file,lastChunksize,false);
   }
  }
- private async uploads(theFile: chunkmetadata) 
+ private async uploads(theFile: ChunkMetaData) 
  {
-   const response = await fetch(this.requests.uploadrequest.url, {
+   const response = await fetch(this.requests.uploadRequest.url, {
      method: 'POST',
      body: JSON.stringify(theFile),
      headers: {
@@ -390,16 +388,9 @@ uploadChunkDoc(file) {
   if (!response.ok) {
    throw new Error(`Error! status: ${response.status}`);
  }
-
- // const result: CreateUserResponse
-//  const result = (await response.json());
-
-//  console.log('result is: ', JSON.stringify(result, null, 4));
-
-//  return result;
- }
+}
   private async uploadcomplete(theFiles: FileMetaData) {
-    const response = await fetch(this.requests.uploadcompleterequest.url, {
+    const response = await fetch(this.requests.uploadCompleteRequest.url, {
       method: 'POST',
       body: JSON.stringify(theFiles),
       headers: {
@@ -445,8 +436,8 @@ uploadChunkDoc(file) {
           data: file,
           image: null,
           error: this.checkFileSize(file),
-          eventtype: this.fileEventType,
-          postresponse: this.postResp
+          eventType: this.fileEventType,
+          postResponse: this.postResp
         };
         this.service.addFile(fileToAdd);
       } else {
@@ -454,8 +445,8 @@ uploadChunkDoc(file) {
           data: file,
           image: event.target["result"],
           error: this.checkFileSize(file),
-          eventtype: this.fileEventType,
-          postresponse: this.postResp
+          eventType: this.fileEventType,
+          postResponse: this.postResp
         };
         this.service.addFile(fileToAdd);
       }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
index cf706af7f..589204dfc 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/interfaces/file.interface.ts
@@ -1,8 +1,8 @@
-import { EventType } from "../model/fileuploadrequestdata";
+import { EventType } from "../model/fileuploadrequest.data";
 export interface FileData{
     data: File;
     error: string;
     image: string | ArrayBuffer;
-    eventtype: EventType;
-    postresponse: string
+    eventType: EventType;
+    postResponse: string
 }
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunk.metadata.ts
similarity index 79%
rename from projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts
rename to projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunk.metadata.ts
index 78dc98c6f..1c18967ba 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunkmetadata.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/chunk.metadata.ts
@@ -1,4 +1,4 @@
-export class chunkmetadata {
+export class ChunkMetaData {
     fileName: string = "";
     fileSize: number = 0;
     fileType: string = "";
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/file.metadata.ts
similarity index 53%
rename from projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts
rename to projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/file.metadata.ts
index 6de1c4d39..e94dcec31 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/filemetadata.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/file.metadata.ts
@@ -1,6 +1,6 @@
-import { chunkmetadata } from "./chunkmetadata";
+import { ChunkMetaData } from "./chunk.metadata";
 
-export class filemetadata {
+export class FileMetaData {
     //filedatas = [FileToUpload];
     GUID: string = "";
     fileNames : string[] = [];
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequest.data.ts
similarity index 79%
rename from projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts
rename to projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequest.data.ts
index 1cecf4f02..38eb272be 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequestdata.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/model/fileuploadrequest.data.ts
@@ -2,13 +2,12 @@
 import { HttpParams, HttpHeaders } from '@angular/common/http';
 
 export interface IFileUploadRequest {
-  uploadrequest: IRequest, 
-  uploadcompleterequest: IRequest,
-  removerequest: IRequest
+  uploadRequest: IRequest, 
+  uploadCompleteRequest: IRequest,
 }
 
 export interface IEventResponse {
-  eventtype: EventType;
+  eventType: EventType;
 }
 
 export enum EventType {
@@ -18,7 +17,7 @@ export enum EventType {
 }
 export interface IRequest {
   url: string;
-  methodtype: EMethod;
+  methodType: EMethod;
   params?: HttpParams;
   body?: any;
   serverSideFilter?: boolean;

From f5fade0cba166a3224d217b1adb5dbcf1d6279b0 Mon Sep 17 00:00:00 2001
From: Mishra <shimishra@luxoft.com>
Date: Fri, 10 Mar 2023 20:13:59 +0530
Subject: [PATCH 20/20] RMA-101184: method name changed to camel case as per
 review comment

---
 .../src/lib/dxc-file-input/dxc-file-input.component.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
index f264be9bd..ba340ce3f 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.ts
@@ -341,7 +341,7 @@ uploadChunkDoc(file) {
   else if(this.globalActualChunkCount == this.globalChunkCount)
   {
     setTimeout(() => {
-      this.uploadcomplete(this.fileDataUpload).then(resp => { 
+      this.uploadComplete(this.fileDataUpload).then(resp => { 
         this.data[0].postResponse = resp;
         this.fileEventType = EventType.POSTUPLOAD;
         //let data = this.getPreview(file);
@@ -389,7 +389,7 @@ uploadChunkDoc(file) {
    throw new Error(`Error! status: ${response.status}`);
  }
 }
-  private async uploadcomplete(theFiles: FileMetaData) {
+  private async uploadComplete(theFiles: FileMetaData) {
     const response = await fetch(this.requests.uploadCompleteRequest.url, {
       method: 'POST',
       body: JSON.stringify(theFiles),