@ng-select/ng-select 5.0.14 → 6.1.0

package/fesm2015/ng-select-ng-select.js

@@ -1,19 +1,11 @@
-import { Directive, ElementRef, Input, TemplateRef, Injectable, ɵɵdefineInjectable, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Renderer2, NgZone, Optional, Inject, Output, ViewChild, HostListener, InjectionToken, forwardRef, Attribute, ChangeDetectorRef, HostBinding, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { Directive, ElementRef, Input, TemplateRef, ɵɵdefineInjectable, Injectable, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Renderer2, NgZone, Optional, Inject, Output, ViewChild, HostListener, InjectionToken, forwardRef, Attribute, ChangeDetectorRef, HostBinding, ContentChild, ContentChildren, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { takeUntil, auditTime, startWith, tap, debounceTime, filter, map } from 'rxjs/operators';
 import { animationFrameScheduler, asapScheduler, Subject, fromEvent, merge } from 'rxjs';
 import { DOCUMENT, CommonModule } from '@angular/common';
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/value-utils.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
 const unescapedHTMLExp = /[&<>"']/g;
-/** @type {?} */
 const hasUnescapedHTMLExp = RegExp(unescapedHTMLExp.source);
-/** @type {?} */
 const htmlEscapes = {
     '&': '&amp;',
     '<': '&lt;',
@@ -21,65 +13,29 @@ const htmlEscapes = {
     '"': '&quot;',
     '\'': '&#39;'
 };
-/**
- * @param {?} string
- * @return {?}
- */
 function escapeHTML(string) {
     return (string && hasUnescapedHTMLExp.test(string)) ?
-        string.replace(unescapedHTMLExp, (/**
-         * @param {?} chr
-         * @return {?}
-         */
-        chr => htmlEscapes[chr])) :
+        string.replace(unescapedHTMLExp, chr => htmlEscapes[chr]) :
         string;
 }
-/**
- * @param {?} value
- * @return {?}
- */
 function isDefined(value) {
     return value !== undefined && value !== null;
 }
-/**
- * @param {?} value
- * @return {?}
- */
 function isObject(value) {
     return typeof value === 'object' && isDefined(value);
 }
-/**
- * @param {?} value
- * @return {?}
- */
 function isPromise(value) {
     return value instanceof Promise;
 }
-/**
- * @param {?} value
- * @return {?}
- */
 function isFunction(value) {
     return value instanceof Function;
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-templates.directive.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class NgItemLabelDirective {
-    /**
-     * @param {?} element
-     */
     constructor(element) {
         this.element = element;
         this.escape = true;
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         this.element.nativeElement.innerHTML = this.escape ?
             escapeHTML(this.ngItemLabel) :
@@ -89,7 +45,6 @@ class NgItemLabelDirective {
 NgItemLabelDirective.decorators = [
     { type: Directive, args: [{ selector: '[ngItemLabel]' },] }
 ];
-/** @nocollapse */
 NgItemLabelDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
@@ -97,21 +52,7 @@ NgItemLabelDirective.propDecorators = {
     ngItemLabel: [{ type: Input }],
     escape: [{ type: Input }]
 };
-if (false) {
-    /** @type {?} */
-    NgItemLabelDirective.prototype.ngItemLabel;
-    /** @type {?} */
-    NgItemLabelDirective.prototype.escape;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgItemLabelDirective.prototype.element;
-}
 class NgOptionTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -119,18 +60,10 @@ class NgOptionTemplateDirective {
 NgOptionTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-option-tmp]' },] }
 ];
-/** @nocollapse */
 NgOptionTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgOptionTemplateDirective.prototype.template;
-}
 class NgOptgroupTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -138,18 +71,10 @@ class NgOptgroupTemplateDirective {
 NgOptgroupTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-optgroup-tmp]' },] }
 ];
-/** @nocollapse */
 NgOptgroupTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgOptgroupTemplateDirective.prototype.template;
-}
 class NgLabelTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -157,18 +82,10 @@ class NgLabelTemplateDirective {
 NgLabelTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-label-tmp]' },] }
 ];
-/** @nocollapse */
 NgLabelTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgLabelTemplateDirective.prototype.template;
-}
 class NgMultiLabelTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -176,18 +93,10 @@ class NgMultiLabelTemplateDirective {
 NgMultiLabelTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-multi-label-tmp]' },] }
 ];
-/** @nocollapse */
 NgMultiLabelTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgMultiLabelTemplateDirective.prototype.template;
-}
 class NgHeaderTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -195,18 +104,10 @@ class NgHeaderTemplateDirective {
 NgHeaderTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-header-tmp]' },] }
 ];
-/** @nocollapse */
 NgHeaderTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgHeaderTemplateDirective.prototype.template;
-}
 class NgFooterTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -214,18 +115,10 @@ class NgFooterTemplateDirective {
 NgFooterTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-footer-tmp]' },] }
 ];
-/** @nocollapse */
 NgFooterTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgFooterTemplateDirective.prototype.template;
-}
 class NgNotFoundTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -233,18 +126,10 @@ class NgNotFoundTemplateDirective {
 NgNotFoundTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-notfound-tmp]' },] }
 ];
-/** @nocollapse */
 NgNotFoundTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgNotFoundTemplateDirective.prototype.template;
-}
 class NgTypeToSearchTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -252,18 +137,10 @@ class NgTypeToSearchTemplateDirective {
 NgTypeToSearchTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-typetosearch-tmp]' },] }
 ];
-/** @nocollapse */
 NgTypeToSearchTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgTypeToSearchTemplateDirective.prototype.template;
-}
 class NgLoadingTextTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -271,18 +148,10 @@ class NgLoadingTextTemplateDirective {
 NgLoadingTextTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-loadingtext-tmp]' },] }
 ];
-/** @nocollapse */
 NgLoadingTextTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgLoadingTextTemplateDirective.prototype.template;
-}
 class NgTagTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -290,18 +159,10 @@ class NgTagTemplateDirective {
 NgTagTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-tag-tmp]' },] }
 ];
-/** @nocollapse */
 NgTagTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgTagTemplateDirective.prototype.template;
