{#snippet textStyleActions()} {/snippet}

Case { if (value) onchange({ textTransform: value as ThemeV2TextTransform }); }} > {transformOptions.find((option) => option.value === (element.textTransform ?? 'none')) ?.label ?? 'None'} {#each transformOptions as option (option.value)} {/each}

Fill setFillMode(value as ThemeV2TextStyle['fillMode'])} > {element.fillMode === 'gradient' ? 'Gradient' : 'Solid'}

{#if gradient}

Gradient from {element.gradientFrom ?? '#ff006e'}

onchange({ gradientFrom: inputValue(event) })} /> onchange({ gradientFrom: inputValue(event) })} />

Gradient to {element.gradientTo ?? '#7c3aed'}

onchange({ gradientTo: inputValue(event) })} /> onchange({ gradientTo: inputValue(event) })} />

Gradient angle onchange({ gradientAngle: Math.min(360, Math.max(0, Number(inputValue(event)) || 0)), })} />

{:else}

Color {element.color ?? '#ffffff'}

onchange({ color: inputValue(event) })} /> onchange({ color: inputValue(event) })} />

{/if}

Outline

onchange({ outlineWidth: Math.min(20, Math.max(0, Number(inputValue(event)) || 0)) })} /> onchange({ outlineColor: inputValue(event) })} /> onchange({ outlineColor: inputValue(event) })} />

Shadow

onchange({ shadowBlur: Math.min(40, Math.max(0, Number(inputValue(event)) || 0)) })} /> onchange({ shadowOffsetX: Math.min(40, Math.max(-40, Number(inputValue(event)) || 0)), })} /> onchange({ shadowOffsetY: Math.min(40, Math.max(-40, Number(inputValue(event)) || 0)), })} />

onchange({ shadowColor: inputValue(event) })} /> onchange({ shadowColor: inputValue(event) })} />