{#if labelText}
{labelText}
{/if} {#if helperText}
{helperText}
{/if}
{#if invalid}
{/if}
{ if (!disabled) { dispatch('click', event); } }} on:change={event => { if (!disabled) { dispatch('change', event); } }} on:input={event => { value = event.target.value; if (!disabled) { dispatch('input', event); } }} data-invalid={invalid || undefined} aria-invalid={invalid || undefined} aria-describedby={invalid ? errorId : undefined} {id} {placeholder} {type} {value} {disabled} />
{ type = type === 'password' ? 'text' : 'password'; }}>
{#if passwordIsVisible}{hidePasswordLabel}{:else}{showPasswordLabel}{/if}
{#if passwordIsVisible}
{:else}
{/if}
{#if invalid}
{invalidText}
{/if}