{
lyricClick(index);
}}
on:touchend={() => {
clickMask.style.backgroundColor = 'transparent';
}}
on:touchstart={() => {
clickMask.style.backgroundColor = 'rgba(255,255,255,.3)';
}}
style="transform: translate3d({positionX}px, {positionY}px, 0); transition-property: text-shadow;
transition-duration: 0.36s; transition-timing-function: ease-out;
transform-origin: center left;"
>
{#if debugMode}
{index}: duration: {(line.end - line.start).toFixed(3)}, {line.start.toFixed(3)}~{line.end.toFixed(3)}
{/if}
{#if line.words}
{#each line.words as word}
{#if word.word}
{#each word.word.split("") as chr, i}
(word.endTime - word.startTime) * ((i)/word.word.length) + word.startTime ? "opacity-100" : "opacity-35") + " inline-block duration-300"}
>
{chr}
{/each}
{/if}
{/each}
{:else}
{line.text}
{/if}
{#if line.translation}
{line.translation}
{/if}