analytics/webcontent/bi/js/dashboard-analytics/widgets/livewidget/templates/VisChanger.html

<div class="visChangerContainer">
	{{? it.includeHeader }}
		<div class="visChangerHeader">
			<h1 aria-label="{{! it.labels.propVisType }}">{{! it.labels.propVisType }}</h1>
		</div>
		<div class="visChangerRow">
			<h2>{{! it.labels.visRecommendedTypes }}</h2>
		</div>
	{{?}}

	<div class="visChangerRow">
		{{~ it.visualizations.recommended :vis }}
			<div role="group" class="prop-item" aria-label="{{! vis.name }}" title="{{! vis.name }}" >
				<div tabindex ="0" role="button" title="{{= vis.name }}" class="prop-icon vis {{?vis.disabled}}disabled{{?}}" data-id="{{= vis.id }}" data-type="Recommended"">
					<svg alt="{{= vis.caption }}" class="svgIcon{{? vis.id === it.currentVis }} selected{{?}}"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{= vis.iconUri }}"></use></svg>
					{{? vis.id === it.currentVis}}
						<div class="checked wfg_accept"></div>
					{{?}}
					<div class="prop-icon-label">
						{{= vis.name }}
					</div>
				</div>
			</div>
		{{~}}
		{{? it.includeOtherLink }}
			<div role="group" class="prop-item" aria-label="{{! it.labels.visMoreTooltip }}" title="{{! it.labels.visMoreTooltip }}" >
				<div role="button" tabindex="0" class="prop-icon moreVisualizations">
					{{! it.labels.visMore }}
				</div>
			</div>
		{{?}}
	</div>
	{{? it.visualizations.other }}
		<div class="visChangerRow">
			<h2 aria-label="{{! it.labels.visOtherTypes }}">{{! it.labels.visOtherTypes }}</h2>
		</div>
		<div class="visChangerRow">
			{{~ it.visualizations.other :vis }}
				<div role="group" class="prop-item">
					<div role="button" tabindex="0" title="{{= vis.name }}" class="prop-icon vis" data-id="{{= vis.id}}" data-type="Other">
						<svg alt="{{= vis.caption }}" class="svgIcon{{? vis.id === it.currentVis }} selected{{?}}"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{= vis.iconUri }}"></use></svg>
						{{? vis.id === it.currentVis }}
							<div class="checked wfg_accept"></div>
						{{?}}
						<div class="prop-icon-label">
							{{= vis.name }}
						</div>
					</div>
				</div>
			{{~}}
		</div>
	{{?}}
</div>