showControls = true} on:mouseleave={() => { showControls = false; showVolumeSlider = false; }} >

{#if loading}

{:else if error}

{error}

{:else}

{#if !isLive}

{#if stream.offlineImageUrl} {stream.name} offline

{:else}

{stream.name.charAt(0).toUpperCase()} OFFLINE

{/if}

{/if} {/if}

{#if showControls || !isLive}

{stream.name} {#if showClose} {/if}

{#if isLive && showControls}

showVolumeSlider = true} on:mouseleave={() => showVolumeSlider = false} > {#if showVolumeSlider}

{/if}