<ng-container [ngSwitch]="triState">
  <ng-container *ngSwitchCase="true">

    <input type="radio" id="mf" class="trigger mf" [value]="false" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
    <label for="mf"></label>

    <input id="st_{{formControlName}}_off" [name]="formControlName" type="radio" class="trigger minus" [value]="-1" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
    <label for="st_{{formControlName}}_off">
      <div class="pin">
        <div class="ink"></div>
      </div>
    </label>

    <input id="st_{{formControlName}}_on" [name]="formControlName" type="radio" class="trigger plus" [value]="1" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
    <label for="st_{{formControlName}}_on">
      <div class="pin">
        <div class="ink"></div>
      </div>
    </label>

  </ng-container>

  <ng-container *ngSwitchDefault>
    <input id="st_{{formControlName}}" [name]="formControlName" type="checkbox" class="trigger" [(ngModel)]="model" (change)="update(model)" [disabled]="isDisabled">
    <label for="st_{{formControlName}}">
      <div class="pin">
        <div class="ink"></div>
      </div>
    </label>
  </ng-container>
</ng-container>