{{
	var missingRef = (item.state === 'error');
	var missingOutput = (item.type === 'dataSet2' && item.exists === true && item.state === 'error');
}}

<div class="caption{{?missingOutput}} warning{{?? missingRef}} missingRef{{?}}" title="{{?missingOutput}}{{!it.lbl_missingDataSetData}}{{??}}{{!item.name}}{{?}}">
	{{?missingOutput}}
	<div>
		<svg class="svgIcon datasetIcon datasetWarningIcon">
			<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-warning"></use>
		</svg>
	</div>
	{{??missingRef}}
	<div>
		<svg class="svgIcon datasetIcon datasetErrorIcon">
			<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-error"></use>
		</svg>
	</div>
	{{??}}
		 <div class="datasourceIconContainer">
		 {{?item.state === "loading"}}
			 <svg class="loader--small">
				<circle class="loader__path" cx="12.35px" cy="12.35px" r="6px"></circle>
			</svg>
		 {{??item.type === "module"}}
			<svg class="svgIcon datasetIcon">
				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-titan-model"></use>
			</svg>
		 {{??item.type === "uploadedFile"}}
		 	<svg class="svgIcon datasetIcon">
				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-upload"></use>
			</svg>
		 {{??}}
			<svg class="svgIcon datasetIcon">
				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-dataset"></use>
			</svg>
		 {{?}}
		 </div>
	{{?}}
	<div class="sourceLabelContainer" tabindex="-1" role="option" aria-label="{{!item.name}}">
		<div class="datasetLabel{{?!item.lastUpdatedString}} center{{?}}">{{!item.name}}</div>
		{{?item.lastUpdatedString}}
		<div class="sourceModified">{{!item.lastUpdatedString}}</div>
		{{?}}
	</div>
	<div tabindex="-1" title="{{=item.title}}" class="ellipsesButton focusable" role="button">
		<svg class="svgIcon datasetIcon">
			<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-menuoverflow"></use>
		</svg>
	</div>
</div>