Select.hbs

<div
	class="ui5-select-root ui5-input-focusable-element"
	id="{{_id}}-select"
	@click="{{_onclick}}"
>
	{{#if selectedOptionIcon}}
		<ui5-icon
			mode="Decorative"
			class="ui5-select-option-icon"
			name="{{selectedOptionIcon}}"
		></ui5-icon>
	{{/if}}
	<div class="ui5-select-label-root"
		data-sap-focus-ref
		tabindex="{{_effectiveTabIndex}}"
		role="combobox"
		aria-haspopup="listbox"
		aria-label="{{ariaLabelText}}"
		aria-describedby="{{valueStateTextId}}"
		aria-disabled="{{isDisabled}}"
		aria-required="{{required}}"
		aria-readonly="{{readonly}}"
		aria-expanded="{{_isPickerOpen}}"
		aria-roledescription="{{_ariaRoleDescription}}"
		@keydown="{{_onkeydown}}"
		@keypress="{{_handleKeyboardNavigation}}"
		@keyup="{{_onkeyup}}"
		@focusin="{{_onfocusin}}"
		@focusout="{{_onfocusout}}"
	>
		{{#if hasCustomLabel}}
			<slot name="label"></slot>
		{{else}}
			{{text}}
		{{/if}}
	</div>

	{{#unless readonly}}
		<ui5-icon
			name="slim-arrow-down"
			class="inputIcon"
			?pressed="{{_iconPressed}}"
		></ui5-icon>
	{{/unless}}

	{{#if hasValueState}}
		<span id="{{_id}}-valueStateDesc" class="ui5-hidden-text">{{valueStateText}}</span>
	{{/if}}
</div>

{{>include "./SelectPopover.hbs"}}