<div class="col-12">
	<div class="row">
		<h5 *ngIf="form.get('title').value && !isChild" class="col-auto compositeField toc-compositeField-header" [id]="this.form.get('id').value">
			{{tocentry? tocentry.numbering :form.get('numbering').value}}
			{{form.get('title').value}}
			<!-- <a *ngIf="this.markForConsiderationService.exists(compositeField)" (click)="markForConsideration()" style="cursor: pointer">
							Mark For Consideration
						</a> -->
		</h5>
		<mat-icon class="col-auto info-icon" *ngIf="this.form.get('additionalInformation').value && !isChild" matTooltip="{{this.form.get('additionalInformation').value}}">info</mat-icon>
	</div>
</div>


<h6 *ngIf="form.get('description').value  && !isChild" class="col-12" [innerHTML]="form.get('description').value"></h6>

<div *ngIf="form.get('extendedDescription').value  && !isChild" class="col-12 mt-3 mb-3">
	<div *ngIf="!showExtendedDescription" (click)="showExtendedDescription = !showExtendedDescription">
		<span class="more d-flex justify-content-center">{{'DATASET-EDITOR.QUESTION.EXTENDED-DESCRIPTION.VIEW-MORE' | translate}}</span>
	</div>
	<div *ngIf="showExtendedDescription">
		<h6 [innerHTML]="form.get('extendedDescription').value"></h6>
		<span class="more d-flex justify-content-center" (click)="showExtendedDescription = !showExtendedDescription">
			{{'DATASET-EDITOR.QUESTION.EXTENDED-DESCRIPTION.VIEW-LESS' | translate}}
		</span>
	</div>
</div>