-}
 class NgLoadingSpinnerTemplateDirective {
-    /**
-     * @param {?} template
-     */
     constructor(template) {
         this.template = template;
     }
@@ -309,62 +170,29 @@ class NgLoadingSpinnerTemplateDirective {
 NgLoadingSpinnerTemplateDirective.decorators = [
     { type: Directive, args: [{ selector: '[ng-loadingspinner-tmp]' },] }
 ];
-/** @nocollapse */
 NgLoadingSpinnerTemplateDirective.ctorParameters = () => [
     { type: TemplateRef }
 ];
-if (false) {
-    /** @type {?} */
-    NgLoadingSpinnerTemplateDirective.prototype.template;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/console.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ConsoleService {
-    /**
-     * @param {?} message
-     * @return {?}
-     */
     warn(message) {
         console.warn(message);
     }
 }
+ConsoleService.ɵprov = ɵɵdefineInjectable({ factory: function ConsoleService_Factory() { return new ConsoleService(); }, token: ConsoleService, providedIn: "root" });
 ConsoleService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */ ConsoleService.ɵprov = ɵɵdefineInjectable({ factory: function ConsoleService_Factory() { return new ConsoleService(); }, token: ConsoleService, providedIn: "root" });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/id.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @return {?}
- */
 function newId() {
     // First character is an 'a', it's good practice to tag id to begin with a letter
-    return 'axxxxxxxxxxx'.replace(/[x]/g, (/**
-     * @param {?} _
-     * @return {?}
-     */
-    function (_) {
+    return 'axxxxxxxxxxx'.replace(/[x]/g, function (_) {
         // tslint:disable-next-line:no-bitwise
-        /** @type {?} */
         const val = Math.random() * 16 | 0;
         return val.toString(16);
-    }));
+    });
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/search-helper.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
 const diacritics = {
     '\u24B6': 'A',
     '\uFF21': 'A',
@@ -1206,32 +1034,14 @@ const diacritics = {
     '\u03C9': '\u03C9',
     '\u03C2': '\u03C3'
 };
-/**
- * @param {?} text
- * @return {?}
- */
 function stripSpecialChars(text) {
-    /** @type {?} */
-    const match = (/**
-     * @param {?} a
-     * @return {?}
-     */
-    (a) => {
+    const match = (a) => {
         return diacritics[a] || a;
-    });
+    };
     return text.replace(/[^\u0000-\u007E]/g, match);
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/items-list.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ItemsList {
-    /**
-     * @param {?} _ngSelect
-     * @param {?} _selectionModel
-     */
     constructor(_ngSelect, _selectionModel) {
         this._ngSelect = _ngSelect;
         this._selectionModel = _selectionModel;
@@ -1239,56 +1049,30 @@ class ItemsList {
         this._filteredItems = [];
         this._markedIndex = -1;
     }
-    /**
-     * @return {?}
-     */
     get items() {
         return this._items;
     }
-    /**
-     * @return {?}
-     */
     get filteredItems() {
         return this._filteredItems;
     }
-    /**
-     * @return {?}
-     */
     get markedIndex() {
         return this._markedIndex;
     }
-    /**
-     * @return {?}
-     */
     get selectedItems() {
         return this._selectionModel.value;
     }
-    /**
-     * @return {?}
-     */
     get markedItem() {
         return this._filteredItems[this._markedIndex];
     }
-    /**
-     * @return {?}
-     */
     get noItemsToSelect() {
         return this._ngSelect.hideSelected && this._items.length === this.selectedItems.length;
     }
-    /**
-     * @return {?}
-     */
     get maxItemsSelected() {
         return this._ngSelect.multiple && this._ngSelect.maxSelectedItems <= this.selectedItems.length;
     }
-    /**
-     * @return {?}
-     */
     get lastSelectedItem() {
-        /** @type {?} */
         let i = this.selectedItems.length - 1;
         for (; i >= 0; i--) {
-            /** @type {?} */
             let item = this.selectedItems[i];
             if (!item.disabled) {
                 return item;
@@ -1296,17 +1080,8 @@ class ItemsList {
         }
         return null;
     }
-    /**
-     * @param {?} items
-     * @return {?}
-     */
     setItems(items) {
-        this._items = items.map((/**
-         * @param {?} item
-         * @param {?} index
-         * @return {?}
-         */
-        (item, index) => this.mapItem(item, index)));
+        this._items = items.map((item, index) => this.mapItem(item, index));
         if (this._ngSelect.groupBy) {
             this._groups = this._groupBy(this._items, this._ngSelect.groupBy);
             this._items = this._flatten(this._groups);
@@ -1317,15 +1092,10 @@ class ItemsList {
         }
         this._filteredItems = [...this._items];
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     select(item) {
         if (item.selected || this.maxItemsSelected) {
             return;
         }
-        /** @type {?} */
         const multiple = this._ngSelect.multiple;
         if (!multiple) {
             this.clearSelected();
@@ -1335,10 +1105,6 @@ class ItemsList {
             this._hideSelected(item);
         }
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     unselect(item) {
         if (!item.selected) {
             return;
@@ -1348,90 +1114,43 @@ class ItemsList {
             this._showSelected(item);
         }
     }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     findItem(value) {
-        /** @type {?} */
         let findBy;
         if (this._ngSelect.compareWith) {
-            findBy = (/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => this._ngSelect.compareWith(item.value, value));
+            findBy = item => this._ngSelect.compareWith(item.value, value);
         }
         else if (this._ngSelect.bindValue) {
-            findBy = (/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => !item.children && this.resolveNested(item.value, this._ngSelect.bindValue) === value);
+            findBy = item => !item.children && this.resolveNested(item.value, this._ngSelect.bindValue) === value;
         }
         else {
-            findBy = (/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => item.value === value ||
-                !item.children && item.label && item.label === this.resolveNested(value, this._ngSelect.bindLabel));
-        }
-        return this._items.find((/**
-         * @param {?} item
-         * @return {?}
-         */
-        item => findBy(item)));
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
+            findBy = item => item.value === value ||
+                !item.children && item.label && item.label === this.resolveNested(value, this._ngSelect.bindLabel);
+        }
+        return this._items.find(item => findBy(item));
+    }
     addItem(item) {
-        /** @type {?} */
         const option = this.mapItem(item, this._items.length);
         this._items.push(option);
         this._filteredItems.push(option);
         return option;
     }
-    /**
-     * @param {?=} keepDisabled
-     * @return {?}
-     */
     clearSelected(keepDisabled = false) {
         this._selectionModel.clear(keepDisabled);
-        this._items.forEach((/**
-         * @param {?} item
-         * @return {?}
-         */
-        item => {
+        this._items.forEach(item => {
             item.selected = keepDisabled && item.selected && item.disabled;
             item.marked = false;
-        }));
+        });
         if (this._ngSelect.hideSelected) {
             this.resetFilteredItems();
         }
     }
-    /**
-     * @param {?} term
-     * @return {?}
-     */
     findByLabel(term) {
         term = stripSpecialChars(term).toLocaleLowerCase();
-        return this.filteredItems.find((/**
-         * @param {?} item
-         * @return {?}
-         */
-        item => {
-            /** @type {?} */
+        return this.filteredItems.find(item => {
             const label = stripSpecialChars(item.label).toLocaleLowerCase();
             return label.substr(0, term.length) === term;
-        }));
+        });
     }
-    /**
-     * @param {?} term
-     * @return {?}
-     */
     filter(term) {
         if (!term) {
             this.resetFilteredItems();
@@ -1439,18 +1158,14 @@ class ItemsList {
         }
         this._filteredItems = [];
         term = this._ngSelect.searchFn ? term : stripSpecialChars(term).toLocaleLowerCase();
-        /** @type {?} */
         const match = this._ngSelect.searchFn || this._defaultSearchFn;
-        /** @type {?} */
         const hideSelected = this._ngSelect.hideSelected;
         for (const key of Array.from(this._groups.keys())) {
-            /** @type {?} */
             const matchedItems = [];
             for (const item of this._groups.get(key)) {
                 if (hideSelected && (item.parent && item.parent.selected || item.selected)) {
                     continue;
                 }
-                /** @type {?} */
                 const searchItem = this._ngSelect.searchFn ? item.value : item;
                 if (match(term, searchItem)) {
                     matchedItems.push(item);
@@ -1459,87 +1174,48 @@ class ItemsList {
             if (matchedItems.length > 0) {
                 const [last] = matchedItems.slice(-1);
                 if (last.parent) {
-                    /** @type {?} */
-                    const head = this._items.find((/**
-                     * @param {?} x
-                     * @return {?}
-                     */
-                    x => x === last.parent));
+                    const head = this._items.find(x => x === last.parent);
                     this._filteredItems.push(head);
                 }
                 this._filteredItems.push(...matchedItems);
             }
         }
     }
-    /**
-     * @return {?}
-     */
     resetFilteredItems() {
         if (this._filteredItems.length === this._items.length) {
             return;
         }
         if (this._ngSelect.hideSelected && this.selectedItems.length > 0) {
-            this._filteredItems = this._items.filter((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => !x.selected));
+            this._filteredItems = this._items.filter(x => !x.selected);
         }
         else {
             this._filteredItems = this._items;
         }
     }
-    /**
-     * @return {?}
-     */
     unmarkItem() {
         this._markedIndex = -1;
     }
-    /**
-     * @return {?}
-     */
     markNextItem() {
         this._stepToItem(+1);
     }
-    /**
-     * @return {?}
-     */
     markPreviousItem() {
         this._stepToItem(-1);
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     markItem(item) {
         this._markedIndex = this._filteredItems.indexOf(item);
     }
-    /**
-     * @param {?=} markDefault
-     * @return {?}
-     */
     markSelectedOrDefault(markDefault) {
         if (this._filteredItems.length === 0) {
             return;
         }
-        /** @type {?} */
         const lastMarkedIndex = this._getLastMarkedIndex();
         if (lastMarkedIndex > -1) {
             this._markedIndex = lastMarkedIndex;
         }
         else {
-            this._markedIndex = markDefault ? this.filteredItems.findIndex((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => !x.disabled)) : -1;
-        }
-    }
-    /**
-     * @param {?} option
-     * @param {?} key
-     * @return {?}
-     */
+            this._markedIndex = markDefault ? this.filteredItems.findIndex(x => !x.disabled) : -1;
+        }
+    }
     resolveNested(option, key) {
         if (!isObject(option)) {
             return option;
@@ -1548,9 +1224,7 @@ class ItemsList {
             return option[key];
         }
         else {
-            /** @type {?} */
             let keys = key.split('.');
-            /** @type {?} */
             let value = option;
             for (let i = 0, len = keys.length; i < len; ++i) {
                 if (value == null) {
@@ -1561,15 +1235,8 @@ class ItemsList {
             return value;
         }
     }
-    /**
-     * @param {?} item
-     * @param {?} index
-     * @return {?}
-     */
     mapItem(item, index) {
-        /** @type {?} */
         const label = isDefined(item.$ngOptionLabel) ? item.$ngOptionLabel : this.resolveNested(item, this._ngSelect.bindLabel);
-        /** @type {?} */
         const value = isDefined(item.$ngOptionValue) ? item.$ngOptionValue : item;
         return {
             index: index,
@@ -1579,44 +1246,23 @@ class ItemsList {
             htmlId: `${this._ngSelect.dropdownId}-${index}`,
         };
     }
-    /**
-     * @return {?}
-     */
     mapSelectedItems() {
-        /** @type {?} */
         const multiple = this._ngSelect.multiple;
         for (const selected of this.selectedItems) {
-            /** @type {?} */
             const value = this._ngSelect.bindValue ? this.resolveNested(selected.value, this._ngSelect.bindValue) : selected.value;
-            /** @type {?} */
             const item = isDefined(value) ? this.findItem(value) : null;
             this._selectionModel.unselect(selected, multiple);
             this._selectionModel.select(item || selected, multiple, this._ngSelect.selectableGroupAsModel);
         }
         if (this._ngSelect.hideSelected) {
-            this._filteredItems = this.filteredItems.filter((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => this.selectedItems.indexOf(x) === -1));
-        }
-    }
-    /**
-     * @private
-     * @param {?} item
-     * @return {?}
-     */
+            this._filteredItems = this.filteredItems.filter(x => this.selectedItems.indexOf(x) === -1);
+        }
+    }
     _showSelected(item) {
         this._filteredItems.push(item);
         if (item.parent) {
-            /** @type {?} */
             const parent = item.parent;
-            /** @type {?} */
-            const parentExists = this._filteredItems.find((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x === parent));
+            const parentExists = this._filteredItems.find(x => x === parent);
             if (!parentExists) {
                 this._filteredItems.push(parent);
             }
@@ -1627,80 +1273,32 @@ class ItemsList {
                 this._filteredItems.push(child);
             }
         }
-        this._filteredItems = [...this._filteredItems.sort((/**
-             * @param {?} a
-             * @param {?} b
-             * @return {?}
-             */
-            (a, b) => (a.index - b.index)))];
-    }
-    /**
-     * @private
-     * @param {?} item
-     * @return {?}
-     */
+        this._filteredItems = [...this._filteredItems.sort((a, b) => (a.index - b.index))];
+    }
     _hideSelected(item) {
-        this._filteredItems = this._filteredItems.filter((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x !== item));
+        this._filteredItems = this._filteredItems.filter(x => x !== item);
         if (item.parent) {
-            /** @type {?} */
             const children = item.parent.children;
-            if (children.every((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.selected))) {
-                this._filteredItems = this._filteredItems.filter((/**
-                 * @param {?} x
-                 * @return {?}
-                 */
-                x => x !== item.parent));
+            if (children.every(x => x.selected)) {
+                this._filteredItems = this._filteredItems.filter(x => x !== item.parent);
             }
         }
         else if (item.children) {
-            this._filteredItems = this.filteredItems.filter((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.parent !== item));
-        }
-    }
-    /**
-     * @private
-     * @param {?} search
-     * @param {?} opt
-     * @return {?}
-     */
+            this._filteredItems = this.filteredItems.filter(x => x.parent !== item);
+        }
+    }
     _defaultSearchFn(search, opt) {
-        /** @type {?} */
         const label = stripSpecialChars(opt.label).toLocaleLowerCase();
         return label.indexOf(search) > -1;
     }
-    /**
-     * @private
-     * @param {?} steps
-     * @return {?}
-     */
     _getNextItemIndex(steps) {
         if (steps > 0) {
             return (this._markedIndex >= this._filteredItems.length - 1) ? 0 : (this._markedIndex + 1);
         }
         return (this._markedIndex <= 0) ? (this._filteredItems.length - 1) : (this._markedIndex - 1);
     }
-    /**
-     * @private
-     * @param {?} steps
-     * @return {?}
-     */
     _stepToItem(steps) {
-        if (this._filteredItems.length === 0 || this._filteredItems.every((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x.disabled))) {
+        if (this._filteredItems.length === 0 || this._filteredItems.every(x => x.disabled)) {
             return;
         }
         this._markedIndex = this._getNextItemIndex(steps);
@@ -1708,10 +1306,6 @@ class ItemsList {
             this._stepToItem(steps);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _getLastMarkedIndex() {
         if (this._ngSelect.hideSelected) {
             return -1;
@@ -1719,56 +1313,33 @@ class ItemsList {
         if (this._markedIndex > -1 && this.markedItem === undefined) {
             return -1;
         }
-        /** @type {?} */
         const selectedIndex = this._filteredItems.indexOf(this.lastSelectedItem);
         if (this.lastSelectedItem && selectedIndex < 0) {
             return -1;
         }
         return Math.max(this.markedIndex, selectedIndex);
     }
-    /**
-     * @private
-     * @param {?} items
-     * @param {?} prop
-     * @return {?}
-     */
     _groupBy(items, prop) {
-        /** @type {?} */
         const groups = new Map();
         if (items.length === 0) {
             return groups;
         }
         // Check if items are already grouped by given key.
-        if (Array.isArray(items[0].value[(/** @type {?} */ (prop))])) {
+        if (Array.isArray(items[0].value[prop])) {
             for (const item of items) {
-                /** @type {?} */
-                const children = (item.value[(/** @type {?} */ (prop))] || []).map((/**
-                 * @param {?} x
-                 * @param {?} index
-                 * @return {?}
-                 */
-                (x, index) => this.mapItem(x, index)));
+                const children = (item.value[prop] || []).map((x, index) => this.mapItem(x, index));
                 groups.set(item, children);
             }
             return groups;
         }
-        /** @type {?} */
         const isFnKey = isFunction(this._ngSelect.groupBy);
-        /** @type {?} */
-        const keyFn = (/**
-         * @param {?} item
-         * @return {?}
-         */
-        (item) => {
-            /** @type {?} */
-            let key = isFnKey ? ((/** @type {?} */ (prop)))(item.value) : item.value[(/** @type {?} */ (prop))];
+        const keyFn = (item) => {
+            let key = isFnKey ? prop(item.value) : item.value[prop];
             return isDefined(key) ? key : undefined;
-        });
+        };
         // Group items by key.
         for (const item of items) {
-            /** @type {?} */
             let key = keyFn(item);
-            /** @type {?} */
             const group = groups.get(key);
             if (group) {
                 group.push(item);
@@ -1779,32 +1350,20 @@ class ItemsList {
         }
         return groups;
     }
-    /**
-     * @private
-     * @param {?} groups
-     * @return {?}
-     */
     _flatten(groups) {
-        /** @type {?} */
         const isGroupByFn = isFunction(this._ngSelect.groupBy);
-        /** @type {?} */
         const items = [];
         for (const key of Array.from(groups.keys())) {
-            /** @type {?} */
             let i = items.length;
             if (key === undefined) {
-                /** @type {?} */
                 const withoutGroup = groups.get(undefined) || [];
-                items.push(...withoutGroup.map((/**
-                 * @param {?} x
-                 * @return {?}
-                 */
-                x => (Object.assign(Object.assign({}, x), { index: i++ })))));
+                items.push(...withoutGroup.map(x => {
+                    x.index = i++;
+                    return x;
+                }));
                 continue;
             }
-            /** @type {?} */
             const isObjectKey = isObject(key);
-            /** @type {?} */
             const parent = {
                 label: isObjectKey ? '' : String(key),
                 children: undefined,
@@ -1813,153 +1372,39 @@ class ItemsList {
                 disabled: !this._ngSelect.selectableGroup,
                 htmlId: newId(),
             };
-            /** @type {?} */
-            const groupKey = isGroupByFn ? this._ngSelect.bindLabel : (/** @type {?} */ (this._ngSelect.groupBy));
-            /** @type {?} */
-            const groupValue = this._ngSelect.groupValue || ((/**
-             * @return {?}
-             */
-            () => {
+            const groupKey = isGroupByFn ? this._ngSelect.bindLabel : this._ngSelect.groupBy;
+            const groupValue = this._ngSelect.groupValue || (() => {
                 if (isObjectKey) {
-                    return ((/** @type {?} */ (key))).value;
+                    return key.value;
                 }
                 return { [groupKey]: key };
-            }));
-            /** @type {?} */
-            const children = groups.get(key).map((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => {
+            });
+            const children = groups.get(key).map(x => {
                 x.parent = parent;
                 x.children = undefined;
                 x.index = i++;
                 return x;
-            }));
+            });
             parent.children = children;
-            parent.value = groupValue(key, children.map((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.value)));
+            parent.value = groupValue(key, children.map(x => x.value));
             items.push(parent);
             items.push(...children);
         }
         return items;
     }
 }
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._groups;
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._items;
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._filteredItems;
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._markedIndex;
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._ngSelect;
-    /**
-     * @type {?}
-     * @private
-     */
-    ItemsList.prototype._selectionModel;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-select.types.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function NgOption() { }
-if (false) {
-    /** @type {?|undefined} */
-    NgOption.prototype.index;
-    /** @type {?|undefined} */
-    NgOption.prototype.htmlId;
-    /** @type {?|undefined} */
-    NgOption.prototype.selected;
-    /** @type {?|undefined} */
-    NgOption.prototype.disabled;
-    /** @type {?|undefined} */
-    NgOption.prototype.marked;
-    /** @type {?|undefined} */
-    NgOption.prototype.label;
-    /** @type {?|undefined} */
-    NgOption.prototype.value;
-    /** @type {?|undefined} */
-    NgOption.prototype.parent;
-    /** @type {?|undefined} */
-    NgOption.prototype.children;
-    /* Skipping unhandled member: [name: string]: any;*/
-}
-/** @enum {number} */
-const KeyCode = {
-    Tab: 9,
-    Enter: 13,
-    Esc: 27,
-    Space: 32,
-    ArrowUp: 38,
-    ArrowDown: 40,
-    Backspace: 8,
-};
-KeyCode[KeyCode.Tab] = 'Tab';
-KeyCode[KeyCode.Enter] = 'Enter';
-KeyCode[KeyCode.Esc] = 'Esc';
-KeyCode[KeyCode.Space] = 'Space';
-KeyCode[KeyCode.ArrowUp] = 'ArrowUp';
-KeyCode[KeyCode.ArrowDown] = 'ArrowDown';
-KeyCode[KeyCode.Backspace] = 'Backspace';
+var KeyCode;
+(function (KeyCode) {
+    KeyCode[KeyCode["Tab"] = 9] = "Tab";
+    KeyCode[KeyCode["Enter"] = 13] = "Enter";
+    KeyCode[KeyCode["Esc"] = 27] = "Esc";
+    KeyCode[KeyCode["Space"] = 32] = "Space";
+    KeyCode[KeyCode["ArrowUp"] = 38] = "ArrowUp";
+    KeyCode[KeyCode["ArrowDown"] = 40] = "ArrowDown";
+    KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
+})(KeyCode || (KeyCode = {}));
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-dropdown-panel.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function ItemsRangeResult() { }
-if (false) {
-    /** @type {?} */
-    ItemsRangeResult.prototype.scrollHeight;
-    /** @type {?} */
-    ItemsRangeResult.prototype.topPadding;
-    /** @type {?} */
-    ItemsRangeResult.prototype.start;
-    /** @type {?} */
-    ItemsRangeResult.prototype.end;
-}
-/**
- * @record
- */
-function PanelDimensions() { }
-if (false) {
-    /** @type {?} */
-    PanelDimensions.prototype.itemHeight;
-    /** @type {?} */
-    PanelDimensions.prototype.panelHeight;
-    /** @type {?} */
-    PanelDimensions.prototype.itemsPerViewport;
-}
 class NgDropdownPanelService {
     constructor() {
         this._dimensions = {
@@ -1968,36 +1413,18 @@ class NgDropdownPanelService {
             itemsPerViewport: 0
         };
     }
-    /**
-     * @return {?}
-     */
     get dimensions() {
         return this._dimensions;
     }
-    /**
-     * @param {?} scrollPos
-     * @param {?} itemsLength
-     * @param {?} buffer
-     * @return {?}
-     */
     calculateItems(scrollPos, itemsLength, buffer) {
-        /** @type {?} */
         const d = this._dimensions;
-        /** @type {?} */
         const scrollHeight = d.itemHeight * itemsLength;
-        /** @type {?} */
         const scrollTop = Math.max(0, scrollPos);
-        /** @type {?} */
         const indexByScrollTop = scrollTop / scrollHeight * itemsLength;
-        /** @type {?} */
         let end = Math.min(itemsLength, Math.ceil(indexByScrollTop) + (d.itemsPerViewport + 1));
-        /** @type {?} */
         const maxStartEnd = end;
-        /** @type {?} */
         const maxStart = Math.max(0, maxStartEnd - d.itemsPerViewport);
-        /** @type {?} */
         let start = Math.min(maxStart, Math.floor(indexByScrollTop));
-        /** @type {?} */
         let topPadding = d.itemHeight * Math.ceil(start) - (d.itemHeight * Math.min(start, buffer));
         topPadding = !isNaN(topPadding) ? topPadding : 0;
         start = !isNaN(start) ? start : -1;
@@ -2013,13 +1440,7 @@ class NgDropdownPanelService {
             end
         };
     }
-    /**
-     * @param {?} itemHeight
-     * @param {?} panelHeight
-     * @return {?}
-     */
     setDimensions(itemHeight, panelHeight) {
-        /** @type {?} */
         const itemsPerViewport = Math.max(1, Math.floor(panelHeight / itemHeight));
         this._dimensions = {
             itemHeight,
@@ -2027,19 +1448,10 @@ class NgDropdownPanelService {
             itemsPerViewport
         };
     }
-    /**
-     * @param {?} itemTop
-     * @param {?} itemHeight
-     * @param {?} lastScroll
-     * @return {?}
-     */
     getScrollTo(itemTop, itemHeight, lastScroll) {
         const { panelHeight } = this.dimensions;
-        /** @type {?} */
         const itemBottom = itemTop + itemHeight;
-        /** @type {?} */
         const top = lastScroll;
-        /** @type {?} */
         const bottom = top + panelHeight;
         if (panelHeight >= itemBottom && lastScroll === itemTop) {
             return null;
@@ -2056,33 +1468,11 @@ class NgDropdownPanelService {
 NgDropdownPanelService.decorators = [
     { type: Injectable }
 ];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelService.prototype._dimensions;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-dropdown-panel.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
 const TOP_CSS_CLASS = 'ng-select-top';
-/** @type {?} */
 const BOTTOM_CSS_CLASS = 'ng-select-bottom';
-/** @type {?} */
 const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
 class NgDropdownPanelComponent {
-    /**
-     * @param {?} _renderer
-     * @param {?} _zone
-     * @param {?} _panelService
-     * @param {?} _elementRef
-     * @param {?} _document
-     */
     constructor(_renderer, _zone, _panelService, _elementRef, _document) {
         this._renderer = _renderer;
         this._zone = _zone;
@@ -2102,58 +1492,33 @@ class NgDropdownPanelComponent {
         this._lastScrollPosition = 0;
         this._dropdown = _elementRef.nativeElement;
     }
-    /**
-     * @return {?}
-     */
     get currentPosition() {
         return this._currentPosition;
     }
-    /**
-     * @private
-     * @return {?}
-     */
     get itemsLength() {
         return this._itemsLength;
     }
-    /**
-     * @private
-     * @param {?} value
-     * @return {?}
-     */
     set itemsLength(value) {
         if (value !== this._itemsLength) {
             this._itemsLength = value;
             this._onItemsLengthChanged();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     get _startOffset() {
         if (this.markedItem) {
             const { itemHeight, panelHeight } = this._panelService.dimensions;
-            /** @type {?} */
             const offset = this.markedItem.index * itemHeight;
             return panelHeight > offset ? 0 : offset;
         }
         return 0;
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     handleMousedown($event) {
-        /** @type {?} */
-        const target = (/** @type {?} */ ($event.target));
+        const target = $event.target;
         if (target.tagName === 'INPUT') {
             return;
         }
         $event.preventDefault();
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this._select = this._dropdown.parentElement;
         this._virtualPadding = this.paddingElementRef.nativeElement;
@@ -2163,20 +1528,12 @@ class NgDropdownPanelComponent {
         this._handleOutsideClick();
         this._appendDropdown();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         if (changes.items) {
-            /** @type {?} */
             const change = changes.items;
             this._onItemsChange(change.currentValue, change.firstChange);
         }
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._destroy$.next();
         this._destroy$.complete();
@@ -2185,31 +1542,21 @@ class NgDropdownPanelComponent {
             this._renderer.removeChild(this._dropdown.parentNode, this._dropdown);
         }
     }
-    /**
-     * @param {?} option
-     * @param {?=} startFromOption
-     * @return {?}
-     */
     scrollTo(option, startFromOption = false) {
         if (!option) {
             return;
         }
-        /** @type {?} */
         const index = this.items.indexOf(option);
         if (index < 0 || index >= this.itemsLength) {
             return;
         }
-        /** @type {?} */
         let scrollTo;
         if (this.virtualScroll) {
-            /** @type {?} */
             const itemHeight = this._panelService.dimensions.itemHeight;
             scrollTo = this._panelService.getScrollTo(index * itemHeight, itemHeight, this._lastScrollPosition);
         }
         else {
-            /** @type {?} */
             const item = this._dropdown.querySelector(`#${option.htmlId}`);
-            /** @type {?} */
             const lastScroll = startFromOption ? item.offsetTop : this._lastScrollPosition;
             scrollTo = this._panelService.getScrollTo(item.offsetTop, item.clientHeight, lastScroll);
         }
@@ -2217,24 +1564,13 @@ class NgDropdownPanelComponent {
             this._scrollablePanel.scrollTop = scrollTo;
         }
     }
-    /**
-     * @return {?}
-     */
     scrollToTag() {
-        /** @type {?} */
         const panel = this._scrollablePanel;
         panel.scrollTop = panel.scrollHeight - panel.clientHeight;
     }
-    /**
-     * @return {?}
-     */
     adjustPosition() {
         this._updateYPosition();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _handleDropdownPosition() {
         this._currentPosition = this._calculateCurrentPosition(this._dropdown);
         if (this._currentPosition === 'top') {
@@ -2254,75 +1590,36 @@ class NgDropdownPanelComponent {
         }
         this._dropdown.style.opacity = '1';
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _handleScroll() {
-        this._zone.runOutsideAngular((/**
-         * @return {?}
-         */
-        () => {
+        this._zone.runOutsideAngular(() => {
             fromEvent(this.scrollElementRef.nativeElement, 'scroll')
                 .pipe(takeUntil(this._destroy$), auditTime(0, SCROLL_SCHEDULER))
-                .subscribe((/**
-             * @param {?} e
-             * @return {?}
-             */
-            (e) => {
-                /** @type {?} */
+                .subscribe((e) => {
                 const path = e.path || (e.composedPath && e.composedPath());
-                /** @type {?} */
                 const scrollTop = !path || path.length === 0 ? e.target.scrollTop : path[0].scrollTop;
                 this._onContentScrolled(scrollTop);
-            }));
-        }));
+            });
+        });
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _handleOutsideClick() {
         if (!this._document) {
             return;
         }
-        this._zone.runOutsideAngular((/**
-         * @return {?}
-         */
-        () => {
+        this._zone.runOutsideAngular(() => {
             merge(fromEvent(this._document, 'touchstart', { capture: true }), fromEvent(this._document, 'mousedown', { capture: true })).pipe(takeUntil(this._destroy$))
-                .subscribe((/**
-             * @param {?} $event
-             * @return {?}
-             */
-            $event => this._checkToClose($event)));
-        }));
-    }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
+                .subscribe($event => this._checkToClose($event));
+        });
+    }
     _checkToClose($event) {
         if (this._select.contains($event.target) || this._dropdown.contains($event.target)) {
             return;
         }
-        /** @type {?} */
         const path = $event.path || ($event.composedPath && $event.composedPath());
         if ($event.target && $event.target.shadowRoot && path && path[0] && this._select.contains(path[0])) {
             return;
         }
-        this._zone.run((/**
-         * @return {?}
-         */
-        () => this.outsideClick.emit()));
-    }
-    /**
-     * @private
-     * @param {?} items
-     * @param {?} firstChange
-     * @return {?}
-     */
+        this._zone.run(() => this.outsideClick.emit());
+    }
     _onItemsChange(items, firstChange) {
         this.items = items || [];
         this._scrollToEndFired = false;
@@ -2335,46 +1632,23 @@ class NgDropdownPanelComponent {
             this._updateItems(firstChange);
         }
     }
-    /**
-     * @private
-     * @param {?} firstChange
-     * @return {?}
-     */
     _updateItems(firstChange) {
         this.update.emit(this.items);
         if (firstChange === false) {
             return;
         }
-        this._zone.runOutsideAngular((/**
-         * @return {?}
-         */
-        () => {
-            Promise.resolve().then((/**
-             * @return {?}
-             */
-            () => {
-                /** @type {?} */
+        this._zone.runOutsideAngular(() => {
+            Promise.resolve().then(() => {
                 const panelHeight = this._scrollablePanel.clientHeight;
                 this._panelService.setDimensions(0, panelHeight);
                 this._handleDropdownPosition();
                 this.scrollTo(this.markedItem, firstChange);
-            }));
-        }));
+            });
+        });
     }
-    /**
-     * @private
-     * @param {?} firstChange
-     * @return {?}
-     */
     _updateItemsRange(firstChange) {
-        this._zone.runOutsideAngular((/**
-         * @return {?}
-         */
-        () => {
-            this._measureDimensions().then((/**
-             * @return {?}
-             */
-            () => {
+        this._zone.runOutsideAngular(() => {
+            this._measureDimensions().then(() => {
                 if (firstChange) {
                     this._renderItemsRange(this._startOffset);
                     this._handleDropdownPosition();
@@ -2382,14 +1656,9 @@ class NgDropdownPanelComponent {
                 else {
                     this._renderItemsRange();
                 }
-            }));
-        }));
+            });
+        });
     }
-    /**
-     * @private
-     * @param {?} scrollTop
-     * @return {?}
-     */
     _onContentScrolled(scrollTop) {
         if (this.virtualScroll) {
             this._renderItemsRange(scrollTop);
@@ -2397,124 +1666,73 @@ class NgDropdownPanelComponent {
         this._lastScrollPosition = scrollTop;
         this._fireScrollToEnd(scrollTop);
     }
-    /**
-     * @private
-     * @param {?} height
-     * @return {?}
-     */
     _updateVirtualHeight(height) {
         if (this._updateScrollHeight) {
             this._virtualPadding.style.height = `${height}px`;
             this._updateScrollHeight = false;
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setVirtualHeight() {
         if (!this._virtualPadding) {
             return;
         }
         this._virtualPadding.style.height = `0px`;
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _onItemsLengthChanged() {
         this._updateScrollHeight = true;
     }
-    /**
-     * @private
-     * @param {?=} scrollTop
-     * @return {?}
-     */
     _renderItemsRange(scrollTop = null) {
         if (scrollTop && this._lastScrollPosition === scrollTop) {
             return;
         }
         scrollTop = scrollTop || this._scrollablePanel.scrollTop;
-        /** @type {?} */
         const range = this._panelService.calculateItems(scrollTop, this.itemsLength, this.bufferAmount);
         this._updateVirtualHeight(range.scrollHeight);
         this._contentPanel.style.transform = `translateY(${range.topPadding}px)`;
-        this._zone.run((/**
-         * @return {?}
-         */
-        () => {
+        this._zone.run(() => {
             this.update.emit(this.items.slice(range.start, range.end));
             this.scroll.emit({ start: range.start, end: range.end });
-        }));
+        });
         if (isDefined(scrollTop) && this._lastScrollPosition === 0) {
             this._scrollablePanel.scrollTop = scrollTop;
             this._lastScrollPosition = scrollTop;
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _measureDimensions() {
         if (this._panelService.dimensions.itemHeight > 0 || this.itemsLength === 0) {
             return Promise.resolve(this._panelService.dimensions);
         }
         const [first] = this.items;
         this.update.emit([first]);
-        return Promise.resolve().then((/**
-         * @return {?}
-         */
-        () => {
-            /** @type {?} */
+        return Promise.resolve().then(() => {
             const option = this._dropdown.querySelector(`#${first.htmlId}`);
-            /** @type {?} */
             const optionHeight = option.clientHeight;
             this._virtualPadding.style.height = `${optionHeight * this.itemsLength}px`;
-            /** @type {?} */
             const panelHeight = this._scrollablePanel.clientHeight;
             this._panelService.setDimensions(optionHeight, panelHeight);
             return this._panelService.dimensions;
-        }));
+        });
     }
-    /**
-     * @private
-     * @param {?} scrollTop
-     * @return {?}
-     */
     _fireScrollToEnd(scrollTop) {
         if (this._scrollToEndFired || scrollTop === 0) {
             return;
         }
-        /** @type {?} */
         const padding = this.virtualScroll ?
             this._virtualPadding :
             this._contentPanel;
         if (scrollTop + this._dropdown.clientHeight >= padding.clientHeight) {
-            this._zone.run((/**
-             * @return {?}
-             */
-            () => this.scrollToEnd.emit()));
+            this._zone.run(() => this.scrollToEnd.emit());
             this._scrollToEndFired = true;
         }
     }
-    /**
-     * @private
-     * @param {?} dropdownEl
-     * @return {?}
-     */
     _calculateCurrentPosition(dropdownEl) {
         if (this.position !== 'auto') {
             return this.position;
         }
-        /** @type {?} */
         const selectRect = this._select.getBoundingClientRect();
-        /** @type {?} */
         const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-        /** @type {?} */
         const offsetTop = selectRect.top + window.pageYOffset;
-        /** @type {?} */
         const height = selectRect.height;
-        /** @type {?} */
         const dropdownHeight = dropdownEl.getBoundingClientRect().height;
         if (offsetTop + height + dropdownHeight > scrollTop + document.documentElement.clientHeight) {
             return 'top';
@@ -2523,10 +1741,6 @@ class NgDropdownPanelComponent {
             return 'bottom';
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _appendDropdown() {
         if (!this.appendTo) {
             return;
@@ -2538,40 +1752,24 @@ class NgDropdownPanelComponent {
         this._updateXPosition();
         this._parent.appendChild(this._dropdown);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _updateXPosition() {
-        /** @type {?} */
         const select = this._select.getBoundingClientRect();
-        /** @type {?} */
         const parent = this._parent.getBoundingClientRect();
-        /** @type {?} */
         const offsetLeft = select.left - parent.left;
         this._dropdown.style.left = offsetLeft + 'px';
         this._dropdown.style.width = select.width + 'px';
         this._dropdown.style.minWidth = select.width + 'px';
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _updateYPosition() {
-        /** @type {?} */
         const select = this._select.getBoundingClientRect();
-        /** @type {?} */
         const parent = this._parent.getBoundingClientRect();
-        /** @type {?} */
         const delta = select.height;
         if (this._currentPosition === 'top') {
-            /** @type {?} */
             const offsetBottom = parent.bottom - select.bottom;
             this._dropdown.style.bottom = offsetBottom + delta + 'px';
             this._dropdown.style.top = 'auto';
         }
         else if (this._currentPosition === 'bottom') {
-            /** @type {?} */
             const offsetTop = select.top - parent.top;
             this._dropdown.style.top = offsetTop + delta + 'px';
             this._dropdown.style.bottom = 'auto';
@@ -2597,9 +1795,8 @@ NgDropdownPanelComponent.decorators = [
             <ng-container [ngTemplateOutlet]="footerTemplate" [ngTemplateOutletContext]="{ searchTerm: filterValue }"></ng-container>
         </div>
     `
-            }] }
+            },] }
 ];
-/** @nocollapse */
 NgDropdownPanelComponent.ctorParameters = () => [
     { type: Renderer2 },
     { type: NgZone },
@@ -2626,154 +1823,18 @@ NgDropdownPanelComponent.propDecorators = {
     paddingElementRef: [{ type: ViewChild, args: ['padding', { read: ElementRef, static: true },] }],
     handleMousedown: [{ type: HostListener, args: ['mousedown', ['$event'],] }]
 };
-if (false) {
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.items;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.markedItem;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.position;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.appendTo;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.bufferAmount;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.virtualScroll;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.headerTemplate;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.footerTemplate;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.filterValue;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.update;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.scroll;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.scrollToEnd;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.outsideClick;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.contentElementRef;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.scrollElementRef;
-    /** @type {?} */
-    NgDropdownPanelComponent.prototype.paddingElementRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._destroy$;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._dropdown;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._virtualPadding;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._scrollablePanel;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._contentPanel;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._select;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._parent;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._scrollToEndFired;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._updateScrollHeight;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._lastScrollPosition;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._currentPosition;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._itemsLength;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._zone;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._panelService;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgDropdownPanelComponent.prototype._document;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-option.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class NgOptionComponent {
-    /**
-     * @param {?} elementRef
-     */
     constructor(elementRef) {
         this.elementRef = elementRef;
         this.stateChange$ = new Subject();
         this._disabled = false;
     }
-    /**
-     * @return {?}
-     */
     get disabled() { return this._disabled; }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     set disabled(value) { this._disabled = this._isDisabled(value); }
-    /**
-     * @return {?}
-     */
     get label() {
         return (this.elementRef.nativeElement.textContent || '').trim();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         if (changes.disabled) {
             this.stateChange$.next({
@@ -2782,9 +1843,6 @@ class NgOptionComponent {
             });
         }
     }
-    /**
-     * @return {?}
-     */
     ngAfterViewChecked() {
         if (this.label !== this._previousLabel) {
             this._previousLabel = this.label;
@@ -2795,17 +1853,9 @@ class NgOptionComponent {
             });
         }
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this.stateChange$.complete();
     }
-    /**
-     * @private
-     * @param {?} value
-     * @return {?}
-     */
     _isDisabled(value) {
         return value != null && `${value}` !== 'false';
     }
@@ -2815,9 +1865,8 @@ NgOptionComponent.decorators = [
                 selector: 'ng-option',
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `<ng-content></ng-content>`
-            }] }
+            },] }
 ];
-/** @nocollapse */
 NgOptionComponent.ctorParameters = () => [
     { type: ElementRef }
 ];
@@ -2825,30 +1874,7 @@ NgOptionComponent.propDecorators = {
     value: [{ type: Input }],
     disabled: [{ type: Input }]
 };
-if (false) {
-    /** @type {?} */
-    NgOptionComponent.prototype.value;
-    /** @type {?} */
-    NgOptionComponent.prototype.stateChange$;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgOptionComponent.prototype._disabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgOptionComponent.prototype._previousLabel;
-    /** @type {?} */
-    NgOptionComponent.prototype.elementRef;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/config.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class NgSelectConfig {
     constructor() {
         this.notFoundText = 'No items found';
@@ -2861,52 +1887,13 @@ class NgSelectConfig {
         this.appearance = 'underline';
     }
 }
+NgSelectConfig.ɵprov = ɵɵdefineInjectable({ factory: function NgSelectConfig_Factory() { return new NgSelectConfig(); }, token: NgSelectConfig, providedIn: "root" });
 NgSelectConfig.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
-/** @nocollapse */ NgSelectConfig.ɵprov = ɵɵdefineInjectable({ factory: function NgSelectConfig_Factory() { return new NgSelectConfig(); }, token: NgSelectConfig, providedIn: "root" });
-if (false) {
-    /** @type {?} */
-    NgSelectConfig.prototype.placeholder;
-    /** @type {?} */
-    NgSelectConfig.prototype.notFoundText;
-    /** @type {?} */
-    NgSelectConfig.prototype.typeToSearchText;
-    /** @type {?} */
-    NgSelectConfig.prototype.addTagText;
-    /** @type {?} */
-    NgSelectConfig.prototype.loadingText;
-    /** @type {?} */
-    NgSelectConfig.prototype.clearAllText;
-    /** @type {?} */
-    NgSelectConfig.prototype.disableVirtualScroll;
-    /** @type {?} */
-    NgSelectConfig.prototype.openOnEnter;
-    /** @type {?} */
-    NgSelectConfig.prototype.appendTo;
-    /** @type {?} */
-    NgSelectConfig.prototype.bindValue;
-    /** @type {?} */
-    NgSelectConfig.prototype.appearance;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-select.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
 const SELECTION_MODEL_FACTORY = new InjectionToken('ng-select-selection-model');
 class NgSelectComponent {
-    /**
-     * @param {?} classes
-     * @param {?} autoFocus
-     * @param {?} config
-     * @param {?} newSelectionModel
-     * @param {?} _elementRef
-     * @param {?} _cd
-     * @param {?} _console
-     */
     constructor(classes, autoFocus, config, newSelectionModel, _elementRef, _cd, _console) {
         this.classes = classes;
         this.autoFocus = autoFocus;
@@ -2930,11 +1917,7 @@ class NgSelectComponent {
         this.searchWhileComposing = true;
         this.minTermLength = 0;
         this.editableSearchTerm = false;
-        this.keyDownFn = (/**
-         * @param {?} _
-         * @return {?}
-         */
-        (_) => true);
+        this.keyDownFn = (_) => true;
         this.multiple = false;
         this.addTag = false;
         this.searchable = true;
@@ -2963,143 +1946,68 @@ class NgSelectComponent {
         this._isComposing = false;
         this._destroy$ = new Subject();
         this._keyPress$ = new Subject();
-        this._onChange = (/**
-         * @param {?} _
-         * @return {?}
-         */
-        (_) => { });
-        this._onTouched = (/**
-         * @return {?}
-         */
-        () => { });
-        this.clearItem = (/**
-         * @param {?} item
-         * @return {?}
-         */
-        (item) => {
-            /** @type {?} */
-            const option = this.selectedItems.find((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.value === item));
+        this._onChange = (_) => { };
+        this._onTouched = () => { };
+        this.clearItem = (item) => {
+            const option = this.selectedItems.find(x => x.value === item);
             this.unselect(option);
-        });
-        this.trackByOption = (/**
-         * @param {?} _
-         * @param {?} item
-         * @return {?}
-         */
-        (_, item) => {
+        };
+        this.trackByOption = (_, item) => {
             if (this.trackByFn) {
                 return this.trackByFn(item.value);
             }
             return item;
-        });
+        };
         this._mergeGlobalConfig(config);
         this.itemsList = new ItemsList(this, newSelectionModel());
         this.element = _elementRef.nativeElement;
     }
-    /**
-     * @return {?}
-     */
     get items() { return this._items; }
     ;
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     set items(value) {
         this._itemsAreUsed = true;
         this._items = value;
     }
     ;
-    /**
-     * @return {?}
-     */
     get compareWith() { return this._compareWith; }
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
     set compareWith(fn) {
-        if (!isFunction(fn)) {
+        if (fn !== undefined && fn !== null && !isFunction(fn)) {
             throw Error('`compareWith` must be a function.');
         }
         this._compareWith = fn;
     }
-    /**
-     * @return {?}
-     */
     get clearSearchOnAdd() { return isDefined(this._clearSearchOnAdd) ? this._clearSearchOnAdd : this.closeOnSelect; }
     ;
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     set clearSearchOnAdd(value) {
         this._clearSearchOnAdd = value;
     }
     ;
-    /**
-     * @return {?}
-     */
     get disabled() { return this.readonly || this._disabled; }
     ;
-    /**
-     * @return {?}
-     */
     get filtered() { return (!!this.searchTerm && this.searchable || this._isComposing); }
     ;
-    /**
-     * @private
-     * @return {?}
-     */
     get _editableSearchTerm() {
         return this.editableSearchTerm && !this.multiple;
     }
-    /**
-     * @return {?}
-     */
     get selectedItems() {
         return this.itemsList.selectedItems;
     }
-    /**
-     * @return {?}
-     */
     get selectedValues() {
-        return this.selectedItems.map((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x.value));
-    }
-    /**
-     * @return {?}
-     */
+        return this.selectedItems.map(x => x.value);
+    }
     get hasValue() {
         return this.selectedItems.length > 0;
     }
-    /**
-     * @return {?}
-     */
     get currentPanelPosition() {
         if (this.dropdownPanel) {
             return this.dropdownPanel.currentPosition;
         }
         return undefined;
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this._handleKeyPresses();
         this._setInputAttributes();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         if (changes.multiple) {
             this.itemsList.clearSelected();
@@ -3111,9 +2019,6 @@ class NgSelectComponent {
             this._manualOpen = isDefined(changes.isOpen.currentValue);
         }
     }
-    /**
-     * @return {?}
-     */
     ngAfterViewInit() {
         if (!this._itemsAreUsed) {
             this.escapeHTML = false;
@@ -3123,19 +2028,11 @@ class NgSelectComponent {
             this.focus();
         }
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._destroy$.next();
         this._destroy$.complete();
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     handleKeyDown($event) {
-        /** @type {?} */
         const keyCode = KeyCode[$event.which];
         if (keyCode) {
             if (this.keyDownFn($event) === false) {
@@ -3147,10 +2044,6 @@ class NgSelectComponent {
             this._keyPress$.next($event.key.toLocaleLowerCase());
         }
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     handleKeyCode($event) {
         switch ($event.which) {
             case KeyCode.ArrowDown:
@@ -3177,13 +2070,8 @@ class NgSelectComponent {
                 break;
         }
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     handleMousedown($event) {
-        /** @type {?} */
-        const target = (/** @type {?} */ ($event.target));
+        const target = $event.target;
         if (target.tagName !== 'INPUT') {
             $event.preventDefault();
         }
@@ -3208,9 +2096,6 @@ class NgSelectComponent {
             this.toggle();
         }
     }
-    /**
-     * @return {?}
-     */
     handleArrowClick() {
         if (this.isOpen) {
             this.close();
@@ -3219,9 +2104,6 @@ class NgSelectComponent {
             this.open();
         }
     }
-    /**
-     * @return {?}
-     */
     handleClearClick() {
         if (this.hasValue) {
             this.itemsList.clearSelected(true);
@@ -3232,9 +2114,6 @@ class NgSelectComponent {
         this.clearEvent.emit();
         this._onSelectionChanged();
     }
-    /**
-     * @return {?}
-     */
     clearModel() {
         if (!this.clearable) {
             return;
@@ -3242,40 +2121,21 @@ class NgSelectComponent {
         this.itemsList.clearSelected();
         this._updateNgModel();
     }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     writeValue(value) {
         this.itemsList.clearSelected();
         this._handleWriteValue(value);
         this._cd.markForCheck();
     }
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
     registerOnChange(fn) {
         this._onChange = fn;
     }
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
     registerOnTouched(fn) {
         this._onTouched = fn;
     }
-    /**
-     * @param {?} state
-     * @return {?}
-     */
     setDisabledState(state) {
         this._disabled = state;
         this._cd.markForCheck();
     }
-    /**
-     * @return {?}
-     */
     toggle() {
         if (!this.isOpen) {
             this.open();
@@ -3284,9 +2144,6 @@ class NgSelectComponent {
             this.close();
         }
     }
-    /**
-     * @return {?}
-     */
     open() {
         if (this.disabled || this.isOpen || this.itemsList.maxItemsSelected || this._manualOpen) {
             return;
@@ -3302,9 +2159,6 @@ class NgSelectComponent {
         }
         this.detectChanges();
     }
-    /**
-     * @return {?}
-     */
     close() {
         if (!this.isOpen || this._manualOpen) {
             return;
@@ -3322,10 +2176,6 @@ class NgSelectComponent {
         this.closeEvent.emit();
         this._cd.markForCheck();
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     toggleItem(item) {
         if (!item || item.disabled || this.disabled) {
             return;
@@ -3341,10 +2191,6 @@ class NgSelectComponent {
         }
         this._onSelectionChanged();
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     select(item) {
         if (!item.selected) {
             this.itemsList.select(item);
@@ -3360,22 +2206,12 @@ class NgSelectComponent {
             this.close();
         }
     }
-    /**
-     * @return {?}
-     */
     focus() {
         this.searchInput.nativeElement.focus();
     }
-    /**
-     * @return {?}
-     */
     blur() {
         this.searchInput.nativeElement.blur();
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     unselect(item) {
         if (!item) {
             return;
@@ -3385,94 +2221,48 @@ class NgSelectComponent {
         this._updateNgModel();
         this.removeEvent.emit(item);
     }
-    /**
-     * @return {?}
-     */
     selectTag() {
-        /** @type {?} */
         let tag;
         if (isFunction(this.addTag)) {
-            tag = ((/** @type {?} */ (this.addTag)))(this.searchTerm);
+            tag = this.addTag(this.searchTerm);
         }
         else {
             tag = this._primitive ? this.searchTerm : { [this.bindLabel]: this.searchTerm };
         }
-        /** @type {?} */
-        const handleTag = (/**
-         * @param {?} item
-         * @return {?}
-         */
-        (item) => this._isTypeahead || !this.isOpen ? this.itemsList.mapItem(item, null) : this.itemsList.addItem(item));
+        const handleTag = (item) => this._isTypeahead || !this.isOpen ? this.itemsList.mapItem(item, null) : this.itemsList.addItem(item);
         if (isPromise(tag)) {
-            tag.then((/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => this.select(handleTag(item)))).catch((/**
-             * @return {?}
-             */
-            () => { }));
+            tag.then(item => this.select(handleTag(item))).catch(() => { });
         }
         else if (tag) {
             this.select(handleTag(tag));
         }
     }
-    /**
-     * @return {?}
-     */
     showClear() {
         return this.clearable && (this.hasValue || this.searchTerm) && !this.disabled;
     }
-    /**
-     * @return {?}
-     */
     get showAddTag() {
         if (!this._validTerm) {
             return false;
         }
-        /** @type {?} */
         const term = this.searchTerm.toLowerCase().trim();
         return this.addTag &&
-            (!this.itemsList.filteredItems.some((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.label.toLowerCase() === term)) &&
-                (!this.hideSelected && this.isOpen || !this.selectedItems.some((/**
-                 * @param {?} x
-                 * @return {?}
-                 */
-                x => x.label.toLowerCase() === term)))) &&
+            (!this.itemsList.filteredItems.some(x => x.label.toLowerCase() === term) &&
+                (!this.hideSelected && this.isOpen || !this.selectedItems.some(x => x.label.toLowerCase() === term))) &&
             !this.loading;
     }
-    /**
-     * @return {?}
-     */
     showNoItemsFound() {
-        /** @type {?} */
         const empty = this.itemsList.filteredItems.length === 0;
         return ((empty && !this._isTypeahead && !this.loading) ||
             (empty && this._isTypeahead && this._validTerm && !this.loading)) &&
             !this.showAddTag;
     }
-    /**
-     * @return {?}
-     */
     showTypeToSearch() {
-        /** @type {?} */
         const empty = this.itemsList.filteredItems.length === 0;
         return empty && this._isTypeahead && !this._validTerm && !this.loading;
     }
-    /**
-     * @return {?}
-     */
     onCompositionStart() {
         this._isComposing = true;
     }
-    /**
-     * @param {?} term
-     * @return {?}
-     */
     onCompositionEnd(term) {
         this._isComposing = false;
         if (this.searchWhileComposing) {
@@ -3480,10 +2270,6 @@ class NgSelectComponent {
         }
         this.filter(term);
     }
-    /**
-     * @param {?} term
-     * @return {?}
-     */
     filter(term) {
         if (this._isComposing && !this.searchWhileComposing) {
             return;
@@ -3498,17 +2284,9 @@ class NgSelectComponent {
                 this.itemsList.markSelectedOrDefault(this.markFirst);
             }
         }
-        this.searchEvent.emit({ term, items: this.itemsList.filteredItems.map((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.value)) });
+        this.searchEvent.emit({ term, items: this.itemsList.filteredItems.map(x => x.value) });
         this.open();
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     onInputFocus($event) {
         if (this.focused) {
             return;
@@ -3520,10 +2298,6 @@ class NgSelectComponent {
         this.focusEvent.emit($event);
         this.focused = true;
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     onInputBlur($event) {
         this.element.classList.remove('ng-select-focused');
         this.blurEvent.emit($event);
@@ -3535,40 +2309,22 @@ class NgSelectComponent {
         }
         this.focused = false;
     }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
     onItemHover(item) {
         if (item.disabled) {
             return;
         }
         this.itemsList.markItem(item);
     }
-    /**
-     * @return {?}
-     */
     detectChanges() {
-        if (!((/** @type {?} */ (this._cd))).destroyed) {
+        if (!this._cd.destroyed) {
             this._cd.detectChanges();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setSearchTermFromItems() {
-        /** @type {?} */
         const selected = this.selectedItems && this.selectedItems[0];
         this.searchTerm = (selected && selected.label) || null;
     }
-    /**
-     * @private
-     * @param {?} items
-     * @return {?}
-     */
     _setItems(items) {
-        /** @type {?} */
         const firstItem = items[0];
         this.bindLabel = this.bindLabel || this._defaultLabel;
         this._primitive = isDefined(firstItem) ? !isObject(firstItem) : this._primitive || this.bindLabel === this._defaultLabel;
@@ -3583,129 +2339,71 @@ class NgSelectComponent {
             this.itemsList.markSelectedOrDefault(this.markFirst);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setItemsFromNgOptions() {
-        /** @type {?} */
-        const mapNgOptions = (/**
-         * @param {?} options
-         * @return {?}
-         */
-        (options) => {
-            this.items = options.map((/**
-             * @param {?} option
-             * @return {?}
-             */
-            option => ({
+        const mapNgOptions = (options) => {
+            this.items = options.map(option => ({
                 $ngOptionValue: option.value,
                 $ngOptionLabel: option.elementRef.nativeElement.innerHTML,
                 disabled: option.disabled
-            })));
+            }));
             this.itemsList.setItems(this.items);
             if (this.hasValue) {
                 this.itemsList.mapSelectedItems();
             }
             this.detectChanges();
-        });
-        /** @type {?} */
-        const handleOptionChange = (/**
-         * @return {?}
-         */
-        () => {
-            /** @type {?} */
+        };
+        const handleOptionChange = () => {
             const changedOrDestroyed = merge(this.ngOptions.changes, this._destroy$);
-            merge(...this.ngOptions.map((/**
-             * @param {?} option
-             * @return {?}
-             */
-            option => option.stateChange$)))
+            merge(...this.ngOptions.map(option => option.stateChange$))
                 .pipe(takeUntil(changedOrDestroyed))
-                .subscribe((/**
-             * @param {?} option
-             * @return {?}
-             */
-            option => {
-                /** @type {?} */
+                .subscribe(option => {
                 const item = this.itemsList.findItem(option.value);
                 item.disabled = option.disabled;
                 item.label = option.label || item.label;
                 this._cd.detectChanges();
-            }));
-        });
+            });
+        };
         this.ngOptions.changes
             .pipe(startWith(this.ngOptions), takeUntil(this._destroy$))
-            .subscribe((/**
-         * @param {?} options
-         * @return {?}
-         */
-        options => {
+            .subscribe(options => {
             this.bindLabel = this._defaultLabel;
             mapNgOptions(options);
             handleOptionChange();
-        }));
+        });
     }
-    /**
-     * @private
-     * @param {?} value
-     * @return {?}
-     */
     _isValidWriteValue(value) {
         if (!isDefined(value) || (this.multiple && value === '') || Array.isArray(value) && value.length === 0) {
             return false;
         }
-        /** @type {?} */
-        const validateBinding = (/**
-         * @param {?} item
-         * @return {?}
-         */
-        (item) => {
+        const validateBinding = (item) => {
             if (!isDefined(this.compareWith) && isObject(item) && this.bindValue) {
                 this._console.warn(`Setting object(${JSON.stringify(item)}) as your model with bindValue is not allowed unless [compareWith] is used.`);
                 return false;
             }
             return true;
-        });
+        };
         if (this.multiple) {
             if (!Array.isArray(value)) {
                 this._console.warn('Multiple select ngModel should be array.');
                 return false;
             }
-            return value.every((/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => validateBinding(item)));
+            return value.every(item => validateBinding(item));
         }
         else {
             return validateBinding(value);
         }
     }
-    /**
-     * @private
-     * @param {?} ngModel
-     * @return {?}
-     */
     _handleWriteValue(ngModel) {
         if (!this._isValidWriteValue(ngModel)) {
             return;
         }
-        /** @type {?} */
-        const select = (/**
-         * @param {?} val
-         * @return {?}
-         */
-        (val) => {
-            /** @type {?} */
+        const select = (val) => {
             let item = this.itemsList.findItem(val);
             if (item) {
                 this.itemsList.select(item);
             }
             else {
-                /** @type {?} */
                 const isValObject = isObject(val);
-                /** @type {?} */
                 const isPrimitive = !isValObject && !this.bindValue;
                 if ((isValObject || isPrimitive)) {
                     this.itemsList.select(this.itemsList.mapItem(val, null));
@@ -3718,44 +2416,21 @@ class NgSelectComponent {
                     this.itemsList.select(this.itemsList.mapItem(item, null));
                 }
             }
-        });
+        };
         if (this.multiple) {
-            ((/** @type {?} */ (ngModel))).forEach((/**
-             * @param {?} item
-             * @return {?}
-             */
-            item => select(item)));
+            ngModel.forEach(item => select(item));
         }
         else {
             select(ngModel);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _handleKeyPresses() {
         if (this.searchable) {
             return;
         }
         this._keyPress$
-            .pipe(takeUntil(this._destroy$), tap((/**
-         * @param {?} letter
-         * @return {?}
-         */
-        letter => this._pressedKeys.push(letter))), debounceTime(200), filter((/**
-         * @return {?}
-         */
-        () => this._pressedKeys.length > 0)), map((/**
-         * @return {?}
-         */
-        () => this._pressedKeys.join(''))))
-            .subscribe((/**
-         * @param {?} term
-         * @return {?}
-         */
-        term => {
-            /** @type {?} */
+            .pipe(takeUntil(this._destroy$), tap(letter => this._pressedKeys.push(letter)), debounceTime(200), filter(() => this._pressedKeys.length > 0), map(() => this._pressedKeys.join('')))
+            .subscribe(term => {
             const item = this.itemsList.findByLabel(term);
             if (item) {
                 if (this.isOpen) {
@@ -3768,36 +2443,23 @@ class NgSelectComponent {
                 }
             }
             this._pressedKeys = [];
-        }));
+        });
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setInputAttributes() {
-        /** @type {?} */
         const input = this.searchInput.nativeElement;
-        /** @type {?} */
         const attributes = Object.assign({ type: 'text', autocorrect: 'off', autocapitalize: 'off', autocomplete: this.labelForId ? 'off' : this.dropdownId }, this.inputAttrs);
         for (const key of Object.keys(attributes)) {
             input.setAttribute(key, attributes[key]);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _updateNgModel() {
-        /** @type {?} */
         const model = [];
         for (const item of this.selectedItems) {
             if (this.bindValue) {
-                /** @type {?} */
                 let value = null;
                 if (item.children) {
-                    /** @type {?} */
-                    const groupKey = this.groupValue ? this.bindValue : (/** @type {?} */ (this.groupBy));
-                    value = item.value[groupKey || (/** @type {?} */ (this.groupBy))];
+                    const groupKey = this.groupValue ? this.bindValue : this.groupBy;
+                    value = item.value[groupKey || this.groupBy];
                 }
                 else {
                     value = this.itemsList.resolveNested(item.value, this.bindValue);
@@ -3808,12 +2470,7 @@ class NgSelectComponent {
                 model.push(item.value);
             }
         }
-        /** @type {?} */
-        const selected = this.selectedItems.map((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x.value));
+        const selected = this.selectedItems.map(x => x.value);
         if (this.multiple) {
             this._onChange(model);
             this.changeEvent.emit(selected);
@@ -3824,10 +2481,6 @@ class NgSelectComponent {
         }
         this._cd.markForCheck();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _clearSearch() {
         if (!this.searchTerm) {
             return;
@@ -3835,41 +2488,24 @@ class NgSelectComponent {
         this._changeSearch(null);
         this.itemsList.resetFilteredItems();
     }
-    /**
-     * @private
-     * @param {?} searchTerm
-     * @return {?}
-     */
     _changeSearch(searchTerm) {
         this.searchTerm = searchTerm;
         if (this._isTypeahead) {
             this.typeahead.next(searchTerm);
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _scrollToMarked() {
         if (!this.isOpen || !this.dropdownPanel) {
             return;
         }
         this.dropdownPanel.scrollTo(this.itemsList.markedItem);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _scrollToTag() {
         if (!this.isOpen || !this.dropdownPanel) {
             return;
         }
         this.dropdownPanel.scrollToTag();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _onSelectionChanged() {
         if (this.isOpen && this.multiple && this.appendTo) {
             // Make sure items are rendered.
@@ -3877,11 +2513,6 @@ class NgSelectComponent {
             this.dropdownPanel.adjustPosition();
         }
     }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
     _handleTab($event) {
         if (this.isOpen === false && !this.addTag) {
             return;
@@ -3903,11 +2534,6 @@ class NgSelectComponent {
             this.close();
         }
     }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
     _handleEnter($event) {
         if (this.isOpen || this._manualOpen) {
             if (this.itemsList.markedItem) {
@@ -3925,11 +2551,6 @@ class NgSelectComponent {
         }
         $event.preventDefault();
     }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
     _handleSpace($event) {
         if (this.isOpen || this._manualOpen) {
             return;
@@ -3937,11 +2558,6 @@ class NgSelectComponent {
         this.open();
         $event.preventDefault();
     }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
     _handleArrowDown($event) {
         if (this._nextItemIsTag(+1)) {
             this.itemsList.unmarkItem();
@@ -3954,11 +2570,6 @@ class NgSelectComponent {
         this.open();
         $event.preventDefault();
     }
-    /**
-     * @private
-     * @param {?} $event
-     * @return {?}
-     */
     _handleArrowUp($event) {
         if (!this.isOpen) {
             return;
@@ -3973,22 +2584,12 @@ class NgSelectComponent {
         }
         $event.preventDefault();
     }
-    /**
-     * @private
-     * @param {?} nextStep
-     * @return {?}
-     */
     _nextItemIsTag(nextStep) {
-        /** @type {?} */
         const nextIndex = this.itemsList.markedIndex + nextStep;
         return this.addTag && this.searchTerm
             && this.itemsList.markedItem
             && (nextIndex < 0 || nextIndex === this.itemsList.filteredItems.length);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _handleBackspace() {
         if (this.searchTerm || !this.clearable || !this.clearOnBackspace || !this.hasValue) {
             return;
@@ -4000,27 +2601,13 @@ class NgSelectComponent {
             this.clearModel();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     get _isTypeahead() {
         return this.typeahead && this.typeahead.observers.length > 0;
     }
-    /**
-     * @private
-     * @return {?}
-     */
     get _validTerm() {
-        /** @type {?} */
         const term = this.searchTerm && this.searchTerm.trim();
         return term && term.length >= this.minTermLength;
     }
-    /**
-     * @private
-     * @param {?} config
-     * @return {?}
-     */
     _mergeGlobalConfig(config) {
         this.placeholder = this.placeholder || config.placeholder;
         this.notFoundText = this.notFoundText || config.notFoundText;
@@ -4034,19 +2621,17 @@ class NgSelectComponent {
         this.openOnEnter = isDefined(this.openOnEnter) ? this.openOnEnter : config.openOnEnter;
         this.appendTo = this.appendTo || config.appendTo;
         this.bindValue = this.bindValue || config.bindValue;
+        this.bindLabel = this.bindLabel || config.bindLabel;
         this.appearance = this.appearance || config.appearance;
     }
 }
 NgSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ng-select',
-                template: "<div\n    (mousedown)=\"handleMousedown($event)\"\n    [class.ng-appearance-outline]=\"appearance === 'outline'\"\n    [class.ng-has-value]=\"hasValue\"\n    class=\"ng-select-container\">\n\n    <div class=\"ng-value-container\">\n        <div class=\"ng-placeholder\">{{placeholder}}</div>\n\n        <ng-container *ngIf=\"!multiLabelTemplate && selectedItems.length > 0\">\n            <div [class.ng-value-disabled]=\"item.disabled\" class=\"ng-value\" *ngFor=\"let item of selectedItems; trackBy: trackByOption\">\n                <ng-template #defaultLabelTemplate>\n                    <span class=\"ng-value-icon left\" (click)=\"unselect(item);\" aria-hidden=\"true\">\u00D7</span>\n                    <span class=\"ng-value-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n                </ng-template>\n\n                <ng-template\n                    [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                    [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n                </ng-template>\n            </div>\n        </ng-container>\n\n        <ng-template *ngIf=\"multiLabelTemplate && selectedValues.length > 0\"\n                [ngTemplateOutlet]=\"multiLabelTemplate\"\n                [ngTemplateOutletContext]=\"{ items: selectedValues, clear: clearItem }\">\n        </ng-template>\n\n        <div class=\"ng-input\"\n            role=\"combobox\" \n            [attr.aria-expanded]=\"isOpen\" \n            [attr.aria-owns]=\"isOpen ? dropdownId : null\" \n            aria-haspopup=\"listbox\">\n\n            <input #searchInput\n                   [attr.id]=\"labelForId\"\n                   [attr.tabindex]=\"tabIndex\"\n                   [readOnly]=\"!searchable || itemsList.maxItemsSelected\"\n                   [disabled]=\"disabled\"\n                   [value]=\"searchTerm ? searchTerm : ''\"\n                   (input)=\"filter(searchInput.value)\"\n                   (compositionstart)=\"onCompositionStart()\"\n                   (compositionend)=\"onCompositionEnd(searchInput.value)\"\n                   (focus)=\"onInputFocus($event)\"\n                   (blur)=\"onInputBlur($event)\"\n                   (change)=\"$event.stopPropagation()\"\n                   [attr.aria-activedescendant]=\"isOpen ? itemsList?.markedItem?.htmlId : null\"\n                   aria-autocomplete=\"list\"\n                   [attr.aria-controls]=\"isOpen ? dropdownId : null\">\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"loading\">\n        <ng-template #defaultLoadingSpinnerTemplate>\n            <div class=\"ng-spinner-loader\"></div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingSpinnerTemplate || defaultLoadingSpinnerTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <span *ngIf=\"showClear()\" class=\"ng-clear-wrapper\" title=\"{{clearAllText}}\">\n        <span class=\"ng-clear\" aria-hidden=\"true\">\u00D7</span>\n    </span>\n\n    <span class=\"ng-arrow-wrapper\">\n        <span class=\"ng-arrow\"></span>\n    </span>\n</div>\n\n<ng-dropdown-panel *ngIf=\"isOpen\"\n                   class=\"ng-dropdown-panel\"\n                   [virtualScroll]=\"virtualScroll\"\n                   [bufferAmount]=\"bufferAmount\"\n                   [appendTo]=\"appendTo\"\n                   [position]=\"dropdownPosition\"\n                   [headerTemplate]=\"headerTemplate\"\n                   [footerTemplate]=\"footerTemplate\"\n                   [filterValue]=\"searchTerm\"\n                   [items]=\"itemsList.filteredItems\"\n                   [markedItem]=\"itemsList.markedItem\"\n                   (update)=\"viewPortItems = $event\"\n                   (scroll)=\"scroll.emit($event)\"\n                   (scrollToEnd)=\"scrollToEnd.emit($event)\"\n                   (outsideClick)=\"close()\"\n                   [class.ng-select-multiple]=\"multiple\"\n                   [ngClass]=\"appendTo ? classes : null\"\n                   [id]=\"dropdownId\"\n                   role=\"listbox\"\n                   aria-label=\"Options list\">\n\n    <ng-container>\n        <div class=\"ng-option\" [attr.role]=\"item.children ? 'group' : 'option'\" (click)=\"toggleItem(item)\" (mouseover)=\"onItemHover(item)\"\n                *ngFor=\"let item of viewPortItems; trackBy: trackByOption\"\n                [class.ng-option-disabled]=\"item.disabled\"\n                [class.ng-option-selected]=\"item.selected\"\n                [class.ng-optgroup]=\"item.children\"\n                [class.ng-option]=\"!item.children\"\n                [class.ng-option-child]=\"!!item.parent\"\n                [class.ng-option-marked]=\"item === itemsList.markedItem\"\n                [attr.aria-selected]=\"item.selected\"\n                [attr.id]=\"item?.htmlId\">\n\n            <ng-template #defaultOptionTemplate>\n                <span class=\"ng-option-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"item.children ? (optgroupTemplate || defaultOptionTemplate) : (optionTemplate || defaultOptionTemplate)\"\n                [ngTemplateOutletContext]=\"{ item: item.value, item$:item, index: item.index, searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n\n        <div class=\"ng-option\" [class.ng-option-marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag\">\n            <ng-template #defaultTagTemplate>\n                <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{searchTerm}}\"</span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"tagTemplate || defaultTagTemplate\"\n                [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"showNoItemsFound()\">\n        <ng-template #defaultNotFoundTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{notFoundText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"notFoundTemplate || defaultNotFoundTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"showTypeToSearch()\">\n        <ng-template #defaultTypeToSearchTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"typeToSearchTemplate || defaultTypeToSearchTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"loading && itemsList.filteredItems.length === 0\">\n        <ng-template #defaultLoadingTextTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingTextTemplate || defaultLoadingTextTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n</ng-dropdown-panel>\n",
+                template: "<div\n    (mousedown)=\"handleMousedown($event)\"\n    [class.ng-appearance-outline]=\"appearance === 'outline'\"\n    [class.ng-has-value]=\"hasValue\"\n    class=\"ng-select-container\">\n\n    <div class=\"ng-value-container\">\n        <div class=\"ng-placeholder\">{{placeholder}}</div>\n\n        <ng-container *ngIf=\"(!multiLabelTemplate  || !multiple ) && selectedItems.length > 0\">\n            <div [class.ng-value-disabled]=\"item.disabled\" class=\"ng-value\" *ngFor=\"let item of selectedItems; trackBy: trackByOption\">\n                <ng-template #defaultLabelTemplate>\n                    <span class=\"ng-value-icon left\" (click)=\"unselect(item);\" aria-hidden=\"true\">\u00D7</span>\n                    <span class=\"ng-value-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n                </ng-template>\n\n                <ng-template\n                    [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                    [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n                </ng-template>\n            </div>\n        </ng-container>\n\n        <ng-template *ngIf=\"multiple && multiLabelTemplate && selectedValues.length > 0\"\n                [ngTemplateOutlet]=\"multiLabelTemplate\"\n                [ngTemplateOutletContext]=\"{ items: selectedValues, clear: clearItem }\">\n        </ng-template>\n\n        <div class=\"ng-input\"\n            role=\"combobox\" \n            [attr.aria-expanded]=\"isOpen\" \n            [attr.aria-owns]=\"isOpen ? dropdownId : null\" \n            aria-haspopup=\"listbox\">\n\n            <input #searchInput\n                   [attr.id]=\"labelForId\"\n                   [attr.tabindex]=\"tabIndex\"\n                   [readOnly]=\"!searchable || itemsList.maxItemsSelected\"\n                   [disabled]=\"disabled\"\n                   [value]=\"searchTerm ? searchTerm : ''\"\n                   (input)=\"filter(searchInput.value)\"\n                   (compositionstart)=\"onCompositionStart()\"\n                   (compositionend)=\"onCompositionEnd(searchInput.value)\"\n                   (focus)=\"onInputFocus($event)\"\n                   (blur)=\"onInputBlur($event)\"\n                   (change)=\"$event.stopPropagation()\"\n                   [attr.aria-activedescendant]=\"isOpen ? itemsList?.markedItem?.htmlId : null\"\n                   aria-autocomplete=\"list\"\n                   [attr.aria-controls]=\"isOpen ? dropdownId : null\">\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"loading\">\n        <ng-template #defaultLoadingSpinnerTemplate>\n            <div class=\"ng-spinner-loader\"></div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingSpinnerTemplate || defaultLoadingSpinnerTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <span *ngIf=\"showClear()\" class=\"ng-clear-wrapper\" title=\"{{clearAllText}}\">\n        <span class=\"ng-clear\" aria-hidden=\"true\">\u00D7</span>\n    </span>\n\n    <span class=\"ng-arrow-wrapper\">\n        <span class=\"ng-arrow\"></span>\n    </span>\n</div>\n\n<ng-dropdown-panel *ngIf=\"isOpen\"\n                   class=\"ng-dropdown-panel\"\n                   [virtualScroll]=\"virtualScroll\"\n                   [bufferAmount]=\"bufferAmount\"\n                   [appendTo]=\"appendTo\"\n                   [position]=\"dropdownPosition\"\n                   [headerTemplate]=\"headerTemplate\"\n                   [footerTemplate]=\"footerTemplate\"\n                   [filterValue]=\"searchTerm\"\n                   [items]=\"itemsList.filteredItems\"\n                   [markedItem]=\"itemsList.markedItem\"\n                   (update)=\"viewPortItems = $event\"\n                   (scroll)=\"scroll.emit($event)\"\n                   (scrollToEnd)=\"scrollToEnd.emit($event)\"\n                   (outsideClick)=\"close()\"\n                   [class.ng-select-multiple]=\"multiple\"\n                   [ngClass]=\"appendTo ? classes : null\"\n                   [id]=\"dropdownId\"\n                   role=\"listbox\"\n                   aria-label=\"Options list\">\n\n    <ng-container>\n        <div class=\"ng-option\" [attr.role]=\"item.children ? 'group' : 'option'\" (click)=\"toggleItem(item)\" (mouseover)=\"onItemHover(item)\"\n                *ngFor=\"let item of viewPortItems; trackBy: trackByOption\"\n                [class.ng-option-disabled]=\"item.disabled\"\n                [class.ng-option-selected]=\"item.selected\"\n                [class.ng-optgroup]=\"item.children\"\n                [class.ng-option]=\"!item.children\"\n                [class.ng-option-child]=\"!!item.parent\"\n                [class.ng-option-marked]=\"item === itemsList.markedItem\"\n                [attr.aria-selected]=\"item.selected\"\n                [attr.id]=\"item?.htmlId\">\n\n            <ng-template #defaultOptionTemplate>\n                <span class=\"ng-option-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"item.children ? (optgroupTemplate || defaultOptionTemplate) : (optionTemplate || defaultOptionTemplate)\"\n                [ngTemplateOutletContext]=\"{ item: item.value, item$:item, index: item.index, searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n\n        <div class=\"ng-option\" [class.ng-option-marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag\">\n            <ng-template #defaultTagTemplate>\n                <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{searchTerm}}\"</span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"tagTemplate || defaultTagTemplate\"\n                [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"showNoItemsFound()\">\n        <ng-template #defaultNotFoundTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{notFoundText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"notFoundTemplate || defaultNotFoundTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"showTypeToSearch()\">\n        <ng-template #defaultTypeToSearchTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"typeToSearchTemplate || defaultTypeToSearchTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"loading && itemsList.filteredItems.length === 0\">\n        <ng-template #defaultLoadingTextTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingTextTemplate || defaultLoadingTextTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n</ng-dropdown-panel>\n",
                 providers: [{
                         provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => NgSelectComponent)),
+                        useExisting: forwardRef(() => NgSelectComponent),
                         multi: true
                     }, NgDropdownPanelService],
                 encapsulation: ViewEncapsulation.None,
@@ -4056,9 +2641,8 @@ NgSelectComponent.decorators = [
                     '[class.ng-select-single]': '!multiple',
                 },
                 styles: [".ng-select{display:block;position:relative}.ng-select,.ng-select div,.ng-select input,.ng-select span{box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;user-select:none}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{background:none transparent;border:0;box-shadow:none;box-sizing:content-box;cursor:default;outline:none;padding:0;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;padding:0;user-select:none;width:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;position:absolute;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;user-select:none;width:17px}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{-webkit-animation:load8 .8s linear infinite;animation:load8 .8s linear infinite;border:2px solid rgba(66,66,66,.2);border-left-color:#424242;border-radius:50%;font-size:10px;height:17px;margin-right:5px;position:relative;text-indent:-9999em;transform:translateZ(0);width:17px}.ng-select .ng-spinner-loader:after{border-radius:50%;height:17px;width:17px}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ng-select .ng-arrow-wrapper{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;text-align:center;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{display:inline-block;height:0;pointer-events:none;position:relative;width:0}.ng-dropdown-panel{-webkit-overflow-scrolling:touch;box-sizing:border-box;opacity:0;position:absolute;width:100%;z-index:1050}.ng-dropdown-panel .ng-dropdown-panel-items{box-sizing:border-box;display:block;height:auto;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:\"\\200b\"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{-webkit-overflow-scrolling:touch;display:block;overflow:hidden;overflow-y:auto;position:relative}.ng-dropdown-panel .scrollable-content{height:100%;left:0;position:absolute;top:0;width:100%}.ng-dropdown-panel .total-padding{opacity:0;width:1px}"]
-            }] }
+            },] }
 ];
-/** @nocollapse */
 NgSelectComponent.ctorParameters = () => [
     { type: String, decorators: [{ type: Attribute, args: ['class',] }] },
     { type: undefined, decorators: [{ type: Attribute, args: ['autofocus',] }] },
@@ -4135,317 +2719,24 @@ NgSelectComponent.propDecorators = {
     loadingTextTemplate: [{ type: ContentChild, args: [NgLoadingTextTemplateDirective, { read: TemplateRef },] }],
     tagTemplate: [{ type: ContentChild, args: [NgTagTemplateDirective, { read: TemplateRef },] }],
     loadingSpinnerTemplate: [{ type: ContentChild, args: [NgLoadingSpinnerTemplateDirective, { read: TemplateRef },] }],
-    dropdownPanel: [{ type: ViewChild, args: [forwardRef((/**
-                 * @return {?}
-                 */
-                () => NgDropdownPanelComponent)),] }],
+    dropdownPanel: [{ type: ViewChild, args: [forwardRef(() => NgDropdownPanelComponent),] }],
     searchInput: [{ type: ViewChild, args: ['searchInput', { static: true },] }],
     ngOptions: [{ type: ContentChildren, args: [NgOptionComponent, { descendants: true },] }],
     disabled: [{ type: HostBinding, args: ['class.ng-select-disabled',] }],
     filtered: [{ type: HostBinding, args: ['class.ng-select-filtered',] }],
     handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
 };
-if (false) {
-    /** @type {?} */
-    NgSelectComponent.prototype.bindLabel;
-    /** @type {?} */
-    NgSelectComponent.prototype.bindValue;
-    /** @type {?} */
-    NgSelectComponent.prototype.markFirst;
-    /** @type {?} */
-    NgSelectComponent.prototype.placeholder;
-    /** @type {?} */
-    NgSelectComponent.prototype.notFoundText;
-    /** @type {?} */
-    NgSelectComponent.prototype.typeToSearchText;
-    /** @type {?} */
-    NgSelectComponent.prototype.addTagText;
-    /** @type {?} */
-    NgSelectComponent.prototype.loadingText;
-    /** @type {?} */
-    NgSelectComponent.prototype.clearAllText;
-    /** @type {?} */
-    NgSelectComponent.prototype.appearance;
-    /** @type {?} */
-    NgSelectComponent.prototype.dropdownPosition;
-    /** @type {?} */
-    NgSelectComponent.prototype.appendTo;
-    /** @type {?} */
-    NgSelectComponent.prototype.loading;
-    /** @type {?} */
-    NgSelectComponent.prototype.closeOnSelect;
-    /** @type {?} */
-    NgSelectComponent.prototype.hideSelected;
-    /** @type {?} */
-    NgSelectComponent.prototype.selectOnTab;
-    /** @type {?} */
-    NgSelectComponent.prototype.openOnEnter;
-    /** @type {?} */
-    NgSelectComponent.prototype.maxSelectedItems;
-    /** @type {?} */
-    NgSelectComponent.prototype.groupBy;
-    /** @type {?} */
-    NgSelectComponent.prototype.groupValue;
-    /** @type {?} */
-    NgSelectComponent.prototype.bufferAmount;
-    /** @type {?} */
-    NgSelectComponent.prototype.virtualScroll;
-    /** @type {?} */
-    NgSelectComponent.prototype.selectableGroup;
-    /** @type {?} */
-    NgSelectComponent.prototype.selectableGroupAsModel;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchFn;
-    /** @type {?} */
-    NgSelectComponent.prototype.trackByFn;
-    /** @type {?} */
-    NgSelectComponent.prototype.clearOnBackspace;
-    /** @type {?} */
-    NgSelectComponent.prototype.labelForId;
-    /** @type {?} */
-    NgSelectComponent.prototype.inputAttrs;
-    /** @type {?} */
-    NgSelectComponent.prototype.tabIndex;
-    /** @type {?} */
-    NgSelectComponent.prototype.readonly;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchWhileComposing;
-    /** @type {?} */
-    NgSelectComponent.prototype.minTermLength;
-    /** @type {?} */
-    NgSelectComponent.prototype.editableSearchTerm;
-    /** @type {?} */
-    NgSelectComponent.prototype.keyDownFn;
-    /** @type {?} */
-    NgSelectComponent.prototype.typeahead;
-    /** @type {?} */
-    NgSelectComponent.prototype.multiple;
-    /** @type {?} */
-    NgSelectComponent.prototype.addTag;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchable;
-    /** @type {?} */
-    NgSelectComponent.prototype.clearable;
-    /** @type {?} */
-    NgSelectComponent.prototype.isOpen;
-    /** @type {?} */
-    NgSelectComponent.prototype.blurEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.focusEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.changeEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.openEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.closeEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.clearEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.addEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.removeEvent;
-    /** @type {?} */
-    NgSelectComponent.prototype.scroll;
-    /** @type {?} */
-    NgSelectComponent.prototype.scrollToEnd;
-    /** @type {?} */
-    NgSelectComponent.prototype.optionTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.optgroupTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.labelTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.multiLabelTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.headerTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.footerTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.notFoundTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.typeToSearchTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.loadingTextTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.tagTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.loadingSpinnerTemplate;
-    /** @type {?} */
-    NgSelectComponent.prototype.dropdownPanel;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchInput;
-    /** @type {?} */
-    NgSelectComponent.prototype.ngOptions;
-    /** @type {?} */
-    NgSelectComponent.prototype.itemsList;
-    /** @type {?} */
-    NgSelectComponent.prototype.viewPortItems;
-    /** @type {?} */
-    NgSelectComponent.prototype.searchTerm;
-    /** @type {?} */
-    NgSelectComponent.prototype.dropdownId;
-    /** @type {?} */
-    NgSelectComponent.prototype.element;
-    /** @type {?} */
-    NgSelectComponent.prototype.focused;
-    /** @type {?} */
-    NgSelectComponent.prototype.escapeHTML;
-    /** @type {?} */
-    NgSelectComponent.prototype.useDefaultClass;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._items;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._itemsAreUsed;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._defaultLabel;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._primitive;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._manualOpen;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._disabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._pressedKeys;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._compareWith;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._clearSearchOnAdd;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._isComposing;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._destroy$;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._keyPress$;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._onChange;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._onTouched;
-    /** @type {?} */
-    NgSelectComponent.prototype.clearItem;
-    /** @type {?} */
-    NgSelectComponent.prototype.trackByOption;
-    /** @type {?} */
-    NgSelectComponent.prototype.classes;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype.autoFocus;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._cd;
-    /**
-     * @type {?}
-     * @private
-     */
-    NgSelectComponent.prototype._console;
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/selection-model.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @return {?}
- */
 function DefaultSelectionModelFactory() {
     return new DefaultSelectionModel();
 }
-/**
- * @record
- */
-function SelectionModel() { }
-if (false) {
-    /** @type {?} */
-    SelectionModel.prototype.value;
-    /**
-     * @param {?} item
-     * @param {?} multiple
-     * @param {?} selectableGroupAsModel
-     * @return {?}
-     */
-    SelectionModel.prototype.select = function (item, multiple, selectableGroupAsModel) { };
-    /**
-     * @param {?} item
-     * @param {?} multiple
-     * @return {?}
-     */
-    SelectionModel.prototype.unselect = function (item, multiple) { };
-    /**
-     * @param {?} keepDisabled
-     * @return {?}
-     */
-    SelectionModel.prototype.clear = function (keepDisabled) { };
-}
 class DefaultSelectionModel {
     constructor() {
         this._selected = [];
     }
-    /**
-     * @return {?}
-     */
     get value() {
         return this._selected;
     }
-    /**
-     * @param {?} item
-     * @param {?} multiple
-     * @param {?} groupAsModel
-     * @return {?}
-     */
     select(item, multiple, groupAsModel) {
         item.selected = true;
         if (!item.children || (!multiple && groupAsModel)) {
@@ -4453,59 +2744,31 @@ class DefaultSelectionModel {
         }
         if (multiple) {
             if (item.parent) {
-                /** @type {?} */
                 const childrenCount = item.parent.children.length;
-                /** @type {?} */
-                const selectedCount = item.parent.children.filter((/**
-                 * @param {?} x
-                 * @return {?}
-                 */
-                x => x.selected)).length;
+                const selectedCount = item.parent.children.filter(x => x.selected).length;
                 item.parent.selected = childrenCount === selectedCount;
             }
             else if (item.children) {
                 this._setChildrenSelectedState(item.children, true);
                 this._removeChildren(item);
                 if (groupAsModel && this._activeChildren(item)) {
-                    this._selected = [...this._selected.filter((/**
-                         * @param {?} x
-                         * @return {?}
-                         */
-                        x => x.parent !== item)), item];
+                    this._selected = [...this._selected.filter(x => x.parent !== item), item];
                 }
                 else {
-                    this._selected = [...this._selected, ...item.children.filter((/**
-                         * @param {?} x
-                         * @return {?}
-                         */
-                        x => !x.disabled))];
+                    this._selected = [...this._selected, ...item.children.filter(x => !x.disabled)];
                 }
             }
         }
     }
-    /**
-     * @param {?} item
-     * @param {?} multiple
-     * @return {?}
-     */
     unselect(item, multiple) {
-        this._selected = this._selected.filter((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x !== item));
+        this._selected = this._selected.filter(x => x !== item);
         item.selected = false;
         if (multiple) {
             if (item.parent && item.parent.selected) {
-                /** @type {?} */
                 const children = item.parent.children;
                 this._removeParent(item.parent);
                 this._removeChildren(item.parent);
-                this._selected.push(...children.filter((/**
-                 * @param {?} x
-                 * @return {?}
-                 */
-                x => x !== item && !x.disabled)));
+                this._selected.push(...children.filter(x => x !== item && !x.disabled));
                 item.parent.selected = false;
             }
             else if (item.children) {
@@ -4514,23 +2777,9 @@ class DefaultSelectionModel {
             }
         }
     }
-    /**
-     * @param {?} keepDisabled
-     * @return {?}
-     */
     clear(keepDisabled) {
-        this._selected = keepDisabled ? this._selected.filter((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x.disabled)) : [];
-    }
-    /**
-     * @private
-     * @param {?} children
-     * @param {?} selected
-     * @return {?}
-     */
+        this._selected = keepDisabled ? this._selected.filter(x => x.disabled) : [];
+    }
     _setChildrenSelectedState(children, selected) {
         for (const child of children) {
             if (child.disabled) {
@@ -4540,63 +2789,20 @@ class DefaultSelectionModel {
         }
         ;
     }
-    /**
-     * @private
-     * @param {?} parent
-     * @return {?}
-     */
     _removeChildren(parent) {
         this._selected = [
-            ...this._selected.filter((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.parent !== parent)),
-            ...parent.children.filter((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.parent === parent && x.disabled && x.selected))
+            ...this._selected.filter(x => x.parent !== parent),
+            ...parent.children.filter(x => x.parent === parent && x.disabled && x.selected)
         ];
     }
-    /**
-     * @private
-     * @param {?} parent
-     * @return {?}
-     */
     _removeParent(parent) {
-        this._selected = this._selected.filter((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => x !== parent));
-    }
-    /**
-     * @private
-     * @param {?} item
-     * @return {?}
-     */
+        this._selected = this._selected.filter(x => x !== parent);
+    }
     _activeChildren(item) {
-        return item.children.every((/**
-         * @param {?} x
-         * @return {?}
-         */
-        x => !x.disabled || x.selected));
+        return item.children.every(x => !x.disabled || x.selected);
     }
 }
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    DefaultSelectionModel.prototype._selected;
-}
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/ng-select.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 const ɵ0 = DefaultSelectionModelFactory;
 class NgSelectModule {
 }
@@ -4643,16 +2849,12 @@ NgSelectModule.decorators = [
             },] }
 ];
 
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+/*
+ * Public API Surface of ng-select
  */
 
 /**
- * @fileoverview added by tsickle
- * Generated from: ng-select-ng-select.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * Generated bundle index. Do not edit.
  */
 
 export { NgSelectComponent, NgSelectConfig, NgSelectModule, SELECTION_MODEL_FACTORY, DefaultSelectionModelFactory as ɵb, DefaultSelectionModel as ɵc, NgDropdownPanelService as ɵd, NgItemLabelDirective as ɵe, NgOptionTemplateDirective as ɵf, NgOptgroupTemplateDirective as ɵg, NgLabelTemplateDirective as ɵh, NgMultiLabelTemplateDirective as ɵi, NgHeaderTemplateDirective as ɵj, NgFooterTemplateDirective as ɵk, NgNotFoundTemplateDirective as ɵl, NgTypeToSearchTemplateDirective as ɵm, NgLoadingTextTemplateDirective as ɵn, NgTagTemplateDirective as ɵo, NgLoadingSpinnerTemplateDirective as ɵp, NgDropdownPanelComponent as ɵq, NgOptionComponent as ɵr, ConsoleService as ɵs };