<div [matTooltip]="attribute.label" class="cell" matTooltipPosition="above">
    <span class="clamp-1">{{ attribute.label }}</span>
</div>

<div [matTooltip]="attribute.placeholder" class="cell" matTooltipClass="break-all" matTooltipPosition="above">
    <span class="small-label clamp-1">{{ attribute.placeholder }}</span>
</div>

<div class="cell">
    <span class="small-label">{{ translations[attribute.type] | translate }}</span>
</div>

<div class="cell">
    <div *ngIf="canEditDossierAttributes" class="action-buttons">
        <div [attr.help-mode-key]="'edit_delete_dossier_attributes'">
            <iqser-circle-button
                (action)="openAddEditAttributeDialog.emit(attribute)"
                [tooltip]="'dossier-attributes-listing.action.edit' | translate"
                icon="iqser:edit"
            ></iqser-circle-button>

            <iqser-circle-button
                (action)="openConfirmDeleteAttributeDialog.emit([attribute])"
                [tooltip]="'dossier-attributes-listing.action.delete' | translate"
                icon="iqser:trash"
            ></iqser-circle-button>
        </div>
    </div>
</div>
