{% set input_id = "inp-" ~ widget.path | replace('.','_') | replace('(','_') | replace(')','_') | replace(':','_') %}
<div class="rp-widget rp-loader" data-path="{{ widget.path }}" data-type="loader"
     {% if widget.enable %}data-enable='{{ widget.enable }}'{% endif %}
     data-upload-targets="{{ widget.attrs.upload_targets | join(',') }}"
     data-download-sources="{{ widget.attrs.download_sources | join(',') }}"
     data-loader-default="{{ widget.attrs.loader_default or '' }}"
     data-example="{{ widget.attrs.example or '*.xml' }}"
     data-examples='{{ widget.attrs.examples | tojson if widget.attrs.examples else "[]" }}'>
    <label class="rp-label" for="{{ input_id }}" data-rp-tooltip='{{ {"desc": widget.description} | tojson }}' title="{{ widget.description }}">
        {{ widget.label or "Load Example" }}
    </label>
    <div class="rp-loader-controls" style="display:flex;flex-direction:column;gap:4px">
        <select id="{{ input_id }}" class="rp-input rp-loader-select" style="font-size:13px"
                onchange="rappture.loadExampleByName(this)">
            <option value="">— select example —</option>
        </select>
        {% if widget.attrs.upload_targets %}
        <label style="font-size:11px;color:var(--rp-text-muted);margin-top:2px">or upload XML:
            <input type="file" accept=".xml" style="font-size:11px;display:block;margin-top:2px"
                   onchange="rappture.loadExample(this)">
        </label>
        {% endif %}
    </div>
</div>