{label}
{#if active}
{#if icon}
{/if}
session.change(String(next ?? ""))} aria-labelledby={`${id}-label`} aria-invalid={draftState.error ? "true" : undefined} aria-describedby={draftState.error ? `${id}-error` : undefined} {maxlength} {required} disabled={disabled || draftState.saving} class={styles.input()} onkeydown={event => { if (event.key === "Escape" && !event.isComposing && !session.state.saving) { event.preventDefault(); event.stopPropagation(); cancel(); } if (event.key === "Enter" && event.isComposing) event.preventDefault(); }} />
{saveLabel}
{cancelLabel}
{#if draftState.error}
{draftState.error}
{/if} {:else}
{#if icon}
{/if}
{inlineEditReadValue(value, inputType, emptyLabel)}
setEditing(true)}>{editLabel}
{#if presentation === "input"}
{savedLabel}{sourceLabel ? ` ยท ${sourceLabel}` : ""}
{/if} {/if}