Как сделать Multiple step в md-слайдере в Angular Material

Question

Мне нужно показать значения от 200000 до 2500000 в ползунке, где значения с шагом от 200000 до 1000000 - это 50000, а с 1000000 до 2500000 - с шагом 500000.

Но я устанавливаю шаг = 50000, нокак изменить его на 500000, когда пользователь пытается сдвинуть 1000000 на 2500000?

HTML:

<div class="col-6">
      <label>Sum Insured</label>
      <span class="slider-title">&#8377; {{ sliderValue }}</span>
      <mat-slider
        class="example-margin"
        [max]="max"
        [min]="min"
        [step]="step"
        [thumbLabel]="thumbLabel"
        [tickInterval]="tickInterval"
        [(ngModel)]="sliderValue"
      >
      </mat-slider>
    </div>

JS:

autoTicks = false;
  max = 50000;
  min = 0;
  showTicks = true;
  step = 1;
  thumbLabel = true;
  value = 0;
  vertical = false;

Обновление:

this.min = parseInt(this.packages[0].coverageResponse.personCoverageList[0].sumInsuredAmount.split(' ')[1]);
    this.max = this.packages[0].coverageResponse.personCoverageList[0].maxInsuredAmount;
    this.sliderValue = parseInt(this.packages[0].coverageResponse.personCoverageList[0].sumInsuredAmount.split(' ')[1]);
    this.step = 50000;