<!--
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
-->

<div class="fullsize vertBox editdata-component">
	<div id="results" *ngIf="renderedDataSets.length > 0" class="results vertBox scrollable"
		 (onScroll)="onScroll($event)" [class.hidden]="!resultActive">
		<div class="boxRow content horzBox slickgrid editable" *ngFor="let dataSet of renderedDataSets; let i = index"
			[style.max-height]="dataSet.maxHeight" [style.min-height]="dataSet.minHeight">
			<slick-grid #slickgrid id="slickgrid_{{i}}" [columnDefinitions]="dataSet.columnDefinitions"
						[ngClass]="i === activeGrid ? 'active' : ''"
						[dataRows]="dataSet.dataRows"
						enableAsyncPostRender="true"
						showDataTypeIcon="false"
						showHeader="true"
						[resized]="dataSet.resized"
						[plugins]="plugins[i]"
						(onActiveCellChanged)="onActiveCellChanged($event)"
						(onCellChange)="onCellEditEnd($event)"
						(onContextMenu)="openContextMenu($event, dataSet.batchId, dataSet.resultId, i)"
						(onRendered)="onGridRendered($event)"
						[isCellEditValid]="onIsCellEditValid"
						[overrideCellFn]="overrideCellFn"
						[onBeforeAppendCell]="onBeforeAppendCell"
						[enableEditing]="true"
						class="boxCol content vertBox slickgrid">
			</slick-grid>
		</div>
	</div>
</div>