{% if loader is defined and loader.disable is not defined %}
	{% set loaderClass = 'supsystic-diagram-loader' %}
        {% if loader.iconName | default('default') == 'default' %}
            <div class="{{ loaderClass }} spinner" {% if loader.color is defined %}style="background-color: {{ loader.color }}"{% endif %}></div>
        {% else %}
        <div class="{{ loaderClass }} la-{{ loader.iconName }} la-2x" style="color: {{ loader.color }}">
            {% for i in 1..loader.iconItems %}
            	<div></div>
            {% endfor %}
        </div>
    {% endif %}
{% endif %}
<div
    id="supsystic-table-diagram-{{ diagram.view_id }}"
    data-id="{{ diagram.id }}"
    data-view-id="{{ diagram.view_id }}"
    class="supsystic-table-diagram"
    style="width: {{ chartWidth }}; height: {{ chartHeight }};"
    data-chartData="{{ chartData }}"
    data-chartType="{{ chartType }}"
>
    <!-- Diagram goes here -->
</div>