From 86cb8dd316f1879460257b5356c4774164d2d97c Mon Sep 17 00:00:00 2001
From: Akshat Bansal <akshat.bansal@dxc.com>
Date: Fri, 13 Oct 2023 16:28:09 +0530
Subject: [PATCH 1/2] dxc-dialog expand button

---
 .../src/lib/dxc-dialog/dxc-dialog.component.html   |  9 +++++++++
 .../src/lib/dxc-dialog/dxc-dialog.component.ts     | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

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 e4ac2b031..2ba09cb34 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
@@ -9,6 +9,15 @@
           <ng-content select="dxc-dialog-header"></ng-content>
         </span>
         <span *ngIf="isCloseVisible" >
+          <span *ngIf="isExpandVisible" class="dialog-header expandclass">
+            <a href="javascript:void(0);" class="closeIcon" [attr.aria-label]="expandButtonLabel"
+              [matTooltip]="expandButtonLabel" (click)="onExpandHandler($event)" [tabindex]="tabIndexValue" role="button">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path 
+                d="M3.8 3.8l16.4 16.4M20.2 3.8L3.8 20.2M15 3h6v6M9 3H3v6M15 21h6v-6M9 21H3v-6"/>
+              </svg>
+            </a>
+          </span>
           <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">
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 340f8804a..46540bd40 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
@@ -38,6 +38,7 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   }
 
   @Input() closeButtonLabel: string = 'Close'
+  expandButtonLabel: string = 'Expand'
   @Input()
   get overlay(): boolean {
     return this._overlay;
@@ -53,7 +54,15 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   set isCloseVisible(value: boolean) {
     this._isCloseVisible = coerceBooleanProperty(value);
   }
+  @Input()
+  get isExpandVisible(): boolean {
+    return this._isExpandVisible;
+  }
+  set isExpandVisible(value: boolean) {
+    this._isExpandVisible = coerceBooleanProperty(value);
+  }
   private _isCloseVisible = true;
+  private _isExpandVisible = false;
   @Input() padding: any;
   @Input()
   get tabIndexValue(): number {
@@ -73,6 +82,7 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   private _headerHeight = 40;
 
   @Output() onCloseClick = new EventEmitter<any>();
+  @Output() onExpandClick = new EventEmitter<any>();
   @Output() onBackgroundClick = new EventEmitter<any>();
 
   @HostBinding("class") className;
@@ -108,6 +118,10 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
     this.className = `${this.getDynamicStyle(this.defaultInputs.getValue())}`;
   }
 
+  onExpandHandler($event: any): void{
+    this.onExpandClick.emit($event);
+  }
+
   public onCloseHandler($event: any): void {
     this.onCloseClick.emit($event);
   }

From f984a0bfd66b8be6e954ca5b294dab9446156a00 Mon Sep 17 00:00:00 2001
From: Akshat Bansal <akshat.bansal@dxc.com>
Date: Fri, 13 Oct 2023 16:28:09 +0530
Subject: [PATCH 2/2] dxc-dialog expand button

---
 .../src/lib/dxc-dialog/dxc-dialog.component.html   |  9 +++++++++
 .../src/lib/dxc-dialog/dxc-dialog.component.ts     | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

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 e4ac2b031..2ba09cb34 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
@@ -9,6 +9,15 @@
           <ng-content select="dxc-dialog-header"></ng-content>
         </span>
         <span *ngIf="isCloseVisible" >
+          <span *ngIf="isExpandVisible" class="dialog-header expandclass">
+            <a href="javascript:void(0);" class="closeIcon" [attr.aria-label]="expandButtonLabel"
+              [matTooltip]="expandButtonLabel" (click)="onExpandHandler($event)" [tabindex]="tabIndexValue" role="button">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path 
+                d="M3.8 3.8l16.4 16.4M20.2 3.8L3.8 20.2M15 3h6v6M9 3H3v6M15 21h6v-6M9 21H3v-6"/>
+              </svg>
+            </a>
+          </span>
           <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">
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 340f8804a..46540bd40 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
@@ -38,6 +38,7 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   }
 
   @Input() closeButtonLabel: string = 'Close'
+  expandButtonLabel: string = 'Expand'
   @Input()
   get overlay(): boolean {
     return this._overlay;
@@ -53,7 +54,15 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   set isCloseVisible(value: boolean) {
     this._isCloseVisible = coerceBooleanProperty(value);
   }
+  @Input()
+  get isExpandVisible(): boolean {
+    return this._isExpandVisible;
+  }
+  set isExpandVisible(value: boolean) {
+    this._isExpandVisible = coerceBooleanProperty(value);
+  }
   private _isCloseVisible = true;
+  private _isExpandVisible = false;
   @Input() padding: any;
   @Input()
   get tabIndexValue(): number {
@@ -73,6 +82,7 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
   private _headerHeight = 40;
 
   @Output() onCloseClick = new EventEmitter<any>();
+  @Output() onExpandClick = new EventEmitter<any>();
   @Output() onBackgroundClick = new EventEmitter<any>();
 
   @HostBinding("class") className;
@@ -108,6 +118,10 @@ export class DxcDialogComponent implements OnDestroy, AfterViewInit {
     this.className = `${this.getDynamicStyle(this.defaultInputs.getValue())}`;
   }
 
+  onExpandHandler($event: any): void{
+    this.onExpandClick.emit($event);
+  }
+
   public onCloseHandler($event: any): void {
     this.onCloseClick.emit($event);
   }