<div class="adf-property-label" *ngIf="showProperty()">{{ property.label | translate }}</div>
<div class="adf-property-value">
    <div>
        <span *ngIf="!isClickable(); else elseBlock" [attr.data-automation-id]="'card-mapitem-value-' + property.key">
            <span *ngIf="showProperty();">{{ property.displayValue }}</span>
        </span>
        <ng-template #elseBlock>
            <span class="adf-mapitem-clickable-value" (click)="clicked()" [attr.data-automation-id]="'card-mapitem-value-' + property.key">
                <span *ngIf="showProperty(); else elseEmptyValueBlock">{{ property.displayValue }}</span>
            </span>
        </ng-template>
    </div>
    <ng-template #elseEmptyValueBlock>
        {{ property.default | translate }}
    </ng-template>
</div>
