{#if !interactive}
gradio.dispatch("share", e.detail)}
on:error={(e) => gradio.dispatch("error", e.detail)}
on:play={() => gradio.dispatch("play")}
on:pause={() => gradio.dispatch("pause")}
on:stop={() => gradio.dispatch("stop")}
/>
{:else}
(value = detail)}
on:stream={({ detail }) => {
value = detail;
gradio.dispatch("stream", value);
}}
on:drag={({ detail }) => (dragging = detail)}
{root}
{sources}
{active_source}
{pending}
{streaming}
{handle_reset_value}
{editable}
bind:dragging
on:edit={() => gradio.dispatch("edit")}
on:play={() => gradio.dispatch("play")}
on:pause={() => gradio.dispatch("pause")}
on:stop={() => gradio.dispatch("stop")}
on:start_recording={() => gradio.dispatch("start_recording")}
on:pause_recording={() => gradio.dispatch("pause_recording")}
on:stop_recording={(e) => gradio.dispatch("stop_recording")}
on:upload={() => gradio.dispatch("upload")}
on:clear={() => gradio.dispatch("clear")}
on:error={handle_error}
i18n={gradio.i18n}
{waveform_settings}
{waveform_options}
{trim_region_settings}
>
{/if}