@ng-select/ng-select 5.0.14 → 6.1.0

package/bundles/ng-select-ng-select.umd.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs/operators'), require('rxjs'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@ng-select/ng-select', ['exports', '@angular/core', '@angular/forms', 'rxjs/operators', 'rxjs', '@angular/common'], factory) :
-    (global = global || self, factory((global['ng-select'] = global['ng-select'] || {}, global['ng-select']['ng-select'] = {}), global.ng.core, global.ng.forms, global.rxjs.operators, global.rxjs, global.ng.common));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-select'] = global['ng-select'] || {}, global['ng-select']['ng-select'] = {}), global.ng.core, global.ng.forms, global.rxjs.operators, global.rxjs, global.ng.common));
 }(this, (function (exports, i0, forms, operators, rxjs, common) { 'use strict';
 
     /*! *****************************************************************************
@@ -28,6 +28,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -213,11 +215,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -226,7 +230,11 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from) {
+        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+            to[j] = from[i];
+        return to;
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -305,16 +313,8 @@
         return value;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/value-utils.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @type {?} */
     var unescapedHTMLExp = /[&<>"']/g;
-    /** @type {?} */
     var hasUnescapedHTMLExp = RegExp(unescapedHTMLExp.source);
-    /** @type {?} */
     var htmlEscapes = {
         '&': '&amp;',
         '<': '&lt;',
@@ -322,67 +322,29 @@
         '"': '&quot;',
         '\'': '&#39;'
     };
-    /**
-     * @param {?} string
-     * @return {?}
-     */
     function escapeHTML(string) {
         return (string && hasUnescapedHTMLExp.test(string)) ?
-            string.replace(unescapedHTMLExp, ( /**
-             * @param {?} chr
-             * @return {?}
-             */function (/**
-             * @param {?} chr
-             * @return {?}
-             */ chr) { return htmlEscapes[chr]; })) :
+            string.replace(unescapedHTMLExp, function (chr) { return 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
-     */
     var NgItemLabelDirective = /** @class */ (function () {
-        /**
-         * @param {?} element
-         */
         function NgItemLabelDirective(element) {
             this.element = element;
             this.escape = true;
         }
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
         NgItemLabelDirective.prototype.ngOnChanges = function (changes) {
             this.element.nativeElement.innerHTML = this.escape ?
                 escapeHTML(this.ngItemLabel) :
@@ -393,7 +355,6 @@
     NgItemLabelDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ngItemLabel]' },] }
     ];
-    /** @nocollapse */
     NgItemLabelDirective.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
@@ -401,21 +362,7 @@
         ngItemLabel: [{ type: i0.Input }],
         escape: [{ type: i0.Input }]
     };
-    if (false) {
-        /** @type {?} */
-        NgItemLabelDirective.prototype.ngItemLabel;
-        /** @type {?} */
-        NgItemLabelDirective.prototype.escape;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgItemLabelDirective.prototype.element;
-    }
     var NgOptionTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgOptionTemplateDirective(template) {
             this.template = template;
         }
@@ -424,18 +371,10 @@
     NgOptionTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-option-tmp]' },] }
     ];
-    /** @nocollapse */
     NgOptionTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgOptionTemplateDirective.prototype.template;
-    }
     var NgOptgroupTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgOptgroupTemplateDirective(template) {
             this.template = template;
         }
@@ -444,18 +383,10 @@
     NgOptgroupTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-optgroup-tmp]' },] }
     ];
-    /** @nocollapse */
     NgOptgroupTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgOptgroupTemplateDirective.prototype.template;
-    }
     var NgLabelTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgLabelTemplateDirective(template) {
             this.template = template;
         }
@@ -464,18 +395,10 @@
     NgLabelTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-label-tmp]' },] }
     ];
-    /** @nocollapse */
     NgLabelTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgLabelTemplateDirective.prototype.template;
-    }
     var NgMultiLabelTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgMultiLabelTemplateDirective(template) {
             this.template = template;
         }
@@ -484,18 +407,10 @@
     NgMultiLabelTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-multi-label-tmp]' },] }
     ];
-    /** @nocollapse */
     NgMultiLabelTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgMultiLabelTemplateDirective.prototype.template;
-    }
     var NgHeaderTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgHeaderTemplateDirective(template) {
             this.template = template;
         }
@@ -504,18 +419,10 @@
     NgHeaderTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-header-tmp]' },] }
     ];
-    /** @nocollapse */
     NgHeaderTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgHeaderTemplateDirective.prototype.template;
-    }
     var NgFooterTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgFooterTemplateDirective(template) {
             this.template = template;
         }
@@ -524,18 +431,10 @@
     NgFooterTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-footer-tmp]' },] }
     ];
-    /** @nocollapse */
     NgFooterTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgFooterTemplateDirective.prototype.template;
-    }
     var NgNotFoundTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgNotFoundTemplateDirective(template) {
             this.template = template;
         }
@@ -544,18 +443,10 @@
     NgNotFoundTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-notfound-tmp]' },] }
     ];
-    /** @nocollapse */
     NgNotFoundTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgNotFoundTemplateDirective.prototype.template;
-    }
     var NgTypeToSearchTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgTypeToSearchTemplateDirective(template) {
             this.template = template;
         }
@@ -564,18 +455,10 @@
     NgTypeToSearchTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-typetosearch-tmp]' },] }
     ];
-    /** @nocollapse */
     NgTypeToSearchTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgTypeToSearchTemplateDirective.prototype.template;
-    }
     var NgLoadingTextTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgLoadingTextTemplateDirective(template) {
             this.template = template;
         }
@@ -584,18 +467,10 @@
     NgLoadingTextTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-loadingtext-tmp]' },] }
     ];
-    /** @nocollapse */
     NgLoadingTextTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgLoadingTextTemplateDirective.prototype.template;
-    }
     var NgTagTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgTagTemplateDirective(template) {
             this.template = template;
         }
@@ -604,18 +479,10 @@
     NgTagTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-tag-tmp]' },] }
     ];
-    /** @nocollapse */
     NgTagTemplateDirective.ctorParameters = function () { return [
         { type: i0.TemplateRef }
     ]; };
-    if (false) {
-        /** @type {?} */
-        NgTagTemplateDirective.prototype.template;
-    }
     var NgLoadingSpinnerTemplateDirective = /** @class */ (function () {
-        /**
-         * @param {?} template
-         */
         function NgLoadingSpinnerTemplateDirective(template) {
             this.template = template;
         }
@@ -624,64 +491,32 @@
     NgLoadingSpinnerTemplateDirective.decorators = [
         { type: i0.Directive, args: [{ selector: '[ng-loadingspinner-tmp]' },] }
     ];
-    /** @nocollapse */
     NgLoadingSpinnerTemplateDirective.ctorParameters = function () { return [
         { type: i0.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
-     */
     var ConsoleService = /** @class */ (function () {
         function ConsoleService() {
         }
-        /**
-         * @param {?} message
-         * @return {?}
-         */
         ConsoleService.prototype.warn = function (message) {
             console.warn(message);
         };
         return ConsoleService;
     }());
+    ConsoleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConsoleService_Factory() { return new ConsoleService(); }, token: ConsoleService, providedIn: "root" });
     ConsoleService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */ ConsoleService.ɵprov = i0.ɵɵ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 {?} */
             var 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 {?} */
     var diacritics = {
         '\u24B6': 'A',
         '\uFF21': 'A',
@@ -1523,26 +1358,14 @@
         '\u03C9': '\u03C9',
         '\u03C2': '\u03C3'
     };
-    /**
-     * @param {?} text
-     * @return {?}
-     */
     function stripSpecialChars(text) {
-        /** @type {?} */
-        var match = ( /**
-         * @param {?} a
-         * @return {?}
-         */function (a) {
+        var match = function (a) {
             return diacritics[a] || a;
-        });
+        };
         return text.replace(/[^\u0000-\u007E]/g, match);
     }
 
     var ItemsList = /** @class */ (function () {
-        /**
-         * @param {?} _ngSelect
-         * @param {?} _selectionModel
-         */
         function ItemsList(_ngSelect, _selectionModel) {
             this._ngSelect = _ngSelect;
             this._selectionModel = _selectionModel;
@@ -1551,9 +1374,6 @@
             this._markedIndex = -1;
         }
         Object.defineProperty(ItemsList.prototype, "items", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._items;
             },
@@ -1561,9 +1381,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "filteredItems", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._filteredItems;
             },
@@ -1571,9 +1388,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "markedIndex", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._markedIndex;
             },
@@ -1581,9 +1395,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "selectedItems", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._selectionModel.value;
             },
@@ -1591,9 +1402,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "markedItem", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._filteredItems[this._markedIndex];
             },
@@ -1601,9 +1409,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "noItemsToSelect", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._ngSelect.hideSelected && this._items.length === this.selectedItems.length;
             },
@@ -1611,9 +1416,6 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "maxItemsSelected", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._ngSelect.multiple && this._ngSelect.maxSelectedItems <= this.selectedItems.length;
             },
