fix(selectize): show placeholder when search disabled

Previously when searchEnabled was set to false, the placeholder would
also be hidden on the selectize theme.

This fix sets the search input to disabled rather then hidden when the
searchEnabled attribute is set to false.

Fixes angular-ui#949 and angular-ui#691

Author: cbryer

docs/examples/demo-disable-search.html

@@ -23,6 +23,18 @@ <h3>Bootstrap theme</h3>
       </small>
     </ui-select-choices>
   </ui-select>
+  <hr />
+  <p>Number Selected: {{ctrl.multipleDemo.selectedPeople.length}}</p>
+  <ui-select multiple ng-model="ctrl.multipleDemo.selectedPeople" theme="bootstrap" search-enabled="ctrl.searchEnabled" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person">
+    <ui-select-match placeholder="Select person...">{{$item.name}} &lt;{{$item.email}}&gt;</ui-select-match>
+    <ui-select-choices repeat="person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
+      <div ng-bind-html="person.name | highlight: $select.search"></div>
+      <small>
+        email: {{person.email}}
+        age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
+      </small>
+    </ui-select-choices>
+  </ui-select>
 
   <h3>Select2 theme</h3>
   <p>Selected: {{ctrl.person.selected}}</p>
@@ -36,7 +48,18 @@ <h3>Select2 theme</h3>
       </small>
     </ui-select-choices>
   </ui-select>
-
+  <hr />
+  <p>Number Selected: {{ctrl.multipleDemo.selectedPeople.length}}</p>
+  <ui-select multiple ng-model="ctrl.multipleDemo.selectedPeople" theme="select2" search-enabled="ctrl.searchEnabled" ng-disabled="ctrl.disabled" style="min-width: 300px;">
+    <ui-select-match placeholder="Select person...">{{$item.name}} &lt;{{$item.email}}&gt;</ui-select-match>
+    <ui-select-choices repeat="person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
+      <div ng-bind-html="person.name | highlight: $select.search"></div>
+      <small>
+        email: {{person.email}}
+        age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
+      </small>
+    </ui-select-choices>
+  </ui-select>
   <h3>Selectize theme</h3>
   <p>Selected: {{ctrl.country.selected}}</p>
   <ui-select ng-model="ctrl.country.selected" theme="selectize" search-enabled="ctrl.searchEnabled" ng-disabled="ctrl.disabled" style="width: 300px;">

src/common.css

@@ -112,13 +112,14 @@ body > .select2-container.open {
     margin-top: -2px; /* FIXME hardcoded value :-/ */
 }
 
-.ui-select-container[theme="selectize"] .ui-select-search-hidden{
+.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
     opacity: 0;
     height: 0;
     min-height: 0;
     padding: 0;
     margin: 0;
     border:0;
+    width: 0;
 }
 
 /* Bootstrap theme */

src/selectize/match.tpl.html

@@ -1 +1,6 @@
-<div ng-hide="$select.searchEnabled && ($select.open || $select.isEmpty())" class="ui-select-match" ng-transclude></div>
+<div ng-show="(!$select.isEmpty() && !$select.open) || !$select.searchEnabled" class="ui-select-match">
+  <span ng-hide="$select.searchEnabled || (!$select.isEmpty() && !$select.open)" class="ui-select-placeholder text-muted">{{$select.placeholder}}</span>
+  <span ng-hide="$select.isEmpty() || $select.open" ng-transclude></span>
+</div>
+
+