manual-balance-adjustment.component.ts

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

@Component({
  selector: 'app-manual-balance-adjustment',
  templateUrl: './manual-balance-adjustment.component.html',
  styleUrls: ['./manual-balance-adjustment.component.scss']
})
export class ManualBalanceAdjustmentComponent implements OnInit {

  ngOnInit() {
  }
  private _dimesionToggle = false;

  constructor(
    public dialogRef: MatDialogRef<ManualBalanceAdjustmentComponent>,
    @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();
    }
  }

}