<div
    class="container"
    tabindex="-1"
    ng-click="$ctrl.onContainerClick($event)"
    ng-keydown="$ctrl.onContainerKeyDown($event)">
    <div
        ng-transclude="prepend"
        class="prepend">
    </div>
    <div class="infix">
        <div class="fix prefix"></div>
        <div class="control">
            <input
                type="button">
            </input>
        </div>
        <div class="fix suffix"></div>
        <label>
            <span translate>{{$ctrl.label}}</span>
            <span class="required">*</span>
        </label>
    </div>
    <div class="icons pre">
        <vn-icon
            icon="clear"
            translate-attr="{title: 'Clear'}"
            ng-click="$ctrl.onClear($event)">
        </vn-icon>
        <vn-icon
            ng-if="::$ctrl.info != null"
            icon="info_outline"
            vn-tooltip="{{::$ctrl.info}}">
        </vn-icon>
    </div>
    <div
        ng-transclude="append"
        class="append">
    </div>
    <div class="icons post">
        <vn-icon
            icon="arrow_drop_down">
        </vn-icon>
    </div>
    <div class="underline blur"></div>
    <div class="underline focus"></div>
</div>
<div class="hint"></div>
<vn-drop-down
    vn-id="drop-down"
    on-select="$ctrl.onDropDownSelect(item)"
    on-data-ready="$ctrl.onDataReady()"
    on-close-start="$ctrl.onDropDownClose()">
</vn-drop-down>