/*
 *+------------------------------------------------------------------------+
 *| Licensed Materials - Property of IBM
 *| IBM Cognos Products: Dashboard
 *| (C) Copyright IBM Corp. 2015, 2021
 *|
 *| US Government Users Restricted Rights - Use, duplication or disclosure
 *| restricted by GSA ADP Schedule Contract with IBM Corp.
 *+------------------------------------------------------------------------+
 */
{{? it.searchText && !it.listOnly}}
<div class="searchWrapper">
	{{? it.newStyle}}
	<div class="treeStaticSearchIcon wfg_search"></div>
	<input class="treeSearchInput" type="text" aria-label="{{!it.searchText}}" placeholder="{{!it.searchText}}"></input>
	<div class="treeSearchIcon"></div>
	{{??}}
	<input class="treeSearchInput" type="text" aria-label="{{!it.searchText}}" placeholder="{{!it.searchText}}"></input>
	<div class="treeSearchIcon wfg_search"></div>
	{{?}}
	{{? it.sortFlyout && !it.listOnly}}
	<div class="treeSortContainer">
		<div class="treeSortIcon {{=it.defaultSortIcon}}"></div>
	</div>
	{{?}}
</div>
{{?}}
<div class="{{=it.controlType}}" {{? it.controlType === 'list' }} role="listbox" {{??}}role="{{=it.controlType}}"{{?}}  {{? it.title }}aria-label="{{!it.title}}"{{?}} aria-multiselectable="true">{{#def.listTemplate}}</div>
{{? it.multiSelect && !it.listOnly}}
<div class="imageButtonBar actionBar">
	<div class="flex1 multiselectBar">
		<button class="clearButton" title="{{!it.lbl_clear}}" tabIndex="0">{{!it.lbl_clear}}</button>
		<div class="count"></div>
	</div>
	<button class="addButton" title="{{!it.lbl_add}}" tabIndex="0" disabled="true">{{!it.lbl_add}}</button>
</div>
{{?}}