@if (label()) {
  <span>
    <label>{{ label() }}</label>
    <span>{{ value() }} {{ unit() }}</span>
  </span>
}
<mat-slider
  [min]="minValue()"
  [max]="maxValue()"
  [discrete]="disabled() ? false : thumbLabel()"
  [displayWith]="formatLabel"
  [step]="step()"
  [disabled]="disabled()"
>
  <input
    matSliderThumb
    [value]="value()"
    (valueChange)="value.set($event)"
    (blur)="touch.emit()"
  />
</mat-slider>