how to bring maximize and minimize logic to work in angular bootstrap modal popup

i am using Angular Bootstrap Modal Popup, here i want to show Maximize and Minimize options along with close button. When we click on max, it has to expand full screen, when min is clicked, it has to be in default size mentioned when popup has got opened. is there any way to do this without using jquery?

  openSm(content) {
    this.modalService.open(content, { size: 'sm', windowClass: 'dark-modal' });
  }

  openLg(content) {
    this.modalService.open(content, { size: 'lg', windowClass: 'light-modal' });
  }

Demo

from how to bring maximize and minimize logic to work in angular bootstrap modal popup