{#if hint}
{@html alertIcon}
{@html hint}
{/if}
{#each fieldsData as field, index}
{@const content = fieldStores[index]}
{
$focusedField = fields[index];
bridgeCommand(`focus:${index}`);
}}
on:focusout={() => {
$focusedField = null;
bridgeCommand(
`blur:${index}:${getNoteId()}:${get(content)}`,
);
}}
on:mouseenter={() => {
$hoveredField = fields[index];
}}
on:mouseleave={() => {
$hoveredField = null;
}}
collapsed={fieldsCollapsed[index]}
--label-color={cols[index] === "dupe"
? "var(--flag1-bg)"
: "var(--window-bg)"}
>
{
fieldsCollapsed[index] = !fieldsCollapsed[index];
if (!fieldsCollapsed[index]) {
await tick();
richTextInputs[index].api.refocus();
} else {
plainTextsHidden[index] = true;
}
}}
>
{field.name}
{#if cols[index] === "dupe"}
{/if}
{
plainTextsHidden[index] =
!plainTextsHidden[index];
if (!plainTextsHidden[index]) {
await tick();
plainTextInputs[index].api.refocus();
}
}}
/>
{
saveFieldNow();
$focusedInput = null;
}}
bind:this={richTextInputs[index]}
>
{field.description}
{
saveFieldNow();
$focusedInput = null;
}}
bind:this={plainTextInputs[index]}
/>
{/each}