@@ -1621,14 +1423,9 @@
             configurable: true
         });
         Object.defineProperty(ItemsList.prototype, "lastSelectedItem", {
-            /**
-             * @return {?}
-             */
             get: function () {
-                /** @type {?} */
                 var i = this.selectedItems.length - 1;
                 for (; i >= 0; i--) {
-                    /** @type {?} */
                     var item = this.selectedItems[i];
                     if (!item.disabled) {
                         return item;
@@ -1639,17 +1436,9 @@
             enumerable: false,
             configurable: true
         });
-        /**
-         * @param {?} items
-         * @return {?}
-         */
         ItemsList.prototype.setItems = function (items) {
             var _this = this;
-            this._items = items.map(( /**
-             * @param {?} item
-             * @param {?} index
-             * @return {?}
-             */function (item, index) { return _this.mapItem(item, index); }));
+            this._items = items.map(function (item, index) { return _this.mapItem(item, index); });
             if (this._ngSelect.groupBy) {
                 this._groups = this._groupBy(this._items, this._ngSelect.groupBy);
                 this._items = this._flatten(this._groups);
@@ -1660,15 +1449,10 @@
             }
             this._filteredItems = __spread(this._items);
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype.select = function (item) {
             if (item.selected || this.maxItemsSelected) {
                 return;
             }
-            /** @type {?} */
             var multiple = this._ngSelect.multiple;
             if (!multiple) {
                 this.clearSelected();
@@ -1678,10 +1462,6 @@
                 this._hideSelected(item);
             }
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype.unselect = function (item) {
             if (!item.selected) {
                 return;
@@ -1691,104 +1471,45 @@
                 this._showSelected(item);
             }
         };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
         ItemsList.prototype.findItem = function (value) {
             var _this = this;
-            /** @type {?} */
             var findBy;
             if (this._ngSelect.compareWith) {
-                findBy = ( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return _this._ngSelect.compareWith(item.value, value); });
+                findBy = function (item) { return _this._ngSelect.compareWith(item.value, value); };
             }
             else if (this._ngSelect.bindValue) {
-                findBy = ( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return !item.children && _this.resolveNested(item.value, _this._ngSelect.bindValue) === value; });
+                findBy = function (item) { return !item.children && _this.resolveNested(item.value, _this._ngSelect.bindValue) === value; };
             }
             else {
-                findBy = ( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return item.value === value ||
-                    !item.children && item.label && item.label === _this.resolveNested(value, _this._ngSelect.bindLabel); });
-            }
-            return this._items.find(( /**
-             * @param {?} item
-             * @return {?}
-             */function (/**
-             * @param {?} item
-             * @return {?}
-             */ item) { return findBy(item); }));
+                findBy = function (item) { return item.value === value ||
+                    !item.children && item.label && item.label === _this.resolveNested(value, _this._ngSelect.bindLabel); };
+            }
+            return this._items.find(function (item) { return findBy(item); });
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype.addItem = function (item) {
-            /** @type {?} */
             var option = this.mapItem(item, this._items.length);
             this._items.push(option);
             this._filteredItems.push(option);
             return option;
         };
-        /**
-         * @param {?=} keepDisabled
-         * @return {?}
-         */
         ItemsList.prototype.clearSelected = function (keepDisabled) {
             if (keepDisabled === void 0) { keepDisabled = false; }
             this._selectionModel.clear(keepDisabled);
-            this._items.forEach(( /**
-             * @param {?} item
-             * @return {?}
-             */function (/**
-             * @param {?} item
-             * @return {?}
-             */ item) {
+            this._items.forEach(function (item) {
                 item.selected = keepDisabled && item.selected && item.disabled;
                 item.marked = false;
-            }));
+            });
             if (this._ngSelect.hideSelected) {
                 this.resetFilteredItems();
             }
         };
-        /**
-         * @param {?} term
-         * @return {?}
-         */
         ItemsList.prototype.findByLabel = function (term) {
             term = stripSpecialChars(term).toLocaleLowerCase();
-            return this.filteredItems.find(( /**
-             * @param {?} item
-             * @return {?}
-             */function (/**
-             * @param {?} item
-             * @return {?}
-             */ item) {
-                /** @type {?} */
+            return this.filteredItems.find(function (item) {
                 var label = stripSpecialChars(item.label).toLocaleLowerCase();
                 return label.substr(0, term.length) === term;
-            }));
+            });
         };
-        /**
-         * @param {?} term
-         * @return {?}
-         */
         ItemsList.prototype.filter = function (term) {
             var e_1, _a;
             if (!term) {
@@ -1797,13 +1518,10 @@
             }
             this._filteredItems = [];
             term = this._ngSelect.searchFn ? term : stripSpecialChars(term).toLocaleLowerCase();
-            /** @type {?} */
             var match = this._ngSelect.searchFn || this._defaultSearchFn;
-            /** @type {?} */
             var hideSelected = this._ngSelect.hideSelected;
             var _loop_1 = function (key) {
                 var e_2, _a, _b;
-                /** @type {?} */
                 var matchedItems = [];
                 try {
                     for (var _c = (e_2 = void 0, __values(this_1._groups.get(key))), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -1811,7 +1529,6 @@
                         if (hideSelected && (item.parent && item.parent.selected || item.selected)) {
                             continue;
                         }
-                        /** @type {?} */
                         var searchItem = this_1._ngSelect.searchFn ? item.value : item;
                         if (match(term, searchItem)) {
                             matchedItems.push(item);
@@ -1828,14 +1545,7 @@
                 if (matchedItems.length > 0) {
                     var _e = __read(matchedItems.slice(-1), 1), last_1 = _e[0];
                     if (last_1.parent) {
-                        /** @type {?} */
-                        var head = this_1._items.find(( /**
-                         * @param {?} x
-                         * @return {?}
-                         */function (/**
-                         * @param {?} x
-                         * @return {?}
-                         */ x) { return x === last_1.parent; }));
+                        var head = this_1._items.find(function (x) { return x === last_1.parent; });
                         this_1._filteredItems.push(head);
                     }
                     (_b = this_1._filteredItems).push.apply(_b, __spread(matchedItems));
@@ -1856,79 +1566,41 @@
                 finally { if (e_1) throw e_1.error; }
             }
         };
-        /**
-         * @return {?}
-         */
         ItemsList.prototype.resetFilteredItems = function () {
             if (this._filteredItems.length === this._items.length) {
                 return;
             }
             if (this._ngSelect.hideSelected && this.selectedItems.length > 0) {
-                this._filteredItems = this._items.filter(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return !x.selected; }));
+                this._filteredItems = this._items.filter(function (x) { return !x.selected; });
             }
             else {
                 this._filteredItems = this._items;
             }
         };
-        /**
-         * @return {?}
-         */
         ItemsList.prototype.unmarkItem = function () {
             this._markedIndex = -1;
         };
-        /**
-         * @return {?}
-         */
         ItemsList.prototype.markNextItem = function () {
             this._stepToItem(+1);
         };
-        /**
-         * @return {?}
-         */
         ItemsList.prototype.markPreviousItem = function () {
             this._stepToItem(-1);
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype.markItem = function (item) {
             this._markedIndex = this._filteredItems.indexOf(item);
         };
-        /**
-         * @param {?=} markDefault
-         * @return {?}
-         */
         ItemsList.prototype.markSelectedOrDefault = function (markDefault) {
             if (this._filteredItems.length === 0) {
                 return;
             }
-            /** @type {?} */
             var lastMarkedIndex = this._getLastMarkedIndex();
             if (lastMarkedIndex > -1) {
                 this._markedIndex = lastMarkedIndex;
             }
             else {
-                this._markedIndex = markDefault ? this.filteredItems.findIndex(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return !x.disabled; })) : -1;
+                this._markedIndex = markDefault ? this.filteredItems.findIndex(function (x) { return !x.disabled; }) : -1;
             }
         };
-        /**
-         * @param {?} option
-         * @param {?} key
-         * @return {?}
-         */
         ItemsList.prototype.resolveNested = function (option, key) {
             if (!isObject(option)) {
                 return option;
@@ -1937,9 +1609,7 @@
                 return option[key];
             }
             else {
-                /** @type {?} */
                 var keys = key.split('.');
-                /** @type {?} */
                 var value = option;
                 for (var i = 0, len = keys.length; i < len; ++i) {
                     if (value == null) {
@@ -1950,15 +1620,8 @@
                 return value;
             }
         };
-        /**
-         * @param {?} item
-         * @param {?} index
-         * @return {?}
-         */
         ItemsList.prototype.mapItem = function (item, index) {
-            /** @type {?} */
             var label = isDefined(item.$ngOptionLabel) ? item.$ngOptionLabel : this.resolveNested(item, this._ngSelect.bindLabel);
-            /** @type {?} */
             var value = isDefined(item.$ngOptionValue) ? item.$ngOptionValue : item;
             return {
                 index: index,
@@ -1968,20 +1631,14 @@
                 htmlId: this._ngSelect.dropdownId + "-" + index,
             };
         };
-        /**
-         * @return {?}
-         */
         ItemsList.prototype.mapSelectedItems = function () {
             var e_3, _a;
             var _this = this;
-            /** @type {?} */
             var multiple = this._ngSelect.multiple;
             try {
                 for (var _b = __values(this.selectedItems), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var selected = _c.value;
-                    /** @type {?} */
                     var value = this._ngSelect.bindValue ? this.resolveNested(selected.value, this._ngSelect.bindValue) : selected.value;
-                    /** @type {?} */
                     var item = isDefined(value) ? this.findItem(value) : null;
                     this._selectionModel.unselect(selected, multiple);
                     this._selectionModel.select(item || selected, multiple, this._ngSelect.selectableGroupAsModel);
@@ -1995,34 +1652,15 @@
                 finally { if (e_3) throw e_3.error; }
             }
             if (this._ngSelect.hideSelected) {
-                this._filteredItems = this.filteredItems.filter(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return _this.selectedItems.indexOf(x) === -1; }));
+                this._filteredItems = this.filteredItems.filter(function (x) { return _this.selectedItems.indexOf(x) === -1; });
             }
         };
-        /**
-         * @private
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype._showSelected = function (item) {
             var e_4, _a;
             this._filteredItems.push(item);
             if (item.parent) {
-                /** @type {?} */
                 var parent_1 = item.parent;
-                /** @type {?} */
-                var parentExists = this._filteredItems.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x === parent_1; }));
+                var parentExists = this._filteredItems.find(function (x) { return x === parent_1; });
                 if (!parentExists) {
                     this._filteredItems.push(parent_1);
                 }
@@ -2043,89 +1681,32 @@
                     finally { if (e_4) throw e_4.error; }
                 }
             }
