data-input-tag="<%= comp.tag %>"<% end %> <% if comp.dirtyable %>data-dirtyable<% end %> class="v-input v-text-field v-focusable mdc-text-field mdc-text-field--outlined <%= 'mdc-text-field--with-leading-icon' if leading_icon %> <%= 'mdc-text-field--with-trailing-icon' if trailing_icon %> <%= 'mdc-text-field--disabled' if comp.disabled %>" data-case_type="<%= comp.case_type %>" style="<%= 'width:100%' if comp.full_width %>"> value="<%= comp.value %>" class="mdc-text-field__input" aria-controls="<%= comp.id %>-input-helper-text" <% if comp.disabled %>disabled<% end %> <%= 'required' if comp.required %> <%= "pattern='#{comp.pattern}'" if comp.pattern %> autocomplete="<%= auto_complete %>" list="<%= comp.id %>-list" <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id: "#{comp.id}-input"} if comp.events&.any? %>> <%= partial "components/icon", :locals => {comp: comp.icon, class_name: 'mdc-text-field__icon', parent_id: "#{comp.id}-input"} if comp.icon %> <%= partial "components/shared/input_label", :locals => {comp: comp} %>