<div #tooltipContent class="{{adf}}-diagram-tooltip">
    <div class="{{adf}}-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div>
    <div class="{{adf}}-diagram-tooltip-body">
        <div *ngIf="data.name" class="{{adf}}-diagram-name-property">
            <span class="{{adf}}-diagram-propertyName">Name:</span>
            <span class="{{adf}}-diagram-propertyValue">{{ data.name }}</span>
        </div>
        <div *ngFor="let property of data.properties" class="{{adf}}-diagram-general-property">
            <span class="{{adf}}-diagram-propertyName">{{ property.name }}:</span>
            <span class="{{adf}}-diagram-propertyValue">{{ property.value }}</span>
        </div>
    </div>
</div>