-            this._filteredItems = __spread(this._filteredItems.sort(( /**
-                 * @param {?} a
-                 * @param {?} b
-                 * @return {?}
-                 */function (a, b) { return (a.index - b.index); })));
+            this._filteredItems = __spread(this._filteredItems.sort(function (a, b) { return (a.index - b.index); }));
         };
-        /**
-         * @private
-         * @param {?} item
-         * @return {?}
-         */
         ItemsList.prototype._hideSelected = function (item) {
-            this._filteredItems = this._filteredItems.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x !== item; }));
+            this._filteredItems = this._filteredItems.filter(function (x) { return x !== item; });
             if (item.parent) {
-                /** @type {?} */
                 var children = item.parent.children;
-                if (children.every(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x.selected; }))) {
-                    this._filteredItems = this._filteredItems.filter(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return x !== item.parent; }));
+                if (children.every(function (x) { return x.selected; })) {
+                    this._filteredItems = this._filteredItems.filter(function (x) { return x !== item.parent; });
                 }
             }
             else if (item.children) {
-                this._filteredItems = this.filteredItems.filter(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x.parent !== item; }));
+                this._filteredItems = this.filteredItems.filter(function (x) { return x.parent !== item; });
             }
         };
-        /**
-         * @private
-         * @param {?} search
-         * @param {?} opt
-         * @return {?}
-         */
         ItemsList.prototype._defaultSearchFn = function (search, opt) {
-            /** @type {?} */
             var label = stripSpecialChars(opt.label).toLocaleLowerCase();
             return label.indexOf(search) > -1;
         };
-        /**
-         * @private
-         * @param {?} steps
-         * @return {?}
-         */
         ItemsList.prototype._getNextItemIndex = function (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 {?}
-         */
         ItemsList.prototype._stepToItem = function (steps) {
-            if (this._filteredItems.length === 0 || this._filteredItems.every(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x.disabled; }))) {
+            if (this._filteredItems.length === 0 || this._filteredItems.every(function (x) { return x.disabled; })) {
                 return;
             }
             this._markedIndex = this._getNextItemIndex(steps);
@@ -2133,10 +1714,6 @@
                 this._stepToItem(steps);
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         ItemsList.prototype._getLastMarkedIndex = function () {
             if (this._ngSelect.hideSelected) {
                 return -1;
@@ -2144,38 +1721,25 @@
             if (this._markedIndex > -1 && this.markedItem === undefined) {
                 return -1;
             }
-            /** @type {?} */
             var 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 {?}
-         */
         ItemsList.prototype._groupBy = function (items, prop) {
             var e_5, _a, e_6, _b;
             var _this = this;
-            /** @type {?} */
             var 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])) {
                 try {
                     for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
                         var item = items_1_1.value;
-                        /** @type {?} */
-                        var children = (item.value[( /** @type {?} */(prop))] || []).map(( /**
-                         * @param {?} x
-                         * @param {?} index
-                         * @return {?}
-                         */function (x, index) { return _this.mapItem(x, index); }));
+                        var children = (item.value[prop] || []).map(function (x, index) { return _this.mapItem(x, index); });
                         groups.set(item, children);
                     }
                 }
@@ -2188,24 +1752,16 @@
                 }
                 return groups;
             }
-            /** @type {?} */
             var isFnKey = isFunction(this._ngSelect.groupBy);
-            /** @type {?} */
-            var keyFn = ( /**
-             * @param {?} item
-             * @return {?}
-             */function (item) {
-                /** @type {?} */
-                var key = isFnKey ? (( /** @type {?} */(prop)))(item.value) : item.value[( /** @type {?} */(prop))];
+            var keyFn = function (item) {
+                var key = isFnKey ? prop(item.value) : item.value[prop];
                 return isDefined(key) ? key : undefined;
-            });
+            };
             try {
                 // Group items by key.
                 for (var items_2 = __values(items), items_2_1 = items_2.next(); !items_2_1.done; items_2_1 = items_2.next()) {
                     var item = items_2_1.value;
-                    /** @type {?} */
                     var key = keyFn(item);
-                    /** @type {?} */
                     var group = groups.get(key);
                     if (group) {
                         group.push(item);
@@ -2224,35 +1780,21 @@
             }
             return groups;
         };
-        /**
-         * @private
-         * @param {?} groups
-         * @return {?}
-         */
         ItemsList.prototype._flatten = function (groups) {
             var e_7, _a;
-            /** @type {?} */
             var isGroupByFn = isFunction(this._ngSelect.groupBy);
-            /** @type {?} */
             var items = [];
             var _loop_2 = function (key) {
-                /** @type {?} */
                 var i = items.length;
                 if (key === undefined) {
-                    /** @type {?} */
                     var withoutGroup = groups.get(undefined) || [];
-                    items.push.apply(items, __spread(withoutGroup.map(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return (Object.assign(Object.assign({}, x), { index: i++ })); }))));
+                    items.push.apply(items, __spread(withoutGroup.map(function (x) {
+                        x.index = i++;
+                        return x;
+                    })));
                     return "continue";
                 }
-                /** @type {?} */
                 var isObjectKey = isObject(key);
-                /** @type {?} */
                 var parent = {
                     label: isObjectKey ? '' : String(key),
                     children: undefined,
@@ -2261,39 +1803,22 @@
                     disabled: !this_2._ngSelect.selectableGroup,
                     htmlId: newId(),
                 };
-                /** @type {?} */
-                var groupKey = isGroupByFn ? this_2._ngSelect.bindLabel : ( /** @type {?} */(this_2._ngSelect.groupBy));
-                /** @type {?} */
-                var groupValue = this_2._ngSelect.groupValue || (( /**
-                 * @return {?}
-                 */function () {
+                var groupKey = isGroupByFn ? this_2._ngSelect.bindLabel : this_2._ngSelect.groupBy;
+                var groupValue = this_2._ngSelect.groupValue || (function () {
                     var _a;
                     if (isObjectKey) {
-                        return (( /** @type {?} */(key))).value;
+                        return key.value;
                     }
                     return _a = {}, _a[groupKey] = key, _a;
-                }));
-                /** @type {?} */
-                var children = groups.get(key).map(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) {
+                });
+                var children = groups.get(key).map(function (x) {
                     x.parent = parent;
                     x.children = undefined;
                     x.index = i++;
                     return x;
-                }));
+                });
                 parent.children = children;
-                parent.value = groupValue(key, children.map(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x.value; })));
+                parent.value = groupValue(key, children.map(function (x) { return x.value; }));
                 items.push(parent);
                 items.push.apply(items, __spread(children));
             };
@@ -2315,118 +1840,18 @@
         };
         return ItemsList;
     }());
-    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} */
-    var 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;
-    }
     var NgDropdownPanelService = /** @class */ (function () {
         function NgDropdownPanelService() {
             this._dimensions = {
@@ -2436,39 +1861,21 @@
             };
         }
         Object.defineProperty(NgDropdownPanelService.prototype, "dimensions", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._dimensions;
             },
             enumerable: false,
             configurable: true
         });
-        /**
-         * @param {?} scrollPos
-         * @param {?} itemsLength
-         * @param {?} buffer
-         * @return {?}
-         */
         NgDropdownPanelService.prototype.calculateItems = function (scrollPos, itemsLength, buffer) {
-            /** @type {?} */
             var d = this._dimensions;
-            /** @type {?} */
             var scrollHeight = d.itemHeight * itemsLength;
-            /** @type {?} */
             var scrollTop = Math.max(0, scrollPos);
-            /** @type {?} */
             var indexByScrollTop = scrollTop / scrollHeight * itemsLength;
-            /** @type {?} */
             var end = Math.min(itemsLength, Math.ceil(indexByScrollTop) + (d.itemsPerViewport + 1));
-            /** @type {?} */
             var maxStartEnd = end;
-            /** @type {?} */
             var maxStart = Math.max(0, maxStartEnd - d.itemsPerViewport);
-            /** @type {?} */
             var start = Math.min(maxStart, Math.floor(indexByScrollTop));
-            /** @type {?} */
             var topPadding = d.itemHeight * Math.ceil(start) - (d.itemHeight * Math.min(start, buffer));
             topPadding = !isNaN(topPadding) ? topPadding : 0;
             start = !isNaN(start) ? start : -1;
@@ -2484,13 +1891,7 @@
                 end: end
             };
         };
-        /**
-         * @param {?} itemHeight
-         * @param {?} panelHeight
-         * @return {?}
-         */
         NgDropdownPanelService.prototype.setDimensions = function (itemHeight, panelHeight) {
-            /** @type {?} */
             var itemsPerViewport = Math.max(1, Math.floor(panelHeight / itemHeight));
             this._dimensions = {
                 itemHeight: itemHeight,
@@ -2498,19 +1899,10 @@
                 itemsPerViewport: itemsPerViewport
             };
         };
