Как задизейблить левую стрелочку при скроллинге?

Question

[Джанго Всемогущий]

<div class="pull-left mt-sm">
  <i class="icon-arrow-left pointer" (click)="scrollLeft()"></i>
</div>   

 <div #widgetsContent class="custom-slider-main">
        <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
          <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
          <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
          <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
          <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
          <div class="info-box">
             <img src="file.jpg" class="info-box">
          </div>
    </div>

<div class="pull-right mt-sm">
  <i class="icon-arrow-right pointer" (click)="scrollRight()"></i>
</div>

@ViewChild('widgetsContent') widgetsContent: ElementRef;

scrollLeft(){
    this.widgetsContent.nativeElement.scrollLeft -= 150;
  }

scrollRight(){
    this.widgetsContent.nativeElement.scrollLeft += 150;
  }

Всем привет. Есть вот такой простой код. Суть логики проста. Некий контент, находящийся в блоке div, скроллится при нажатии на кнопки вправо и влево. Всё работает. Но как добавить состояние, чтобы кнопка скролла влево была задизейблена когда контент находится в крайнем левом положении, и то же самое сделать для правой кнопки, когда контент заскроллен в правом крайнем положении?

Comments

[Джанго Всемогущий]

Либы юзать готовые не хочу, много лишнего за собой подтягивают.

[MisterN]

Я так понимаю, проблема уже решена? Легкий гуглеж подсказывает, что scrollWidth - offsetWidth для получения крайнего правого scrollLeft