feat(igx-combo): add type, used by the input group. #1260

Author: Lipata

projects/igniteui-angular/src/lib/combo/combo.component.html

@@ -15,7 +15,7 @@
 </ng-template>
 
 <div class="igx-combo" [style.width]="width" role="combobox" [attr.aria-expanded]="!dropdown.collapsed" aria-haspopup="listbox" [attr.aria-owns]="dropdown.id">
-    <igx-input-group type="box" (click)="onInputClick($event)">
+    <igx-input-group [type]="type" (click)="onInputClick($event)">
         <input igxInput #comboInput name="comboInput" type="text" [(ngModel)]="value" width="90%" readonly [placeholder]="placeholder" [disabled]="disabled" />
         <igx-suffix igxButton="icon" class="clearButton" igxRipple (click)="handleClearItems($event)">
             <igx-icon *ngIf="value.length" fontSet="material" name="clear"></igx-icon>

projects/igniteui-angular/src/lib/combo/combo.component.ts

@@ -543,6 +543,9 @@ export class IgxComboComponent implements AfterViewInit, ControlValueAccessor, O
     @Input()
     public disabled = false;
 
+    @Input()
+    public type = 'box';
+
     @HostListener('keydown.ArrowDown', ['$event'])
     @HostListener('keydown.Alt.ArrowDown', ['$event'])
     onArrowDown(evt) {
@@ -1012,6 +1015,14 @@ export class IgxComboComponent implements AfterViewInit, ControlValueAccessor, O
         };
     }
 
+    /**
+     * @hidden
+     */
+    public handleClearItems(event) {
+        this.deselectAllItems(true);
+        event.stopPropagation();
+    }
+
     public toggle() {
         this.searchValue = '';
         this.dropdown.toggle(this.overlaySettings);
@@ -1060,11 +1071,6 @@ export class IgxComboComponent implements AfterViewInit, ControlValueAccessor, O
             this.selectionAPI.deselect_items(this.id, this.selectionAPI.get_all_ids(this.filteredData));
         this.triggerSelectionChange(newSelection);
     }
-
-    public handleClearItems(event) {
-        this.deselectAllItems(true);
-        event.stopPropagation();
-    }
 }
 
 @NgModule({