<div class="content">
	<div class="selectionRow">
		<span class="selectionlabel" id="{{=it.id}}_value">
			{{!it.numberOfResults.label}}<br/>
			<span class="selectionlabelDesc">{{!it.numberOfResults.desc}}</span>
		</span>
		<input name="topbottomValue" value={{=it.numberOfResults.value}} aria-labelledby="{{=it.id}}_value"></input>
	</div>
	<div class="selectionRow">
		<span class="selectionlabel">{{!it.show.label}}</span>
	</div>
	<div class="selectionRadio">
		{{~it.show.options :option:i}}
			<label><input type="radio" name="topbottomType" value="{{=option.id}}" aria-labelledby="{{=it.id}}_type_{{=i}}" {{?it.show.selected===option.id}} checked{{?}}><span id="{{=it.id}}_type_{{=i}}">{{=option.label}}<span></label>
		{{~}}
	</div>
	{{? it.measures}}
	<div class="selectionRow searchByColumn">
		<span label for="{{=it.id}}_searchInput" class="selectionlabel" title="{{=it.measures.label}}">{{=it.measures.label}}</span>
		<div class="selectWrapper inputHolder">
			<svg class="svgIcon" focusable="false" role="img">
				<use xlink:href="#common-search" xmlns:xlink="http://www.w3.org/1999/xlink"></use>
			</svg>
			<input type="text" id="{{=it.id}}_searchInput" placeholder="{{=it.measures.desc}}" aria-label="{{=it.measures.ariaLabel}}">
		</div>
	</div>
	{{?}}
	{{? it.rank}}
	<div class="selectionRow">
		<span class="selectionlabel">{{!it.rank.label}}</span>
		<div class="topbottomRank propertyUIControl"></div>
	</div>
	{{?}}
	<div class="selectionRow buttonRow">
		<button name="clear" class="button dialogButton secondary{{?it.clear.disabled}} disabled{{?}}">{{=it.clear.label}}</button>
	</div>
</div>
