<StackLayout>
    <RadListView (itemTap)="onItemTap($event)" [itemTemplateSelector]="templateSelector" [items]="stsNumbers"
                 visibility="{{stsNumbers.length > 0 ? 'visible' : 'collapse'}}">
        <ng-template let-item="item" tkListItemTemplate>
            <StackLayout class="separator" padding="0">
                <StackLayout class="btn-navigation" padding="0">
                    <Label [text]="item.DisplayName | phone" class="navigation-label"></Label>
                    <Label *ngIf="item.HolderName === item.HolderRelation" fontSize="14" margin="0"
                           text="Moje číslo"></Label>
                    <Label *ngIf="item.HolderName !== item.HolderRelation" fontSize="14" margin="0"
                           text="{{item.HolderName}} - {{item.HolderRelation}}"></Label>
                    <!-- <Label [text]="item.Tariff" fontSize="14" margin="0"></Label> -->
                </StackLayout>
            </StackLayout>
        </ng-template>
    </RadListView>
    <Label *ngIf="stsNumbers.length === 0" class="no-data" col="1" text="Nepodařilo se nalézt čísla v STS"
           textWrap="true"></Label>
</StackLayout>
