// out: ..
div(
v-bind:class="textarea?['row']:computedClass")
slot(name="icon")
input(
v-el:input
v-if="!textarea"
v-bind:class="inputClass"
v-bind:style="inputStyle"
v-bind:type="type"
v-bind:disabled="disabled"
v-bind:readonly="readonly"
v-bind:autofocus="autofocus"
v-bind:placeholder="placeholder"
v-model="value"
@focus="onInputFocus"
@blur="onInputBlur"
@keyup.enter="onConfirmTrigger"
)
label(
v-if="(label || type=='search') && !textarea"
style="pointer-events: none"
v-bind:class="{active: isActive}"
v-bind:data-error="dataError"
v-bind:data-success="dataSuccess"
) {{label}}
slot(name="label")
slot(name="iconafter")
span.character-counter(
v-if="length > 0 && !textarea"
style="float:right;font-size:12px;height:0px"
) {{lengthString}}
text-area(
v-ref:input
v-if="textarea"
v-bind:class="computedClass"
v-bind:taclass="inputClass"
v-bind:style="inputStyle"
v-bind:type="type"
v-bind:readonly="readonly"
v-bind:disabled="disabled"
v-bind:autofocus="autofocus"
v-bind:value="value"
no-extra-line
@input="onInput"
@focus="onInputFocus"
@blur="onInputBlur"
@keyup.enter="onConfirmTrigger"
)
span(
slot="placeholder"
v-if="placeholder"
) {{placeholder}}
label(
slot="label"
v-if="label"
style="pointer-events: none"
v-bind:class="{active: isActive}"
v-bind:data-error="dataError"
v-bind:data-success="dataSuccess"
) {{label}}
span.character-counter(
slot="label"
v-if="length > 0"
style="float:right;font-size:12px;height:0px"
) {{lengthString}}