    (mouseenter)="isHovered=true"
     (mouseleave)="isHovered=false"
     role="button"
     [tabindex]="disabled ? '-1': '0'">
    <div class="tgl-lbl" *ngIf="hasLabel">{{label}}</div>
    <div class="tgl-container">
        <div class="tgl-bar" animated attr.elevation="{{shadow_z}}"></div>
        <div class="tgl-btn-container">
            <div class="tgl-btn" animated attr.elevation="{{shadow_z}}">
                <ng-content></ng-content>
            </div>
        </div>
    </div>
</div>
