{{#if hasValue}}
    {{#if valueUrl}}
        <a class="js-text reference-field__txt-link btn-wrp" href="{{valueUrl}}" target="_blank" tabindex="-1" title="{{text}}">{{text}}</a>
    {{else}}
        <span class="js-text reference-field__txt btn-wrp" title="{{text}}">{{text}}</span>
    {{/if}}
{{else}}
    <span class="js-text reference-field__txt btn-wrp">{{localize 'CORE.FORM.EDITORS.REFERENCE.NOTSET'}}</span>
{{/if}}
{{#if showEditButton}}
    <div class="js-edit-button reference-field__edit-btn "><svg class="svg-icons svg-icons_pencil"><use xlink:href="#icon-pencil" /></svg></div>
{{/if}}
<div class="svg-icons-wrp">
    <div class="svg-icons-wrp__empty">
        <svg class="svg-icons svg-icons_dropdown"><use xlink:href="#icon-dropdown" /> </svg>
    </div>
    <div class="js-clear-button svg-icons-wrp__remove">
        <svg class="svg-icons svg-icons_remove"><use xlink:href="#icon-remove" /> </svg>
    </div>
</div>