@if (label()) {
  <span>
    <label>{{ label() }}</label>
    <span>{{ control?.value }} {{ unit() }}</span>
  </span>
}
<mat-slider
  [min]="minValue()"
  [max]="maxValue()"
  [discrete]="this.isDisabled() ? null : thumbLabel()"
  [displayWith]="formatLabel"
  [step]="step()"
  [disabled]="isDisabled()"
>
  <input [formControl]="control" matSliderThumb />
</mat-slider>