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

<t t-name="html_builder.BuilderNumberInput">
    <BuilderComponent>
        <BuilderNumberInputBase
            t-props="textInputBaseProps"
            inputRef="inputRef"
            value="displayValue"
            classes="'o-hb-input-field-number justify-content-end'"
            inputClasses="props.inputClasses ? `o-hb-input-number text-end ${props.inputClasses}` : 'o-hb-input-number text-end'"
            commit="commit"
            preview="preview"
            clampValue.bind="clampValue"
            onKeydownArrow.bind="onKeydownArrow"
            onInput.bind="onInput"
            onChange.bind="onChange"
            composable="props.composable"
            min="props.min"
            max="props.max"
            step="props.step"
            >
            <span class="o-hb-input-field-unit" t-out="props.unit" t-if="!props.placeholder or state.showUnit"/>
        </BuilderNumberInputBase>
    </BuilderComponent>
</t>

</templates>