-        /**
-         * @param {?} itemTop
-         * @param {?} itemHeight
-         * @param {?} lastScroll
-         * @return {?}
-         */
         NgDropdownPanelService.prototype.getScrollTo = function (itemTop, itemHeight, lastScroll) {
             var panelHeight = this.dimensions.panelHeight;
-            /** @type {?} */
             var itemBottom = itemTop + itemHeight;
-            /** @type {?} */
             var top = lastScroll;
-            /** @type {?} */
             var bottom = top + panelHeight;
             if (panelHeight >= itemBottom && lastScroll === itemTop) {
                 return null;
@@ -2528,28 +1920,11 @@
     NgDropdownPanelService.decorators = [
         { type: i0.Injectable }
     ];
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        NgDropdownPanelService.prototype._dimensions;
-    }
 
-    /** @type {?} */
     var TOP_CSS_CLASS = 'ng-select-top';
-    /** @type {?} */
     var BOTTOM_CSS_CLASS = 'ng-select-bottom';
-    /** @type {?} */
     var SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? rxjs.animationFrameScheduler : rxjs.asapScheduler;
     var NgDropdownPanelComponent = /** @class */ (function () {
-        /**
-         * @param {?} _renderer
-         * @param {?} _zone
-         * @param {?} _panelService
-         * @param {?} _elementRef
-         * @param {?} _document
-         */
         function NgDropdownPanelComponent(_renderer, _zone, _panelService, _elementRef, _document) {
             this._renderer = _renderer;
             this._zone = _zone;
@@ -2570,9 +1945,6 @@
             this._dropdown = _elementRef.nativeElement;
         }
         Object.defineProperty(NgDropdownPanelComponent.prototype, "currentPosition", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._currentPosition;
             },
@@ -2580,18 +1952,9 @@
             configurable: true
         });
         Object.defineProperty(NgDropdownPanelComponent.prototype, "itemsLength", {
-            /**
-             * @private
-             * @return {?}
-             */
             get: function () {
                 return this._itemsLength;
             },
-            /**
-             * @private
-             * @param {?} value
-             * @return {?}
-             */
             set: function (value) {
                 if (value !== this._itemsLength) {
                     this._itemsLength = value;
@@ -2602,14 +1965,9 @@
             configurable: true
         });
         Object.defineProperty(NgDropdownPanelComponent.prototype, "_startOffset", {
-            /**
-             * @private
-             * @return {?}
-             */
             get: function () {
                 if (this.markedItem) {
                     var _a = this._panelService.dimensions, itemHeight = _a.itemHeight, panelHeight = _a.panelHeight;
-                    /** @type {?} */
                     var offset = this.markedItem.index * itemHeight;
                     return panelHeight > offset ? 0 : offset;
                 }
@@ -2618,21 +1976,13 @@
             enumerable: false,
             configurable: true
         });
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.handleMousedown = function ($event) {
-            /** @type {?} */
-            var target = ( /** @type {?} */($event.target));
+            var target = $event.target;
             if (target.tagName === 'INPUT') {
                 return;
             }
             $event.preventDefault();
         };
-        /**
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.ngOnInit = function () {
             this._select = this._dropdown.parentElement;
             this._virtualPadding = this.paddingElementRef.nativeElement;
@@ -2642,20 +1992,12 @@
             this._handleOutsideClick();
             this._appendDropdown();
         };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.ngOnChanges = function (changes) {
             if (changes.items) {
-                /** @type {?} */
                 var change = changes.items;
                 this._onItemsChange(change.currentValue, change.firstChange);
             }
         };
-        /**
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.ngOnDestroy = function () {
             this._destroy$.next();
             this._destroy$.complete();
@@ -2664,32 +2006,22 @@
                 this._renderer.removeChild(this._dropdown.parentNode, this._dropdown);
             }
         };
-        /**
-         * @param {?} option
-         * @param {?=} startFromOption
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.scrollTo = function (option, startFromOption) {
             if (startFromOption === void 0) { startFromOption = false; }
             if (!option) {
                 return;
             }
-            /** @type {?} */
             var index = this.items.indexOf(option);
             if (index < 0 || index >= this.itemsLength) {
                 return;
             }
-            /** @type {?} */
             var scrollTo;
             if (this.virtualScroll) {
-                /** @type {?} */
                 var itemHeight = this._panelService.dimensions.itemHeight;
                 scrollTo = this._panelService.getScrollTo(index * itemHeight, itemHeight, this._lastScrollPosition);
             }
             else {
-                /** @type {?} */
                 var item = this._dropdown.querySelector("#" + option.htmlId);
-                /** @type {?} */
                 var lastScroll = startFromOption ? item.offsetTop : this._lastScrollPosition;
                 scrollTo = this._panelService.getScrollTo(item.offsetTop, item.clientHeight, lastScroll);
             }
@@ -2697,24 +2029,13 @@
                 this._scrollablePanel.scrollTop = scrollTo;
             }
         };
-        /**
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.scrollToTag = function () {
-            /** @type {?} */
             var panel = this._scrollablePanel;
             panel.scrollTop = panel.scrollHeight - panel.clientHeight;
         };
-        /**
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype.adjustPosition = function () {
             this._updateYPosition();
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._handleDropdownPosition = function () {
             this._currentPosition = this._calculateCurrentPosition(this._dropdown);
             if (this._currentPosition === 'top') {
@@ -2734,76 +2055,39 @@
             }
             this._dropdown.style.opacity = '1';
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._handleScroll = function () {
             var _this = this;
-            this._zone.runOutsideAngular(( /**
-             * @return {?}
-             */function () {
+            this._zone.runOutsideAngular(function () {
                 rxjs.fromEvent(_this.scrollElementRef.nativeElement, 'scroll')
                     .pipe(operators.takeUntil(_this._destroy$), operators.auditTime(0, SCROLL_SCHEDULER))
-                    .subscribe(( /**
-             * @param {?} e
-             * @return {?}
-             */function (e) {
-                    /** @type {?} */
+                    .subscribe(function (e) {
                     var path = e.path || (e.composedPath && e.composedPath());
-                    /** @type {?} */
                     var scrollTop = !path || path.length === 0 ? e.target.scrollTop : path[0].scrollTop;
                     _this._onContentScrolled(scrollTop);
-                }));
-            }));
+                });
+            });
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._handleOutsideClick = function () {
             var _this = this;
             if (!this._document) {
                 return;
             }
-            this._zone.runOutsideAngular(( /**
-             * @return {?}
-             */function () {
+            this._zone.runOutsideAngular(function () {
                 rxjs.merge(rxjs.fromEvent(_this._document, 'touchstart', { capture: true }), rxjs.fromEvent(_this._document, 'mousedown', { capture: true })).pipe(operators.takeUntil(_this._destroy$))
-                    .subscribe(( /**
-             * @param {?} $event
-             * @return {?}
-             */function (/**
-             * @param {?} $event
-             * @return {?}
-             */ $event) { return _this._checkToClose($event); }));
-            }));
+                    .subscribe(function ($event) { return _this._checkToClose($event); });
+            });
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._checkToClose = function ($event) {
             var _this = this;
             if (this._select.contains($event.target) || this._dropdown.contains($event.target)) {
                 return;
             }
-            /** @type {?} */
             var 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 {?}
-             */function () { return _this.outsideClick.emit(); }));
+            this._zone.run(function () { return _this.outsideClick.emit(); });
         };
-        /**
-         * @private
-         * @param {?} items
-         * @param {?} firstChange
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._onItemsChange = function (items, firstChange) {
             this.items = items || [];
             this._scrollToEndFired = false;
@@ -2816,44 +2100,25 @@
                 this._updateItems(firstChange);
             }
         };
-        /**
-         * @private
-         * @param {?} firstChange
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._updateItems = function (firstChange) {
             var _this = this;
             this.update.emit(this.items);
             if (firstChange === false) {
                 return;
             }
-            this._zone.runOutsideAngular(( /**
-             * @return {?}
-             */function () {
-                Promise.resolve().then(( /**
-                 * @return {?}
-                 */function () {
-                    /** @type {?} */
+            this._zone.runOutsideAngular(function () {
+                Promise.resolve().then(function () {
                     var panelHeight = _this._scrollablePanel.clientHeight;
                     _this._panelService.setDimensions(0, panelHeight);
                     _this._handleDropdownPosition();
                     _this.scrollTo(_this.markedItem, firstChange);
-                }));
-            }));
+                });
+            });
         };
-        /**
-         * @private
-         * @param {?} firstChange
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._updateItemsRange = function (firstChange) {
             var _this = this;
-            this._zone.runOutsideAngular(( /**
-             * @return {?}
-             */function () {
-                _this._measureDimensions().then(( /**
-                 * @return {?}
-                 */function () {
+            this._zone.runOutsideAngular(function () {
+                _this._measureDimensions().then(function () {
                     if (firstChange) {
                         _this._renderItemsRange(_this._startOffset);
                         _this._handleDropdownPosition();
@@ -2861,14 +2126,9 @@
                     else {
                         _this._renderItemsRange();
                     }
-                }));
-            }));
+                });
+            });
         };
-        /**
-         * @private
-         * @param {?} scrollTop
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._onContentScrolled = function (scrollTop) {
             if (this.virtualScroll) {
                 this._renderItemsRange(scrollTop);
@@ -2876,39 +2136,21 @@
             this._lastScrollPosition = scrollTop;
             this._fireScrollToEnd(scrollTop);
         };
-        /**
-         * @private
-         * @param {?} height
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._updateVirtualHeight = function (height) {
             if (this._updateScrollHeight) {
                 this._virtualPadding.style.height = height + "px";
                 this._updateScrollHeight = false;
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._setVirtualHeight = function () {
             if (!this._virtualPadding) {
                 return;
             }
             this._virtualPadding.style.height = "0px";
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._onItemsLengthChanged = function () {
             this._updateScrollHeight = true;
         };
-        /**
-         * @private
-         * @param {?=} scrollTop
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._renderItemsRange = function (scrollTop) {
             var _this = this;
             if (scrollTop === void 0) { scrollTop = null; }
@@ -2916,25 +2158,18 @@
                 return;
             }
             scrollTop = scrollTop || this._scrollablePanel.scrollTop;
-            /** @type {?} */
             var 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 {?}
