Merge master down

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 1.7.2
+* Enhancement: Allow setting type of the search input field with `@Input() type` 
+  [#138](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/138)
+
+  Thanks to @botoxparty
+
+* Enhancement: Tested and update peer dependency compatibility to allow 
+               `@angular/core`: `^8.0.0`, `@angular/material`: `^8.0.0`
+
 ## 1.7.1
 * Enhancement: allow disabling scrolling active element into view when option list changes 
   with `@Input() disableScrollToActiveOnOptionsChanged` [#130](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/130)

README.md

@@ -82,9 +82,8 @@ In order to change the labels, use the inputs specified in the [API](#api) secti
 
 ### Compatibility
 
-* `@angular/core`: `^5.0.0 || ^6.0.0 || ^7.0.0`,
-* `@angular/cdk`: `^5.0.0 || ^6.0.0 || ^7.0.0`,
-* `@angular/material`: `^5.0.0 || ^6.0.0 || ^7.0.0`,
+* `@angular/core`: `^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0`,
+* `@angular/material`: `^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0`,
 * `rxjs`: `^5.5.2 || ^6.0.0`
 
 ### API
@@ -96,6 +95,9 @@ Furthermore, it provides the following inputs:
   /** Label of the search placeholder */
   @Input() placeholderLabel = 'Suche';
 
+  /** Type of the search input field */
+  @Input() type = "text";
+
   /** Label to be shown when no entries are found. Set to null if no message should be shown. */
   @Input() noEntriesFoundLabel = 'Keine Optionen gefunden';
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-mat-select-search",
   "description": "Angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -33,9 +33,8 @@
   ],
   "homepage": "https://github.com/bithost-gmbh/ngx-mat-select-search",
   "peerDependencies": {
-    "@angular/core": "^5.0.0 || ^6.0.0 || ^7.0.0",
-    "@angular/cdk": "^5.0.0 || ^6.0.0 || ^7.0.0",
-    "@angular/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@angular/core": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+    "@angular/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
     "rxjs": "^5.5.2 || ^6.0.0"
   },
   "devDependencies": {

src/app/mat-select-search/mat-select-search.component.html

@@ -9,6 +9,7 @@
   <input matInput
          class="mat-select-search-input"
          autocomplete="off"
+         [type]="type"
          #searchSelectInput
          (keydown)="_handleKeydown($event)"
          (input)="onInputChange($event.target.value)"

src/app/mat-select-search/mat-select-search.component.ts

@@ -135,6 +135,9 @@ export class MatSelectSearchComponent implements OnInit, OnDestroy, AfterViewIni
 
   /** Label of the search placeholder */
   @Input() placeholderLabel = 'Suche';
+
+  /** Type of the search input field */
+  @Input() type = "text";
 
   /** Label to be shown when no entries are found. Set to null if no message should be shown. */
   @Input() noEntriesFoundLabel = 'Keine Optionen gefunden';

src/app/mat-select-search/ngx-mat-select-search.module.ts

@@ -11,7 +11,7 @@ import {MatButtonModule, MatInputModule, MatIconModule, MatProgressSpinnerModule
 import { CommonModule } from '@angular/common';
 import { MatSelectSearchClearDirective } from './mat-select-search-clear.directive';
 
-export const MatSelectSearchVersion = '1.7.1';
+export const MatSelectSearchVersion = '1.7.2';
 
 
 @NgModule({