balance-adjustment-dialog.component.ts

import { Component, OnInit, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material';

@Component({
  selector: 'app-balance-adjustment-dialog',
  templateUrl: './balance-adjustment-dialog.component.html',
  styleUrls: ['./balance-adjustment-dialog.component.scss']
})
export class BalanceAdjustmentDialogComponent implements OnInit {
  
  actionsAlignment: string;
  
  private _dimesionToggle = false;

  constructor(public dialogRef: MatDialogRef<BalanceAdjustmentDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: any) { }

  togglePosition(): void {
    this._dimesionToggle = !this._dimesionToggle;

    if (this._dimesionToggle) {
      this.dialogRef
        .updateSize('500px', '500px')
        .updatePosition({ top: '25px', left: '25px' });
    } else {
      this.dialogRef
        .updateSize()
        .updatePosition();
    }
  }
  ngOnInit() {
  }

}