-             */function () {
+            this._zone.run(function () {
                 _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 {?}
-         */
         NgDropdownPanelComponent.prototype._measureDimensions = function () {
             var _this = this;
             if (this._panelService.dimensions.itemHeight > 0 || this.itemsLength === 0) {
@@ -2942,59 +2177,36 @@
             }
             var _a = __read(this.items, 1), first = _a[0];
             this.update.emit([first]);
-            return Promise.resolve().then(( /**
-             * @return {?}
-             */function () {
-                /** @type {?} */
+            return Promise.resolve().then(function () {
                 var option = _this._dropdown.querySelector("#" + first.htmlId);
-                /** @type {?} */
                 var optionHeight = option.clientHeight;
                 _this._virtualPadding.style.height = optionHeight * _this.itemsLength + "px";
-                /** @type {?} */
                 var panelHeight = _this._scrollablePanel.clientHeight;
                 _this._panelService.setDimensions(optionHeight, panelHeight);
                 return _this._panelService.dimensions;
-            }));
+            });
         };
-        /**
-         * @private
-         * @param {?} scrollTop
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._fireScrollToEnd = function (scrollTop) {
             var _this = this;
             if (this._scrollToEndFired || scrollTop === 0) {
                 return;
             }
-            /** @type {?} */
             var padding = this.virtualScroll ?
                 this._virtualPadding :
                 this._contentPanel;
             if (scrollTop + this._dropdown.clientHeight >= padding.clientHeight) {
-                this._zone.run(( /**
-                 * @return {?}
-                 */function () { return _this.scrollToEnd.emit(); }));
+                this._zone.run(function () { return _this.scrollToEnd.emit(); });
                 this._scrollToEndFired = true;
             }
         };
-        /**
-         * @private
-         * @param {?} dropdownEl
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._calculateCurrentPosition = function (dropdownEl) {
             if (this.position !== 'auto') {
                 return this.position;
             }
-            /** @type {?} */
             var selectRect = this._select.getBoundingClientRect();
-            /** @type {?} */
             var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-            /** @type {?} */
             var offsetTop = selectRect.top + window.pageYOffset;
-            /** @type {?} */
             var height = selectRect.height;
-            /** @type {?} */
             var dropdownHeight = dropdownEl.getBoundingClientRect().height;
             if (offsetTop + height + dropdownHeight > scrollTop + document.documentElement.clientHeight) {
                 return 'top';
@@ -3003,10 +2215,6 @@
                 return 'bottom';
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._appendDropdown = function () {
             if (!this.appendTo) {
                 return;
@@ -3018,40 +2226,24 @@
             this._updateXPosition();
             this._parent.appendChild(this._dropdown);
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgDropdownPanelComponent.prototype._updateXPosition = function () {
-            /** @type {?} */
             var select = this._select.getBoundingClientRect();
-            /** @type {?} */
             var parent = this._parent.getBoundingClientRect();
-            /** @type {?} */
             var 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 {?}
-         */
         NgDropdownPanelComponent.prototype._updateYPosition = function () {
-            /** @type {?} */
             var select = this._select.getBoundingClientRect();
-            /** @type {?} */
             var parent = this._parent.getBoundingClientRect();
-            /** @type {?} */
             var delta = select.height;
             if (this._currentPosition === 'top') {
-                /** @type {?} */
                 var offsetBottom = parent.bottom - select.bottom;
                 this._dropdown.style.bottom = offsetBottom + delta + 'px';
                 this._dropdown.style.top = 'auto';
             }
             else if (this._currentPosition === 'bottom') {
-                /** @type {?} */
                 var offsetTop = select.top - parent.top;
                 this._dropdown.style.top = offsetTop + delta + 'px';
                 this._dropdown.style.bottom = 'auto';
@@ -3065,9 +2257,8 @@
                     encapsulation: i0.ViewEncapsulation.None,
                     selector: 'ng-dropdown-panel',
                     template: "\n        <div *ngIf=\"headerTemplate\" class=\"ng-dropdown-header\">\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ searchTerm: filterValue }\"></ng-container>\n        </div>\n        <div #scroll class=\"ng-dropdown-panel-items scroll-host\">\n            <div #padding [class.total-padding]=\"virtualScroll\"></div>\n            <div #content [class.scrollable-content]=\"virtualScroll && items.length\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"ng-dropdown-footer\">\n            <ng-container [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"{ searchTerm: filterValue }\"></ng-container>\n        </div>\n    "
-                }] }
+                },] }
     ];
-    /** @nocollapse */
     NgDropdownPanelComponent.ctorParameters = function () { return [
         { type: i0.Renderer2 },
         { type: i0.NgZone },
@@ -3094,162 +2285,26 @@
         paddingElementRef: [{ type: i0.ViewChild, args: ['padding', { read: i0.ElementRef, static: true },] }],
         handleMousedown: [{ type: i0.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
-     */
     var NgOptionComponent = /** @class */ (function () {
-        /**
-         * @param {?} elementRef
-         */
         function NgOptionComponent(elementRef) {
             this.elementRef = elementRef;
             this.stateChange$ = new rxjs.Subject();
             this._disabled = false;
         }
         Object.defineProperty(NgOptionComponent.prototype, "disabled", {
-            /**
-             * @return {?}
-             */
             get: function () { return this._disabled; },
-            /**
-             * @param {?} value
-             * @return {?}
-             */
             set: function (value) { this._disabled = this._isDisabled(value); },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(NgOptionComponent.prototype, "label", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return (this.elementRef.nativeElement.textContent || '').trim();
             },
             enumerable: false,
             configurable: true
         });
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
         NgOptionComponent.prototype.ngOnChanges = function (changes) {
             if (changes.disabled) {
                 this.stateChange$.next({
@@ -3258,9 +2313,6 @@
                 });
             }
         };
-        /**
-         * @return {?}
-         */
         NgOptionComponent.prototype.ngAfterViewChecked = function () {
             if (this.label !== this._previousLabel) {
                 this._previousLabel = this.label;
@@ -3271,17 +2323,9 @@
                 });
             }
         };
-        /**
-         * @return {?}
-         */
         NgOptionComponent.prototype.ngOnDestroy = function () {
             this.stateChange$.complete();
         };
-        /**
-         * @private
-         * @param {?} value
-         * @return {?}
-         */
         NgOptionComponent.prototype._isDisabled = function (value) {
             return value != null && "" + value !== 'false';
         };
@@ -3292,9 +2336,8 @@
                     selector: 'ng-option',
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     template: "<ng-content></ng-content>"
-                }] }
+                },] }
     ];
-    /** @nocollapse */
     NgOptionComponent.ctorParameters = function () { return [
         { type: i0.ElementRef }
     ]; };
