salix/client/core/src/components/drop-down/drop-down.html

<vn-vertical class="dropdown-body" ng-if="$ctrl.show">
    <vn-auto ng-show="$ctrl.filter" class="filter">
        <vn-horizontal>
            <input vn-one placeholder="{{'Search' | translate}}" type="text" ng-model="$ctrl.search"/>
            <vn-icon vn-none icon="clear" ng-click="$ctrl.clearSearch()"></vn-icon>
        </vn-horizontal>
    </vn-auto>
    <vn-auto>
        <ul class="dropdown">
            <li
                ng-repeat="item in $ctrl.itemsFiltered track by $index" 
                ng-click="$ctrl.selectItem(item)" 
                ng-class="{'active': $index === $ctrl.activeOption, 'checked': item.checked}" 
                ng-mouseover="$ctrl.activeOption = $index"
            >
            <input type="checkbox" ng-checked="item.checked" ng-if="$ctrl.multiple">
            <div ng-transclude="vnItem">{{item.name}}</div> 
            </li>
            <li 
                ng-if="$ctrl.loadMore&&!$ctrl.removeLoadMore" 
                class="dropdown__loadMore" 
                ng-class="{'active': $ctrl.itemsFiltered.length === $ctrl.activeOption, 'noMore' : !$ctrl.showLoadMore}" 
                ng-click="$ctrl.loadItems()" 
                translate="{{$ctrl.showLoadMore ? 'Show More' : 'No more results'}}"
                ></li>
        </ul>
    </vn-auto>
</vn-vertical>