.bunt-input(:class!="{focused, 'floating-label': floatingLabel, invalid, disabled, 'with-icon': icon}", :style="{'--label-gap': floatingLabelWidth}", v-resize-observer="generateOutline")
.label-input-container
label(:for="name") {{label}}
.icon.mdi(v-if="icon", :class="[iconClass]")
input(ref="input", :type="type", :name="name", :value="modelValue", :disabled="disabled", :readonly="readonly", @input="onInput($event)", @focus="focused = true", @blur="onBlur", :placeholder="placeholder")
.error-icon.mdi.mdi-alert-circle(v-show="invalid", :title="hintText")
svg.outline(ref="outline")
path(:d="outlineStroke")
.hint(v-if="hintIsHtml", v-html="hintText")
.hint(v-else) {{ hintText }}