@@ -3302,30 +2345,7 @@
         value: [{ type: i0.Input }],
         disabled: [{ type: i0.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
-     */
     var NgSelectConfig = /** @class */ (function () {
         function NgSelectConfig() {
             this.notFoundText = 'No items found';
@@ -3339,47 +2359,13 @@
         }
         return NgSelectConfig;
     }());
+    NgSelectConfig.ɵprov = i0.ɵɵdefineInjectable({ factory: function NgSelectConfig_Factory() { return new NgSelectConfig(); }, token: NgSelectConfig, providedIn: "root" });
     NgSelectConfig.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    /** @nocollapse */ NgSelectConfig.ɵprov = i0.ɵɵ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;
-    }
 
-    /** @type {?} */
     var SELECTION_MODEL_FACTORY = new i0.InjectionToken('ng-select-selection-model');
     var NgSelectComponent = /** @class */ (function () {
-        /**
-         * @param {?} classes
-         * @param {?} autoFocus
-         * @param {?} config
-         * @param {?} newSelectionModel
-         * @param {?} _elementRef
-         * @param {?} _cd
-         * @param {?} _console
-         */
         function NgSelectComponent(classes, autoFocus, config, newSelectionModel, _elementRef, _cd, _console) {
             var _this = this;
             this.classes = classes;
@@ -3404,10 +2390,7 @@
             this.searchWhileComposing = true;
             this.minTermLength = 0;
             this.editableSearchTerm = false;
-            this.keyDownFn = ( /**
-             * @param {?} _
-             * @return {?}
-             */function (_) { return true; });
+            this.keyDownFn = function (_) { return true; };
             this.multiple = false;
             this.addTag = false;
             this.searchable = true;
@@ -3436,50 +2419,24 @@
             this._isComposing = false;
             this._destroy$ = new rxjs.Subject();
             this._keyPress$ = new rxjs.Subject();
-            this._onChange = ( /**
-             * @param {?} _
-             * @return {?}
-             */function (_) { });
-            this._onTouched = ( /**
-             * @return {?}
-             */function () { });
-            this.clearItem = ( /**
-             * @param {?} item
-             * @return {?}
-             */function (item) {
-                /** @type {?} */
-                var option = _this.selectedItems.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x.value === item; }));
+            this._onChange = function (_) { };
+            this._onTouched = function () { };
+            this.clearItem = function (item) {
+                var option = _this.selectedItems.find(function (x) { return x.value === item; });
                 _this.unselect(option);
-            });
-            this.trackByOption = ( /**
-             * @param {?} _
-             * @param {?} item
-             * @return {?}
-             */function (_, item) {
+            };
+            this.trackByOption = function (_, item) {
                 if (_this.trackByFn) {
                     return _this.trackByFn(item.value);
                 }
                 return item;
-            });
+            };
             this._mergeGlobalConfig(config);
             this.itemsList = new ItemsList(this, newSelectionModel());
             this.element = _elementRef.nativeElement;
         }
         Object.defineProperty(NgSelectComponent.prototype, "items", {
-            /**
-             * @return {?}
-             */
             get: function () { return this._items; },
-            /**
-             * @param {?} value
-             * @return {?}
-             */
             set: function (value) {
                 this._itemsAreUsed = true;
                 this._items = value;
@@ -3490,16 +2447,9 @@
         ;
         ;
         Object.defineProperty(NgSelectComponent.prototype, "compareWith", {
-            /**
-             * @return {?}
-             */
             get: function () { return this._compareWith; },
-            /**
-             * @param {?} fn
-             * @return {?}
-             */
             set: function (fn) {
-                if (!isFunction(fn)) {
+                if (fn !== undefined && fn !== null && !isFunction(fn)) {
                     throw Error('`compareWith` must be a function.');
                 }
                 this._compareWith = fn;
@@ -3508,14 +2458,7 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "clearSearchOnAdd", {
-            /**
-             * @return {?}
-             */
             get: function () { return isDefined(this._clearSearchOnAdd) ? this._clearSearchOnAdd : this.closeOnSelect; },
-            /**
-             * @param {?} value
-             * @return {?}
-             */
             set: function (value) {
                 this._clearSearchOnAdd = value;
             },
@@ -3525,28 +2468,18 @@
         ;
         ;
         Object.defineProperty(NgSelectComponent.prototype, "disabled", {
-            /**
-             * @return {?}
-             */
             get: function () { return this.readonly || this._disabled; },
             enumerable: false,
             configurable: true
         });
         ;
         Object.defineProperty(NgSelectComponent.prototype, "filtered", {
-            /**
-             * @return {?}
-             */
             get: function () { return (!!this.searchTerm && this.searchable || this._isComposing); },
             enumerable: false,
             configurable: true
         });
         ;
         Object.defineProperty(NgSelectComponent.prototype, "_editableSearchTerm", {
-            /**
-             * @private
-             * @return {?}
-             */
             get: function () {
                 return this.editableSearchTerm && !this.multiple;
             },
@@ -3554,9 +2487,6 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "selectedItems", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this.itemsList.selectedItems;
             },
@@ -3564,25 +2494,13 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "selectedValues", {
-            /**
-             * @return {?}
-             */
             get: function () {
-                return this.selectedItems.map(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (/**
-                 * @param {?} x
-                 * @return {?}
-                 */ x) { return x.value; }));
+                return this.selectedItems.map(function (x) { return x.value; });
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "hasValue", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this.selectedItems.length > 0;
             },
@@ -3590,9 +2508,6 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "currentPanelPosition", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 if (this.dropdownPanel) {
                     return this.dropdownPanel.currentPosition;
@@ -3602,17 +2517,10 @@
             enumerable: false,
             configurable: true
         });
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.ngOnInit = function () {
             this._handleKeyPresses();
             this._setInputAttributes();
         };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
         NgSelectComponent.prototype.ngOnChanges = function (changes) {
             if (changes.multiple) {
                 this.itemsList.clearSelected();
@@ -3624,9 +2532,6 @@
                 this._manualOpen = isDefined(changes.isOpen.currentValue);
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.ngAfterViewInit = function () {
             if (!this._itemsAreUsed) {
                 this.escapeHTML = false;
@@ -3636,19 +2541,11 @@
                 this.focus();
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.ngOnDestroy = function () {
             this._destroy$.next();
             this._destroy$.complete();
         };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype.handleKeyDown = function ($event) {
-            /** @type {?} */
             var keyCode = KeyCode[$event.which];
             if (keyCode) {
                 if (this.keyDownFn($event) === false) {
@@ -3660,10 +2557,6 @@
                 this._keyPress$.next($event.key.toLocaleLowerCase());
             }
         };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype.handleKeyCode = function ($event) {
             switch ($event.which) {
                 case KeyCode.ArrowDown:
@@ -3690,13 +2583,8 @@
                     break;
             }
         };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype.handleMousedown = function ($event) {
-            /** @type {?} */
-            var target = ( /** @type {?} */($event.target));
+            var target = $event.target;
             if (target.tagName !== 'INPUT') {
                 $event.preventDefault();
             }
@@ -3721,9 +2609,6 @@
                 this.toggle();
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.handleArrowClick = function () {
             if (this.isOpen) {
                 this.close();
@@ -3732,9 +2617,6 @@
                 this.open();
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.handleClearClick = function () {
             if (this.hasValue) {
                 this.itemsList.clearSelected(true);
@@ -3745,9 +2627,6 @@
             this.clearEvent.emit();
             this._onSelectionChanged();
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.clearModel = function () {
             if (!this.clearable) {
                 return;
@@ -3755,40 +2634,21 @@
             this.itemsList.clearSelected();
             this._updateNgModel();
         };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
         NgSelectComponent.prototype.writeValue = function (value) {
             this.itemsList.clearSelected();
             this._handleWriteValue(value);
             this._cd.markForCheck();
         };
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
         NgSelectComponent.prototype.registerOnChange = function (fn) {
             this._onChange = fn;
         };
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
         NgSelectComponent.prototype.registerOnTouched = function (fn) {
             this._onTouched = fn;
         };
-        /**
-         * @param {?} state
-         * @return {?}
-         */
         NgSelectComponent.prototype.setDisabledState = function (state) {
             this._disabled = state;
             this._cd.markForCheck();
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.toggle = function () {
             if (!this.isOpen) {
                 this.open();
@@ -3797,9 +2657,6 @@
                 this.close();
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.open = function () {
             if (this.disabled || this.isOpen || this.itemsList.maxItemsSelected || this._manualOpen) {
                 return;
@@ -3815,9 +2672,6 @@
             }
             this.detectChanges();
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.close = function () {
             if (!this.isOpen || this._manualOpen) {
                 return;
@@ -3835,10 +2689,6 @@
             this.closeEvent.emit();
             this._cd.markForCheck();
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         NgSelectComponent.prototype.toggleItem = function (item) {
             if (!item || item.disabled || this.disabled) {
                 return;
@@ -3854,10 +2704,6 @@
             }
             this._onSelectionChanged();
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         NgSelectComponent.prototype.select = function (item) {
             if (!item.selected) {
                 this.itemsList.select(item);
@@ -3873,22 +2719,12 @@
                 this.close();
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.focus = function () {
             this.searchInput.nativeElement.focus();
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.blur = function () {
             this.searchInput.nativeElement.blur();
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         NgSelectComponent.prototype.unselect = function (item) {
             if (!item) {
                 return;
@@ -3898,104 +2734,54 @@
             this._updateNgModel();
             this.removeEvent.emit(item);
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.selectTag = function () {
             var _a;
             var _this = this;
-            /** @type {?} */
             var tag;
             if (isFunction(this.addTag)) {
-                tag = (( /** @type {?} */(this.addTag)))(this.searchTerm);
+                tag = this.addTag(this.searchTerm);
             }
             else {
                 tag = this._primitive ? this.searchTerm : (_a = {}, _a[this.bindLabel] = this.searchTerm, _a);
             }
-            /** @type {?} */
-            var handleTag = ( /**
-             * @param {?} item
-             * @return {?}
-             */function (item) { return _this._isTypeahead || !_this.isOpen ? _this.itemsList.mapItem(item, null) : _this.itemsList.addItem(item); });
+            var handleTag = function (item) { return _this._isTypeahead || !_this.isOpen ? _this.itemsList.mapItem(item, null) : _this.itemsList.addItem(item); };
             if (isPromise(tag)) {
-                tag.then(( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return _this.select(handleTag(item)); })).catch(( /**
-                 * @return {?}
-                 */function () { }));
+                tag.then(function (item) { return _this.select(handleTag(item)); }).catch(function () { });
             }
             else if (tag) {
                 this.select(handleTag(tag));
             }
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.showClear = function () {
             return this.clearable && (this.hasValue || this.searchTerm) && !this.disabled;
         };
         Object.defineProperty(NgSelectComponent.prototype, "showAddTag", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 if (!this._validTerm) {
                     return false;
                 }
-                /** @type {?} */
                 var term = this.searchTerm.toLowerCase().trim();
                 return this.addTag &&
-                    (!this.itemsList.filteredItems.some(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return x.label.toLowerCase() === term; })) &&
-                        (!this.hideSelected && this.isOpen || !this.selectedItems.some(( /**
-                         * @param {?} x
-                         * @return {?}
-                         */function (/**
-                         * @param {?} x
-                         * @return {?}
-                         */ x) { return x.label.toLowerCase() === term; })))) &&
+                    (!this.itemsList.filteredItems.some(function (x) { return x.label.toLowerCase() === term; }) &&
+                        (!this.hideSelected && this.isOpen || !this.selectedItems.some(function (x) { return x.label.toLowerCase() === term; }))) &&
                     !this.loading;
             },
             enumerable: false,
             configurable: true
         });
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.showNoItemsFound = function () {
-            /** @type {?} */
             var empty = this.itemsList.filteredItems.length === 0;
             return ((empty && !this._isTypeahead && !this.loading) ||
                 (empty && this._isTypeahead && this._validTerm && !this.loading)) &&
                 !this.showAddTag;
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.showTypeToSearch = function () {
-            /** @type {?} */
             var empty = this.itemsList.filteredItems.length === 0;
             return empty && this._isTypeahead && !this._validTerm && !this.loading;
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.onCompositionStart = function () {
             this._isComposing = true;
         };
-        /**
-         * @param {?} term
-         * @return {?}
-         */
         NgSelectComponent.prototype.onCompositionEnd = function (term) {
             this._isComposing = false;
             if (this.searchWhileComposing) {
@@ -4003,10 +2789,6 @@
             }
             this.filter(term);
         };
-        /**
-         * @param {?} term
-         * @return {?}
-         */
         NgSelectComponent.prototype.filter = function (term) {
             if (this._isComposing && !this.searchWhileComposing) {
                 return;
@@ -4021,19 +2803,9 @@
                     this.itemsList.markSelectedOrDefault(this.markFirst);
                 }
             }
-            this.searchEvent.emit({ term: term, items: this.itemsList.filteredItems.map(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return x.value; })) });
+            this.searchEvent.emit({ term: term, items: this.itemsList.filteredItems.map(function (x) { return x.value; }) });
             this.open();
         };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype.onInputFocus = function ($event) {
             if (this.focused) {
                 return;
@@ -4045,10 +2817,6 @@
             this.focusEvent.emit($event);
             this.focused = true;
         };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype.onInputBlur = function ($event) {
             this.element.classList.remove('ng-select-focused');
             this.blurEvent.emit($event);
@@ -4060,40 +2828,22 @@
             }
             this.focused = false;
         };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
         NgSelectComponent.prototype.onItemHover = function (item) {
             if (item.disabled) {
                 return;
             }
             this.itemsList.markItem(item);
         };
-        /**
-         * @return {?}
-         */
         NgSelectComponent.prototype.detectChanges = function () {
-            if (!(( /** @type {?} */(this._cd))).destroyed) {
+            if (!this._cd.destroyed) {
                 this._cd.detectChanges();
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._setSearchTermFromItems = function () {
-            /** @type {?} */
             var selected = this.selectedItems && this.selectedItems[0];
             this.searchTerm = (selected && selected.label) || null;
         };
-        /**
-         * @private
-         * @param {?} items
-         * @return {?}
-         */
         NgSelectComponent.prototype._setItems = function (items) {
-            /** @type {?} */
             var firstItem = items[0];
             this.bindLabel = this.bindLabel || this._defaultLabel;
             this._primitive = isDefined(firstItem) ? !isObject(firstItem) : this._primitive || this.bindLabel === this._defaultLabel;
@@ -4108,138 +2858,74 @@
                 this.itemsList.markSelectedOrDefault(this.markFirst);
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._setItemsFromNgOptions = function () {
             var _this = this;
-            /** @type {?} */
-            var mapNgOptions = ( /**
-             * @param {?} options
-             * @return {?}
-             */function (options) {
-                _this.items = options.map(( /**
-                 * @param {?} option
-                 * @return {?}
-                 */function (/**
-                 * @param {?} option
-                 * @return {?}
-                 */ option) { return ({
+            var mapNgOptions = function (options) {
+                _this.items = options.map(function (option) { return ({
                     $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 {?} */
-            var handleOptionChange = ( /**
-             * @return {?}
-             */function () {
-                /** @type {?} */
+            };
+            var handleOptionChange = function () {
                 var changedOrDestroyed = rxjs.merge(_this.ngOptions.changes, _this._destroy$);
-                rxjs.merge.apply(void 0, __spread(_this.ngOptions.map(( /**
-                 * @param {?} option
-                 * @return {?}
-                 */function (/**
-                 * @param {?} option
-                 * @return {?}
-                 */ option) { return option.stateChange$; })))).pipe(operators.takeUntil(changedOrDestroyed))
-                    .subscribe(( /**
-             * @param {?} option
-             * @return {?}
-             */function (/**
-             * @param {?} option
-             * @return {?}
-             */ option) {
-                    /** @type {?} */
+                rxjs.merge.apply(void 0, __spread(_this.ngOptions.map(function (option) { return option.stateChange$; }))).pipe(operators.takeUntil(changedOrDestroyed))
+                    .subscribe(function (option) {
                     var item = _this.itemsList.findItem(option.value);
                     item.disabled = option.disabled;
                     item.label = option.label || item.label;
                     _this._cd.detectChanges();
-                }));
-            });
+                });
+            };
             this.ngOptions.changes
                 .pipe(operators.startWith(this.ngOptions), operators.takeUntil(this._destroy$))
-                .subscribe(( /**
-         * @param {?} options
-         * @return {?}
-         */function (/**
-         * @param {?} options
-         * @return {?}
-         */ options) {
+                .subscribe(function (options) {
                 _this.bindLabel = _this._defaultLabel;
                 mapNgOptions(options);
                 handleOptionChange();
-            }));
+            });
         };
-        /**
-         * @private
-         * @param {?} value
-         * @return {?}
-         */
         NgSelectComponent.prototype._isValidWriteValue = function (value) {
             var _this = this;
             if (!isDefined(value) || (this.multiple && value === '') || Array.isArray(value) && value.length === 0) {
                 return false;
             }
-            /** @type {?} */
-            var validateBinding = ( /**
-             * @param {?} item
-             * @return {?}
-             */function (item) {
+            var validateBinding = function (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 {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return validateBinding(item); }));
+                return value.every(function (item) { return validateBinding(item); });
             }
             else {
                 return validateBinding(value);
             }
         };
-        /**
-         * @private
-         * @param {?} ngModel
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleWriteValue = function (ngModel) {
             var _this = this;
             if (!this._isValidWriteValue(ngModel)) {
                 return;
             }
-            /** @type {?} */
-            var select = ( /**
-             * @param {?} val
-             * @return {?}
-             */function (val) {
+            var select = function (val) {
                 var _a;
-                /** @type {?} */
                 var item = _this.itemsList.findItem(val);
                 if (item) {
                     _this.itemsList.select(item);
                 }
                 else {
-                    /** @type {?} */
                     var isValObject = isObject(val);
-                    /** @type {?} */
                     var isPrimitive = !isValObject && !_this.bindValue;
                     if ((isValObject || isPrimitive)) {
                         _this.itemsList.select(_this.itemsList.mapItem(val, null));
@@ -4252,49 +2938,22 @@
                         _this.itemsList.select(_this.itemsList.mapItem(item, null));
                     }
                 }
-            });
+            };
             if (this.multiple) {
-                (( /** @type {?} */(ngModel))).forEach(( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (/**
-                 * @param {?} item
-                 * @return {?}
-                 */ item) { return select(item); }));
+                ngModel.forEach(function (item) { return select(item); });
             }
             else {
                 select(ngModel);
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleKeyPresses = function () {
             var _this = this;
             if (this.searchable) {
                 return;
             }
             this._keyPress$
-                .pipe(operators.takeUntil(this._destroy$), operators.tap(( /**
-         * @param {?} letter
-         * @return {?}
-         */function (/**
-         * @param {?} letter
-         * @return {?}
-         */ letter) { return _this._pressedKeys.push(letter); })), operators.debounceTime(200), operators.filter(( /**
-             * @return {?}
-             */function () { return _this._pressedKeys.length > 0; })), operators.map(( /**
-             * @return {?}
-             */function () { return _this._pressedKeys.join(''); })))
-                .subscribe(( /**
-         * @param {?} term
-         * @return {?}
-         */function (/**
-         * @param {?} term
-         * @return {?}
-         */ term) {
-                /** @type {?} */
+                .pipe(operators.takeUntil(this._destroy$), operators.tap(function (letter) { return _this._pressedKeys.push(letter); }), operators.debounceTime(200), operators.filter(function () { return _this._pressedKeys.length > 0; }), operators.map(function () { return _this._pressedKeys.join(''); }))
+                .subscribe(function (term) {
                 var item = _this.itemsList.findByLabel(term);
                 if (item) {
                     if (_this.isOpen) {
@@ -4307,17 +2966,11 @@
                     }
                 }
                 _this._pressedKeys = [];
-            }));
+            });
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._setInputAttributes = function () {
             var e_1, _a;
-            /** @type {?} */
             var input = this.searchInput.nativeElement;
-            /** @type {?} */
             var attributes = Object.assign({ type: 'text', autocorrect: 'off', autocapitalize: 'off', autocomplete: this.labelForId ? 'off' : this.dropdownId }, this.inputAttrs);
             try {
                 for (var _b = __values(Object.keys(attributes)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -4333,24 +2986,17 @@
                 finally { if (e_1) throw e_1.error; }
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._updateNgModel = function () {
             var e_2, _a;
-            /** @type {?} */
             var model = [];
             try {
                 for (var _b = __values(this.selectedItems), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var item = _c.value;
                     if (this.bindValue) {
-                        /** @type {?} */
                         var value = null;
                         if (item.children) {
-                            /** @type {?} */
-                            var groupKey = this.groupValue ? this.bindValue : ( /** @type {?} */(this.groupBy));
-                            value = item.value[groupKey || ( /** @type {?} */(this.groupBy))];
+                            var groupKey = this.groupValue ? this.bindValue : this.groupBy;
+                            value = item.value[groupKey || this.groupBy];
                         }
                         else {
                             value = this.itemsList.resolveNested(item.value, this.bindValue);
@@ -4369,14 +3015,7 @@
                 }
                 finally { if (e_2) throw e_2.error; }
             }
-            /** @type {?} */
-            var selected = this.selectedItems.map(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x.value; }));
+            var selected = this.selectedItems.map(function (x) { return x.value; });
             if (this.multiple) {
                 this._onChange(model);
                 this.changeEvent.emit(selected);
@@ -4387,10 +3026,6 @@
             }
             this._cd.markForCheck();
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._clearSearch = function () {
             if (!this.searchTerm) {
                 return;
@@ -4398,41 +3033,24 @@
             this._changeSearch(null);
             this.itemsList.resetFilteredItems();
         };
-        /**
-         * @private
-         * @param {?} searchTerm
-         * @return {?}
-         */
         NgSelectComponent.prototype._changeSearch = function (searchTerm) {
             this.searchTerm = searchTerm;
             if (this._isTypeahead) {
                 this.typeahead.next(searchTerm);
             }
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._scrollToMarked = function () {
             if (!this.isOpen || !this.dropdownPanel) {
                 return;
             }
             this.dropdownPanel.scrollTo(this.itemsList.markedItem);
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._scrollToTag = function () {
             if (!this.isOpen || !this.dropdownPanel) {
                 return;
             }
             this.dropdownPanel.scrollToTag();
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._onSelectionChanged = function () {
             if (this.isOpen && this.multiple && this.appendTo) {
                 // Make sure items are rendered.
@@ -4440,11 +3058,6 @@
                 this.dropdownPanel.adjustPosition();
             }
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleTab = function ($event) {
             if (this.isOpen === false && !this.addTag) {
                 return;
@@ -4466,11 +3079,6 @@
                 this.close();
             }
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleEnter = function ($event) {
             if (this.isOpen || this._manualOpen) {
                 if (this.itemsList.markedItem) {
@@ -4488,11 +3096,6 @@
             }
             $event.preventDefault();
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleSpace = function ($event) {
             if (this.isOpen || this._manualOpen) {
                 return;
@@ -4500,11 +3103,6 @@
             this.open();
             $event.preventDefault();
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleArrowDown = function ($event) {
             if (this._nextItemIsTag(+1)) {
                 this.itemsList.unmarkItem();
@@ -4517,11 +3115,6 @@
             this.open();
             $event.preventDefault();
         };
-        /**
-         * @private
-         * @param {?} $event
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleArrowUp = function ($event) {
             if (!this.isOpen) {
                 return;
@@ -4536,22 +3129,12 @@
             }
             $event.preventDefault();
         };
-        /**
-         * @private
-         * @param {?} nextStep
-         * @return {?}
-         */
         NgSelectComponent.prototype._nextItemIsTag = function (nextStep) {
-            /** @type {?} */
             var nextIndex = this.itemsList.markedIndex + nextStep;
             return this.addTag && this.searchTerm
                 && this.itemsList.markedItem
                 && (nextIndex < 0 || nextIndex === this.itemsList.filteredItems.length);
         };
-        /**
-         * @private
-         * @return {?}
-         */
         NgSelectComponent.prototype._handleBackspace = function () {
             if (this.searchTerm || !this.clearable || !this.clearOnBackspace || !this.hasValue) {
                 return;
@@ -4564,10 +3147,6 @@
             }
         };
         Object.defineProperty(NgSelectComponent.prototype, "_isTypeahead", {
-            /**
-             * @private
-             * @return {?}
-             */
             get: function () {
                 return this.typeahead && this.typeahead.observers.length > 0;
             },
@@ -4575,23 +3154,13 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "_validTerm", {
-            /**
-             * @private
-             * @return {?}
-             */
             get: function () {
-                /** @type {?} */
                 var term = this.searchTerm && this.searchTerm.trim();
                 return term && term.length >= this.minTermLength;
             },
             enumerable: false,
             configurable: true
         });
-        /**
-         * @private
-         * @param {?} config
-         * @return {?}
-         */
         NgSelectComponent.prototype._mergeGlobalConfig = function (config) {
             this.placeholder = this.placeholder || config.placeholder;
             this.notFoundText = this.notFoundText || config.notFoundText;
@@ -4605,6 +3174,7 @@
             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;
         };
         return NgSelectComponent;
@@ -4612,12 +3182,10 @@
     NgSelectComponent.decorators = [
         { type: i0.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: forms.NG_VALUE_ACCESSOR,
-                            useExisting: i0.forwardRef(( /**
-                             * @return {?}
-                             */function () { return NgSelectComponent; })),
+                            useExisting: i0.forwardRef(function () { return NgSelectComponent; }),
                             multi: true
                         }, NgDropdownPanelService],
                     encapsulation: i0.ViewEncapsulation.None,
@@ -4627,9 +3195,8 @@
                         '[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 = function () { return [
         { type: String, decorators: [{ type: i0.Attribute, args: ['class',] }] },
         { type: undefined, decorators: [{ type: i0.Attribute, args: ['autofocus',] }] },
@@ -4706,320 +3273,28 @@
         loadingTextTemplate: [{ type: i0.ContentChild, args: [NgLoadingTextTemplateDirective, { read: i0.TemplateRef },] }],
         tagTemplate: [{ type: i0.ContentChild, args: [NgTagTemplateDirective, { read: i0.TemplateRef },] }],
         loadingSpinnerTemplate: [{ type: i0.ContentChild, args: [NgLoadingSpinnerTemplateDirective, { read: i0.TemplateRef },] }],
-        dropdownPanel: [{ type: i0.ViewChild, args: [i0.forwardRef(( /**
-                                 * @return {?}
-                                 */function () { return NgDropdownPanelComponent; })),] }],
+        dropdownPanel: [{ type: i0.ViewChild, args: [i0.forwardRef(function () { return NgDropdownPanelComponent; }),] }],
         searchInput: [{ type: i0.ViewChild, args: ['searchInput', { static: true },] }],
         ngOptions: [{ type: i0.ContentChildren, args: [NgOptionComponent, { descendants: true },] }],
         disabled: [{ type: i0.HostBinding, args: ['class.ng-select-disabled',] }],
         filtered: [{ type: i0.HostBinding, args: ['class.ng-select-filtered',] }],
         handleKeyDown: [{ type: i0.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) { };
-    }
     var DefaultSelectionModel = /** @class */ (function () {
         function DefaultSelectionModel() {
             this._selected = [];
         }
         Object.defineProperty(DefaultSelectionModel.prototype, "value", {
-            /**
-             * @return {?}
-             */
             get: function () {
                 return this._selected;
             },
             enumerable: false,
             configurable: true
         });
-        /**
-         * @param {?} item
-         * @param {?} multiple
-         * @param {?} groupAsModel
-         * @return {?}
-         */
         DefaultSelectionModel.prototype.select = function (item, multiple, groupAsModel) {
             item.selected = true;
             if (!item.children || (!multiple && groupAsModel)) {
@@ -5027,70 +3302,32 @@
             }
             if (multiple) {
                 if (item.parent) {
-                    /** @type {?} */
                     var childrenCount = item.parent.children.length;
-                    /** @type {?} */
-                    var selectedCount = item.parent.children.filter(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return x.selected; })).length;
+                    var selectedCount = item.parent.children.filter(function (x) { return 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 = __spread(this._selected.filter(( /**
-                             * @param {?} x
-                             * @return {?}
-                             */function (/**
-                             * @param {?} x
-                             * @return {?}
-                             */ x) { return x.parent !== item; })), [item]);
+                        this._selected = __spread(this._selected.filter(function (x) { return x.parent !== item; }), [item]);
                     }
                     else {
-                        this._selected = __spread(this._selected, item.children.filter(( /**
-                             * @param {?} x
-                             * @return {?}
-                             */function (/**
-                             * @param {?} x
-                             * @return {?}
-                             */ x) { return !x.disabled; })));
+                        this._selected = __spread(this._selected, item.children.filter(function (x) { return !x.disabled; }));
                     }
                 }
             }
         };
-        /**
-         * @param {?} item
-         * @param {?} multiple
-         * @return {?}
-         */
         DefaultSelectionModel.prototype.unselect = function (item, multiple) {
             var _a;
-            this._selected = this._selected.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x !== item; }));
+            this._selected = this._selected.filter(function (x) { return x !== item; });
             item.selected = false;
             if (multiple) {
                 if (item.parent && item.parent.selected) {
-                    /** @type {?} */
                     var children = item.parent.children;
                     this._removeParent(item.parent);
                     this._removeChildren(item.parent);
-                    (_a = this._selected).push.apply(_a, __spread(children.filter(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (/**
-                     * @param {?} x
-                     * @return {?}
-                     */ x) { return x !== item && !x.disabled; }))));
+                    (_a = this._selected).push.apply(_a, __spread(children.filter(function (x) { return x !== item && !x.disabled; })));
                     item.parent.selected = false;
                 }
                 else if (item.children) {
@@ -5099,25 +3336,9 @@
                 }
             }
         };
-        /**
-         * @param {?} keepDisabled
-         * @return {?}
-         */
         DefaultSelectionModel.prototype.clear = function (keepDisabled) {
-            this._selected = keepDisabled ? this._selected.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x.disabled; })) : [];
+            this._selected = keepDisabled ? this._selected.filter(function (x) { return x.disabled; }) : [];
         };
-        /**
-         * @private
-         * @param {?} children
-         * @param {?} selected
-         * @return {?}
-         */
         DefaultSelectionModel.prototype._setChildrenSelectedState = function (children, selected) {
             var e_1, _a;
             try {
@@ -5138,69 +3359,18 @@
             }
             ;
         };
-        /**
-         * @private
-         * @param {?} parent
-         * @return {?}
-         */
         DefaultSelectionModel.prototype._removeChildren = function (parent) {
-            this._selected = __spread(this._selected.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x.parent !== parent; })), parent.children.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x.parent === parent && x.disabled && x.selected; })));
+            this._selected = __spread(this._selected.filter(function (x) { return x.parent !== parent; }), parent.children.filter(function (x) { return x.parent === parent && x.disabled && x.selected; }));
         };
-        /**
-         * @private
-         * @param {?} parent
-         * @return {?}
-         */
         DefaultSelectionModel.prototype._removeParent = function (parent) {
-            this._selected = this._selected.filter(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return x !== parent; }));
+            this._selected = this._selected.filter(function (x) { return x !== parent; });
         };
-        /**
-         * @private
-         * @param {?} item
-         * @return {?}
-         */
         DefaultSelectionModel.prototype._activeChildren = function (item) {
-            return item.children.every(( /**
-             * @param {?} x
-             * @return {?}
-             */function (/**
-             * @param {?} x
-             * @return {?}
-             */ x) { return !x.disabled || x.selected; }));
+            return item.children.every(function (x) { return !x.disabled || x.selected; });
         };
         return DefaultSelectionModel;
     }());
-    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
-     */
     var ɵ0 = DefaultSelectionModelFactory;
     var NgSelectModule = /** @class */ (function () {
         function NgSelectModule() {
@@ -5250,16 +3420,12 @@
                 },] }
     ];
 
-    /**
-     * @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.
      */
 
     exports.NgSelectComponent = NgSelectComponent;