fix(select): Selects now close regardless of searchability when caret clicked

Closes #118

Author: edcarroll

components/select/multi-select.ts

@@ -11,7 +11,7 @@ import { customValueAccessorFactory, CustomValueAccessor, ICustomValueAccessorHo
 @Component({
     selector: "sui-multi-select",
     template: `
-<i class="dropdown icon"></i>
+<i class="dropdown icon" (click)="onCaretClick($event)"></i>
 <!-- Multi-select labels -->
 <sui-multi-select-label *ngFor="let selected of selectedOptions;" [value]="selected"></sui-multi-select-label>
 <!-- Query input -->

components/select/select-base.ts

@@ -193,8 +193,16 @@ export abstract class SuiSelectBase<T, U> implements AfterContentInit {
         return options.find(o => value === this.valueGetter(o));
     }
 
+    public onCaretClick(e:HandledEvent):void {
+        if (!e.eventHandled) {
+            e.eventHandled = true;
+
+            this.dropdownService.setOpenState(!this.dropdownService.isOpen);
+        }
+    }
+
     @HostListener("click", ["$event"])
-    public onClick(e:HandledEvent & MouseEvent):void {
+    public onClick(e:HandledEvent):void {
         if (!e.eventHandled) {
             e.eventHandled = true;
 

components/select/select.ts

@@ -8,7 +8,7 @@ export type SingleItemLookup<T, U> = (query:string, initial?:U) => Promise<T>;
 @Component({
     selector: "sui-select",
     template: `
-<i class="dropdown icon"></i>
+<i class="dropdown icon" (click)="onCaretClick($event)"></i>
 <!-- Query input -->
 <input [hidden]="!isSearchable"
        class="search"