<link href="css/autocomplete-select.css?v=10.5.1" rel="stylesheet"/>

<div class="autocomplete-select-wrapper">
    <div class="autocomplete-select">
        <input type="text" ng-model="searchInput" ng-change="onChange()" ng-keydown="onKeyDown($event)"
               ng-blur="onBlur()"
               class="autocomplete-input" ng-class="styleClass" placeholder="{{placeholder}}">
    </div>
    <div class="autocomplete-results-wrapper card">
        <div ng-repeat="autoCompleteUriResult in autoCompleteUriResults track by $index"
             ng-click="selectResource(autoCompleteUriResult)"
             ng-mousemove="setActiveItemIndex($index)"
             ng-class="{active: activeSearchElm === $index, selected: selectedElementIndex === $index}"
             class="result-item">
            <p ng-bind-html="getResultItemHtml(autoCompleteUriResult)"></p>
        </div>
    </div>
</div>
