<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

<t t-name="html_builder.BuilderTextInputBase">
    <div class="d-flex flex-row flex-nowrap w-100 align-items-center"
        t-attf-class="{{ props.classes + ( props.prefix ? ' o-hb-input-base' : '' ) }}"
        t-att-data-action-id="info.actionId"
        t-att-data-action-param="info.actionParam"
        t-att-data-action-value="info.actionValue"
        t-att-data-class-action="info.classAction"
        t-att-data-style-action="info.styleAction"
        t-att-data-style-action-value="info.styleActionValue"
        t-att-data-attribute-action="info.attributeAction"
        t-att-data-attribute-action-value="info.attributeActionValue">
        <span t-if="props.prefix" class="o-hb-input-prefix" t-out="props.prefix"/>
        <input
            t-ref="inputRef"
            type="text"
            autocomplete="chrome-off"
            t-attf-class="{{ props.inputClasses + ( props.prefix ? ' o-hb-input-transparent ' : ' o-hb-input-base ' ) }}"
            t-att-placeholder="props.placeholder"
            t-att-data-tooltip="props.tooltip"
            t-att-aria-label="props.tooltip"
            t-att-title="props.title"
            t-on-change="onChange"
            t-on-input="onInput"
            t-on-focus="onFocus"
            t-on-keydown="onKeydown"
            t-att-value="state.value"
            t-att-style="props.style"
        />
        <t t-slot="default"/>
    </div>
</t>

</templates>
