<% if (mode === 'edit') { %> <% } else { %> <% } %> <% if (messagePosition === 'header') { %> <%- message %> <% }%>

aria-labelledby="u-field-title-<%- id %>"> <% } else if (editable === 'never') { %> >

<%- screenReaderTitle %>

aria-describedby="u-field-message-help-<%- id %>" <% } %> ><%- value %> <% } else { %> > <%- screenReaderTitle %> <%- value %> <%- gettext('Click to edit') %> <%- placeholderValue %> <% } %>

<% if (messagePosition === 'footer') { %> <%- message %> <% } %> <% if (mode === 'edit' && maxCharacters) { %>

<%= HtmlUtils.interpolateHtml( gettext('{currentCountOpeningTag}{currentCharacterCount}{currentCountClosingTag} of {maxCharacters}'), { currentCountOpeningTag: HtmlUtils.HTML(''), currentCountClosingTag: HtmlUtils.HTML(''), currentCharacterCount: value.length, maxCharacters: maxCharacters } ) %>

<% } %>