{%- extends 'display_priority.j2' -%}

{% block execute_result -%}
{%- set extra_class="output_execute_result" -%}
{% block data_priority scoped %}
{{ super() }}
{% endblock data_priority %}
{%- set extra_class="" -%}
{%- endblock execute_result %}

{% block stream_stdout -%}
<pre class="stdout">
<code>{{- output.text | escape_html -}}</code>
</pre>
{%- endblock stream_stdout %}

{% block stream_stderr -%}
<pre class="stdout">
<code>{{- output.text | escape_html -}}</code>
</pre>
{%- endblock stream_stderr %}

{% block data_svg scoped -%}
{%- if output.svg_filename %}
<img src="{{ output.svg_filename | posix_path | escape_html }}">
{%- else %}
{{ output.data['image/svg+xml'].encode("utf-8") | clean_html }}
{%- endif %}
{%- endblock data_svg %}

{% block data_html scoped -%}
{%- if resources.should_sanitize_html %}
{%- set html_value=output.data['text/html'] | clean_html -%}
{%- else %}
{%- set html_value=output.data['text/html'] -%}
{%- endif %}
{%- if output.get('metadata', {}).get('text/html', {}).get('isolated') -%}
<iframe class="isolated-iframe" style="height:520px; width:100%; margin:0; padding: 0" frameborder="0" scrolling="auto"
    src="data:text/html;base64,{{ html_value | text_base64 }}">
</iframe>
{%- else -%}
{{ html_value }}
{%- endif -%}
{%- endblock data_html %}

{% block data_markdown scoped -%}
{%- if resources.should_sanitize_html %}
{%- set html_value=output.data['text/markdown'] | markdown2html | clean_html -%}
{%- else %}
{%- set html_value=output.data['text/markdown'] | markdown2html -%}
{%- endif %}
{{ html_value }}
{%- endblock data_markdown %}

{% block data_png scoped %}
{# <figure class="png"> #}
    {%- if 'image/png' in output.metadata.get('filenames', {}) %}
    <img src="{{ output.metadata.filenames['image/png'] | posix_path | escape_html }}" {%- else %} <img
        src="data:image/png;base64,{{ output.data['image/png'] | escape_html }}" {%- endif %} {%- set width=output |
        get_metadata('width', 'image/png' ) -%} {%- if width is not none %} width={{ width | escape_html }} {%- endif %}
        {%- set height=output | get_metadata('height', 'image/png' ) -%} {%- if height is not none %} height={{ height |
        escape_html }} {%- endif %} {%- if output | get_metadata('unconfined', 'image/png' ) %} class="unconfined" {%-
        endif %} {%- set alttext=(output | get_metadata('alt', 'image/png' )) or (cell | get_metadata('alt')) -%} {%- if
        alttext is not none %} alt="{{ alttext | escape_html }}" {%- endif %}>
    {#
</figure> #}
{%- endblock data_png %}

{% block data_jpg scoped %}
{# <figure class="jpeg jpg"> #}
    {%- if 'image/jpeg' in output.metadata.get('filenames', {}) %}
    <img src="{{ output.metadata.filenames['image/jpeg'] | posix_path | escape_html }}" {%- else %} <img
        src="data:image/jpeg;base64,{{ output.data['image/jpeg'] | escape_html }}" {%- endif %} {%- set width=output |
        get_metadata('width', 'image/jpeg' ) -%} {%- if width is not none %} width={{ width | escape_html }} {%- endif
        %} {%- set height=output | get_metadata('height', 'image/jpeg' ) -%} {%- if height is not none %} height={{
        height | escape_html }} {%- endif %} {%- if output | get_metadata('unconfined', 'image/jpeg' ) %}
        class="unconfined" {%- endif %} {%- set alttext=(output | get_metadata('alt', 'image/jpeg' )) or (cell |
        get_metadata('alt')) -%} {%- if alttext is not none %} alt="{{ alttext | escape_html }}" {%- endif %}>
    {#
</figure> #}
{%- endblock data_jpg %}

{% block data_latex scoped %}
{# <figure class="latex"> #}
    {{ output.data['text/latex'] | e }}
    {# </figure> #}
{%- endblock data_latex %}

{% block error -%}
<pre class="exception">
{{- super() -}}
</pre>
{%- endblock error %}

{%- block traceback_line %}
{{ line | ansi2html }}
{%- endblock traceback_line %}

{%- block data_text scoped %}
<pre class="plain">
{{- output.data['text/plain'] | ansi2html -}}
</pre>
{%- endblock -%}

{%- block data_javascript scoped %}
{% set div_id = uuid4() %}
<div id="{{ div_id }}" class="output_subarea output_javascript {{ extra_class }}">
    {%- if not resources.should_sanitize_html %}
    <script type="text/javascript">
        var element = $('#{{ div_id }}');
        {{ output.data['application/javascript'] }}
    </script>
    {%- endif %}
</div>
{%- endblock -%}
{
{%- block data_widget_view scoped %}
{% set div_id = uuid4() %}
{% set datatype_list = output.data | filter_data_type %}
{% set datatype = datatype_list[0]%}
<div id="{{ div_id }}" class="jupyter-widgets jp-OutputArea-output {{ extra_class }}">
<script type="text/javascript">
var element = document.getElementById('{{ div_id }}');
</script>
<script type="{{ datatype }}">
{{ output.data[datatype] | json_dumps | escape_html_script }}
</script>
</div>
{%- endblock data_widget_view -%}  

{%- block footer %}
{%- if not resources.should_sanitize_html %}
{% set mimetype = 'application/vnd.jupyter.widget-state+json'%}
{% if mimetype in nb.metadata.get("widgets",{})%}
<script type="{{ mimetype }}">
{{ nb.metadata.widgets[mimetype] | json_dumps | escape_html }}
</script>
{% endif %}
{%- endif %}
{{ super() }}
{%- endblock footer-%}

{%- macro cell_display_priority(i, outputs, cell) -%}
{%- for i, output in enumerate(outputs) -%}
{%- block output scoped -%}{{super()}}{%- endblock -%}
{%- endfor -%}
{%- endmacro -%}