change tabindex and add custom validation

src/bootstrap/match.tpl.html

@@ -1,6 +1,5 @@
 <div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}">
-  <span tabindex="-1"
-      class="btn btn-default form-control ui-select-toggle"
+  <span class="btn btn-default form-control ui-select-toggle"
       aria-label="{{ $select.baseTitle }} activate"
       ng-disabled="$select.disabled" 
       ng-click="$select.activate()"

src/bootstrap/select.tpl.html

@@ -1,14 +1,15 @@
 <div class="ui-select-container ui-select-bootstrap dropdown" ng-class="{open: $select.open}">
   <div class="ui-select-match"></div>
-  <input type="search" autocomplete="off" tabindex="-1"
+  <input type="search" autocomplete="off"
          aria-expanded="true"
          aria-label="{{ $select.baseTitle }}"
          aria-owns="ui-select-choices-{{ $select.generatedId }}"
          aria-activedescendant="ui-select-choices-row-{{ $select.generatedId }}-{{ $select.activeIndex }}"
          class="form-control ui-select-search"
          placeholder="{{$select.placeholder}}"
          ng-model="$select.search"
-         ng-show="$select.searchEnabled && $select.open">
+         ng-show="$select.searchEnabled && $select.open"
+         ng-blur="$select.inputBlur()">
   <div class="ui-select-choices"></div>
   <div class="ui-select-no-choice"></div>
 </div>

src/uiSelectController.js

@@ -43,6 +43,8 @@ uis.controller('uiSelectCtrl',
   ctrl.clickTriggeredSelect = false;
   ctrl.$filter = $filter;
   ctrl.$element = $element;
+  ctrl.customValidation = undefined;
+  ctrl.inputBlur = function () { if (ctrl.customValidation) $scope.$eval(ctrl.customValidation); };
 
   // Use $injector to check for $animate and store a reference to it
   ctrl.$animate = (function () {

src/uiSelectDirective.js

@@ -69,11 +69,17 @@ uis.directive('uiSelect',
 
         if(attrs.tabindex){
           attrs.$observe('tabindex', function(value) {
+            $select.tabindex = value;
             $select.focusInput.attr('tabindex', value);
+            $select.searchInput.attr('tabindex', value);
             element.removeAttr('tabindex');
           });
         }
 
+        attrs.$observe('validation', function () {
+          $select.customValidation = attrs.validation;
+        });
+
         scope.$watch(function () { return scope.$eval(attrs.searchEnabled); }, function(newVal) {
           $select.searchEnabled = newVal !== undefined ? newVal : uiSelectConfig.searchEnabled;
         });