div(
:class=`[
"gb-field-textarea",
"gb-field-textarea--" + size,
"gb-field-textarea--" + computedTheme,
"gb-field-textarea--" + computedStatus,
{
"gb-field-textarea--borders": borders,
"gb-field-textarea--disabled": disabled,
"gb-field-textarea--focused": focused,
"gb-field-textarea--full-width": fullWidth,
"gb-field-textarea--readonly": readonly
}
]`
)
field-label(
v-if="label"
:forField="uuid"
:required="required"
:size="size"
:theme="theme"
class="gb-field-textarea__label"
) {{ label }}
div(
@click="onContainerClick"
class="gb-field-textarea__container"
)
textarea(
@blur="onFieldBlur"
@change="onFieldChange"
@focus="onFieldFocus"
@input="onFieldInput"
@keydown="onFieldKeyDown"
@keyup="onFieldKeyUp"
:cols="cols"
:disabled="disabled"
:id="uuid"
:name="name"
:placeholder="placeholder"
:readonly="readonly"
:rows="rows"
:spellcheck="spellcheck"
:style=`{
resize: resize
}`
class="gb-field-textarea__field js-tag-for-autofocus"
) {{ innerValue }}
base-icon(
v-if="icon"
:name="icon"
class="gb-field-textarea__icon"
)
field-message(
v-if="fieldMessageStatus"
:message="fieldMessageContent"
:size="size"
:status="fieldMessageStatus"
:theme="theme"
)