{#if lang === 'mermaid'}
{#if mermaidHtml}
{code}
{/if}
{:else if lang === 'vega' || lang === 'vega-lite'}
{#if vegaHtml}
{code}
{/if}
{:else}
{lang}
{#if ($config?.features?.enable_code_execution ?? true) && (lang.toLowerCase() === 'python' || lang.toLowerCase() === 'py' || (lang === '' && checkPythonCode(code)))}
{#if executing}
{:else if run}
{/if}
{/if}
{#if save}
{/if}
{#if preview && ['html', 'svg'].includes(lang)}
{/if}
{#if !collapsed}
{#if edit}
{
saveCode();
}}
onChange={(value) => {
_code = value;
}}
/>
{:else}
{#if !collapsed}
{#if executing || stdout || stderr || result || files}
{@html hljs.highlightAuto(code, hljs.getLanguage(lang)?.aliases).value ||
code}
{$i18n.t('{{COUNT}} hidden lines', {
COUNT: code.split('\n').length
})}
{/if}
{#if executing}
{:else}
{#if stdout || stderr}
{/if}
{#if result || files}
{/if}
{/if}
{/if}
{/if}
{/if}
{$i18n.t('STDOUT/STDERR')}
{$i18n.t('Running...')}
{$i18n.t('STDOUT/STDERR')}
{stdout || stderr}
{$i18n.t('RESULT')}
{#if result}
{`${JSON.stringify(result)}`}
{/if}
{#if files}
{#each files as file}
{#if file.type.startsWith('image')}
{/if}
{/each}
{/if}