TextArea.hbs

<div
	class="ui5-textarea-root"
	style="{{styles.main}}"
	?aria-invalid="{{ariaInvalid}}"
	@focusin="{{_onfocusin}}"
	@focusout="{{_onfocusout}}"
>
	{{#if growing}}
		<div id="{{_id}}-mirror" style="{{styles.mirror}}" class="ui5-textarea-mirror" aria-hidden="true">
			{{#each _mirrorText}}
				{{this.text}}

				<br />
			{{/each}}
		</div>
	{{/if}}

	<textarea
		id="{{_id}}-inner"
		class="ui5-textarea-inner"
		placeholder="{{placeholder}}"
		?disabled="{{disabled}}"
		?readonly="{{readonly}}"
		?required="{{required}}"
		aria-label="{{ariaLabelText}}"
		aria-describedby="{{ariaDescribedBy}}"
		maxlength="{{_exceededTextProps.calcedMaxLength}}"
		.value="{{value}}"
		@input="{{_oninput}}"
		@change="{{_onchange}}"
		@keyup="{{_onkeyup}}"
		@keydown="{{_onkeydown}}"
		data-sap-focus-ref
		part="textarea">
	</textarea>

	{{> afterTextarea}}

	{{#if showExceededText}}
		<span class="ui5-textarea-exceeded-text">{{_exceededTextProps.exceededText}}</span>
	{{/if}}

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

	<slot name="formSupport"></slot>
</div>

{{#*inline "afterTextarea"}}{{/inline}}