@ng-select/ng-select 7.2.0 → 8.1.0

package/fesm2015/{ng-select-ng-select.js → ng-select-ng-select.mjs}

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { Directive, ElementRef, Input, TemplateRef, Injectable, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Renderer2, NgZone, Optional, Inject, Output, ViewChild, InjectionToken, forwardRef, Attribute, ChangeDetectorRef, HostBinding, ContentChild, ContentChildren, HostListener, NgModule } from '@angular/core';
+import { Directive, Input, Injectable, EventEmitter, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Inject, Output, ViewChild, InjectionToken, forwardRef, TemplateRef, Attribute, HostBinding, ContentChild, ContentChildren, HostListener, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { takeUntil, auditTime, startWith, tap, debounceTime, filter, map } from 'rxjs/operators';
 import { animationFrameScheduler, asapScheduler, Subject, fromEvent, merge } from 'rxjs';
+import * as i4 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 
 const unescapedHTMLExp = /[&<>"']/g;
@@ -14,10 +15,10 @@ const htmlEscapes = {
     '"': '&quot;',
     '\'': '&#39;'
 };
-function escapeHTML(string) {
-    return (string && hasUnescapedHTMLExp.test(string)) ?
-        string.replace(unescapedHTMLExp, chr => htmlEscapes[chr]) :
-        string;
+function escapeHTML(value) {
+    return (value && hasUnescapedHTMLExp.test(value)) ?
+        value.replace(unescapedHTMLExp, chr => htmlEscapes[chr]) :
+        value;
 }
 function isDefined(value) {
     return value !== undefined && value !== null;
@@ -43,152 +44,153 @@ class NgItemLabelDirective {
             this.ngItemLabel;
     }
 }
-NgItemLabelDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ngItemLabel]' },] }
-];
-NgItemLabelDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-NgItemLabelDirective.propDecorators = {
-    ngItemLabel: [{ type: Input }],
-    escape: [{ type: Input }]
-};
+NgItemLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgItemLabelDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgItemLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgItemLabelDirective, selector: "[ngItemLabel]", inputs: { ngItemLabel: "ngItemLabel", escape: "escape" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgItemLabelDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ngItemLabel]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { ngItemLabel: [{
+                type: Input
+            }], escape: [{
+                type: Input
+            }] } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgOptionTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgOptionTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-option-tmp]' },] }
-];
-NgOptionTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgOptionTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgOptionTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptionTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-option-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgOptgroupTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgOptgroupTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-optgroup-tmp]' },] }
-];
-NgOptgroupTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgOptgroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptgroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgOptgroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptgroupTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-optgroup-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgLabelTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgLabelTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-label-tmp]' },] }
-];
-NgLabelTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgLabelTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLabelTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgLabelTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLabelTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-label-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgMultiLabelTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgMultiLabelTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-multi-label-tmp]' },] }
-];
-NgMultiLabelTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgMultiLabelTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgMultiLabelTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgMultiLabelTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgMultiLabelTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-multi-label-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgHeaderTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgHeaderTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-header-tmp]' },] }
-];
-NgHeaderTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgHeaderTemplateDirective, selector: "[ng-header-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-header-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgFooterTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgFooterTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-footer-tmp]' },] }
-];
-NgFooterTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgFooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgFooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgFooterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-footer-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgNotFoundTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgNotFoundTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-notfound-tmp]' },] }
-];
-NgNotFoundTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgNotFoundTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgNotFoundTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgNotFoundTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgNotFoundTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-notfound-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgTypeToSearchTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgTypeToSearchTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-typetosearch-tmp]' },] }
-];
-NgTypeToSearchTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgTypeToSearchTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgTypeToSearchTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgTypeToSearchTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgTypeToSearchTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-typetosearch-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgLoadingTextTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgLoadingTextTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-loadingtext-tmp]' },] }
-];
-NgLoadingTextTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgLoadingTextTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLoadingTextTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgLoadingTextTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLoadingTextTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-loadingtext-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgTagTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgTagTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-tag-tmp]' },] }
-];
-NgTagTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
+NgTagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgTagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgTagTemplateDirective, selector: "[ng-tag-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgTagTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-tag-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+// eslint-disable-next-line @angular-eslint/directive-selector
 class NgLoadingSpinnerTemplateDirective {
     constructor(template) {
         this.template = template;
     }
 }
-NgLoadingSpinnerTemplateDirective.decorators = [
-    { type: Directive, args: [{ selector: '[ng-loadingspinner-tmp]' },] }
-];
-NgLoadingSpinnerTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class ConsoleService {
-    warn(message) {
-        console.warn(message);
-    }
-}
-ConsoleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConsoleService_Factory() { return new ConsoleService(); }, token: ConsoleService, providedIn: "root" });
-ConsoleService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
+NgLoadingSpinnerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLoadingSpinnerTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgLoadingSpinnerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgLoadingSpinnerTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ng-loadingspinner-tmp]' }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
 function newId() {
     // First character is an 'a', it's good practice to tag id to begin with a letter
-    return 'axxxxxxxxxxx'.replace(/[x]/g, function (_) {
-        // tslint:disable-next-line:no-bitwise
+    return 'axxxxxxxxxxx'.replace(/[x]/g, () => {
+        // eslint-disable-next-line no-bitwise
         const val = Math.random() * 16 | 0;
         return val.toString(16);
     });
@@ -1036,9 +1038,7 @@ const diacritics = {
     '\u03C2': '\u03C3'
 };
 function stripSpecialChars(text) {
-    const match = (a) => {
-        return diacritics[a] || a;
-    };
+    const match = (a) => diacritics[a] || a;
     return text.replace(/[^\u0000-\u007E]/g, match);
 }
 
@@ -1074,7 +1074,7 @@ class ItemsList {
     get lastSelectedItem() {
         let i = this.selectedItems.length - 1;
         for (; i >= 0; i--) {
-            let item = this.selectedItems[i];
+            const item = this.selectedItems[i];
             if (!item.disabled) {
                 return item;
             }
@@ -1225,7 +1225,7 @@ class ItemsList {
             return option[key];
         }
         else {
-            let keys = key.split('.');
+            const keys = key.split('.');
             let value = option;
             for (let i = 0, len = keys.length; i < len; ++i) {
                 if (value == null) {
@@ -1240,9 +1240,9 @@ class ItemsList {
         const label = isDefined(item.$ngOptionLabel) ? item.$ngOptionLabel : this.resolveNested(item, this._ngSelect.bindLabel);
         const value = isDefined(item.$ngOptionValue) ? item.$ngOptionValue : item;
         return {
-            index: index,
+            index,
             label: isDefined(label) ? label.toString() : '',
-            value: value,
+            value,
             disabled: item.disabled,
             htmlId: `${this._ngSelect.dropdownId}-${index}`,
         };
@@ -1335,12 +1335,12 @@ class ItemsList {
         }
         const isFnKey = isFunction(this._ngSelect.groupBy);
         const keyFn = (item) => {
-            let key = isFnKey ? prop(item.value) : item.value[prop];
+            const key = isFnKey ? prop(item.value) : item.value[prop];
             return isDefined(key) ? key : undefined;
         };
         // Group items by key.
         for (const item of items) {
-            let key = keyFn(item);
+            const key = keyFn(item);
             const group = groups.get(key);
             if (group) {
                 group.push(item);
@@ -1466,12 +1466,13 @@ class NgDropdownPanelService {
         return null;
     }
 }
-NgDropdownPanelService.decorators = [
-    { type: Injectable }
-];
+NgDropdownPanelService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgDropdownPanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgDropdownPanelService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgDropdownPanelService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgDropdownPanelService, decorators: [{
+            type: Injectable
+        }] });
 
-const TOP_CSS_CLASS = 'ng-select-top';
-const BOTTOM_CSS_CLASS = 'ng-select-bottom';
+const CSS_POSITIONS = ['top', 'right', 'bottom', 'left'];
 const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
 class NgDropdownPanelComponent {
     constructor(_renderer, _zone, _panelService, _elementRef, _document) {
@@ -1568,23 +1569,27 @@ class NgDropdownPanelComponent {
     }
     _handleDropdownPosition() {
         this._currentPosition = this._calculateCurrentPosition(this._dropdown);
-        if (this._currentPosition === 'top') {
-            this._renderer.addClass(this._dropdown, TOP_CSS_CLASS);
-            this._renderer.removeClass(this._dropdown, BOTTOM_CSS_CLASS);
-            this._renderer.addClass(this._select, TOP_CSS_CLASS);
-            this._renderer.removeClass(this._select, BOTTOM_CSS_CLASS);
+        if (CSS_POSITIONS.includes(this._currentPosition)) {
+            this._updateDropdownClass(this._currentPosition);
         }
         else {
-            this._renderer.addClass(this._dropdown, BOTTOM_CSS_CLASS);
-            this._renderer.removeClass(this._dropdown, TOP_CSS_CLASS);
-            this._renderer.addClass(this._select, BOTTOM_CSS_CLASS);
-            this._renderer.removeClass(this._select, TOP_CSS_CLASS);
+            this._updateDropdownClass('bottom');
         }
         if (this.appendTo) {
             this._updateYPosition();
         }
         this._dropdown.style.opacity = '1';
     }
+    _updateDropdownClass(currentPosition) {
+        CSS_POSITIONS.forEach((position) => {
+            const REMOVE_CSS_CLASS = `ng-select-${position}`;
+            this._renderer.removeClass(this._dropdown, REMOVE_CSS_CLASS);
+            this._renderer.removeClass(this._select, REMOVE_CSS_CLASS);
+        });
+        const ADD_CSS_CLASS = `ng-select-${currentPosition}`;
+        this._renderer.addClass(this._dropdown, ADD_CSS_CLASS);
+        this._renderer.addClass(this._select, ADD_CSS_CLASS);
+    }
     _handleScroll() {
         this._zone.runOutsideAngular(() => {
             fromEvent(this.scrollElementRef.nativeElement, 'scroll')
@@ -1784,12 +1789,28 @@ class NgDropdownPanelComponent {
         });
     }
 }
-NgDropdownPanelComponent.decorators = [
-    { type: Component, args: [{
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                selector: 'ng-dropdown-panel',
-                template: `
+NgDropdownPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgDropdownPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: NgDropdownPanelService }, { token: i0.ElementRef }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NgDropdownPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NgDropdownPanelComponent, selector: "ng-dropdown-panel", inputs: { items: "items", markedItem: "markedItem", position: "position", appendTo: "appendTo", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", headerTemplate: "headerTemplate", footerTemplate: "footerTemplate", filterValue: "filterValue" }, outputs: { update: "update", scroll: "scroll", scrollToEnd: "scrollToEnd", outsideClick: "outsideClick" }, viewQueries: [{ propertyName: "contentElementRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, static: true }, { propertyName: "scrollElementRef", first: true, predicate: ["scroll"], descendants: true, read: ElementRef, static: true }, { propertyName: "paddingElementRef", first: true, predicate: ["padding"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+        <div *ngIf="headerTemplate" class="ng-dropdown-header">
+            <ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ searchTerm: filterValue }"></ng-container>
+        </div>
+        <div #scroll class="ng-dropdown-panel-items scroll-host">
+            <div #padding [class.total-padding]="virtualScroll"></div>
+            <div #content [class.scrollable-content]="virtualScroll && items.length">
+                <ng-content></ng-content>
+            </div>
+        </div>
+        <div *ngIf="footerTemplate" class="ng-dropdown-footer">
+            <ng-container [ngTemplateOutlet]="footerTemplate" [ngTemplateOutletContext]="{ searchTerm: filterValue }"></ng-container>
+        </div>
+    `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgDropdownPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    selector: 'ng-dropdown-panel',
+                    template: `
         <div *ngIf="headerTemplate" class="ng-dropdown-header">
             <ng-container [ngTemplateOutlet]="headerTemplate" [ngTemplateOutletContext]="{ searchTerm: filterValue }"></ng-container>
         </div>
@@ -1803,33 +1824,50 @@ NgDropdownPanelComponent.decorators = [
             <ng-container [ngTemplateOutlet]="footerTemplate" [ngTemplateOutletContext]="{ searchTerm: filterValue }"></ng-container>
         </div>
     `
-            },] }
-];
-NgDropdownPanelComponent.ctorParameters = () => [
-    { type: Renderer2 },
-    { type: NgZone },
-    { type: NgDropdownPanelService },
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
-];
-NgDropdownPanelComponent.propDecorators = {
-    items: [{ type: Input }],
-    markedItem: [{ type: Input }],
-    position: [{ type: Input }],
-    appendTo: [{ type: Input }],
-    bufferAmount: [{ type: Input }],
-    virtualScroll: [{ type: Input }],
-    headerTemplate: [{ type: Input }],
-    footerTemplate: [{ type: Input }],
-    filterValue: [{ type: Input }],
-    update: [{ type: Output }],
-    scroll: [{ type: Output }],
-    scrollToEnd: [{ type: Output }],
-    outsideClick: [{ type: Output }],
-    contentElementRef: [{ type: ViewChild, args: ['content', { read: ElementRef, static: true },] }],
-    scrollElementRef: [{ type: ViewChild, args: ['scroll', { read: ElementRef, static: true },] }],
-    paddingElementRef: [{ type: ViewChild, args: ['padding', { read: ElementRef, static: true },] }]
-};
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: NgDropdownPanelService }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { items: [{
+                type: Input
+            }], markedItem: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], bufferAmount: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
+            }], headerTemplate: [{
+                type: Input
+            }], footerTemplate: [{
+                type: Input
+            }], filterValue: [{
+                type: Input
+            }], update: [{
+                type: Output
+            }], scroll: [{
+                type: Output
+            }], scrollToEnd: [{
+                type: Output
+            }], outsideClick: [{
+                type: Output
+            }], contentElementRef: [{
+                type: ViewChild,
+                args: ['content', { read: ElementRef, static: true }]
+            }], scrollElementRef: [{
+                type: ViewChild,
+                args: ['scroll', { read: ElementRef, static: true }]
+            }], paddingElementRef: [{
+                type: ViewChild,
+                args: ['padding', { read: ElementRef, static: true }]
+            }] } });
 
 class NgOptionComponent {
     constructor(elementRef) {
@@ -1867,20 +1905,20 @@ class NgOptionComponent {
         return value != null && `${value}` !== 'false';
     }
 }
-NgOptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ng-option',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `<ng-content></ng-content>`
-            },] }
-];
-NgOptionComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-NgOptionComponent.propDecorators = {
-    value: [{ type: Input }],
-    disabled: [{ type: Input }]
-};
+NgOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NgOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NgOptionComponent, selector: "ng-option", inputs: { value: "value", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgOptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-option',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
 
 class NgSelectConfig {
     constructor() {
@@ -1894,16 +1932,31 @@ class NgSelectConfig {
         this.appearance = 'underline';
     }
 }
-NgSelectConfig.ɵprov = i0.ɵɵdefineInjectable({ factory: function NgSelectConfig_Factory() { return new NgSelectConfig(); }, token: NgSelectConfig, providedIn: "root" });
-NgSelectConfig.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
+NgSelectConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgSelectConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ConsoleService {
+    warn(message) {
+        console.warn(message);
+    }
+}
+ConsoleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ConsoleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ConsoleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ConsoleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ConsoleService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 const SELECTION_MODEL_FACTORY = new InjectionToken('ng-select-selection-model');
 class NgSelectComponent {
     constructor(classes, autoFocus, config, newSelectionModel, _elementRef, _cd, _console) {
         this.classes = classes;
         this.autoFocus = autoFocus;
+        this.config = config;
         this._cd = _cd;
         this._console = _console;
         this.markFirst = true;
@@ -1942,11 +1995,11 @@ class NgSelectComponent {
         this.removeEvent = new EventEmitter();
         this.scroll = new EventEmitter();
         this.scrollToEnd = new EventEmitter();
+        this.useDefaultClass = true;
         this.viewPortItems = [];
         this.searchTerm = null;
         this.dropdownId = newId();
         this.escapeHTML = true;
-        this.useDefaultClass = true;
         this._items = [];
         this._defaultLabel = 'label';
         this._pressedKeys = [];
@@ -1986,7 +2039,15 @@ class NgSelectComponent {
         }
         this._compareWith = fn;
     }
-    get clearSearchOnAdd() { return isDefined(this._clearSearchOnAdd) ? this._clearSearchOnAdd : this.closeOnSelect; }
+    get clearSearchOnAdd() {
+        if (isDefined(this._clearSearchOnAdd)) {
+            return this._clearSearchOnAdd;
+        }
+        else if (isDefined(this.config.clearSearchOnAdd)) {
+            return this.config.clearSearchOnAdd;
+        }
+        return this.closeOnSelect;
+    }
     ;
     set clearSearchOnAdd(value) {
         this._clearSearchOnAdd = value;
@@ -1996,6 +2057,8 @@ class NgSelectComponent {
     ;
     get filtered() { return (!!this.searchTerm && this.searchable || this._isComposing); }
     ;
+    get single() { return !this.multiple; }
+    ;
     get _editableSearchTerm() {
         return this.editableSearchTerm && !this.multiple;
     }
@@ -2635,107 +2698,227 @@ class NgSelectComponent {
         this.appearance = this.appearance || config.appearance;
     }
 }
-NgSelectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ng-select',
-                template: "<div\n    (mousedown)=\"handleMousedown($event)\"\n    [class.ng-appearance-outline]=\"appearance === 'outline'\"\n    [class.ng-has-value]=\"hasValue\"\n    class=\"ng-select-container\">\n\n    <div class=\"ng-value-container\">\n        <div class=\"ng-placeholder\">{{placeholder}}</div>\n\n        <ng-container *ngIf=\"(!multiLabelTemplate  || !multiple ) && selectedItems.length > 0\">\n            <div [class.ng-value-disabled]=\"item.disabled\" class=\"ng-value\" *ngFor=\"let item of selectedItems; trackBy: trackByOption\">\n                <ng-template #defaultLabelTemplate>\n                    <span class=\"ng-value-icon left\" (click)=\"unselect(item);\" aria-hidden=\"true\">\u00D7</span>\n                    <span class=\"ng-value-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n                </ng-template>\n\n                <ng-template\n                    [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                    [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n                </ng-template>\n            </div>\n        </ng-container>\n\n        <ng-template *ngIf=\"multiple && multiLabelTemplate && selectedValues.length > 0\"\n                [ngTemplateOutlet]=\"multiLabelTemplate\"\n                [ngTemplateOutletContext]=\"{ items: selectedValues, clear: clearItem }\">\n        </ng-template>\n\n        <div class=\"ng-input\"\n            role=\"combobox\" \n            [attr.aria-expanded]=\"isOpen\" \n            [attr.aria-owns]=\"isOpen ? dropdownId : null\" \n            aria-haspopup=\"listbox\">\n\n            <input #searchInput\n                   [attr.id]=\"labelForId\"\n                   [attr.tabindex]=\"tabIndex\"\n                   [readOnly]=\"!searchable || itemsList.maxItemsSelected\"\n                   [disabled]=\"disabled\"\n                   [value]=\"searchTerm ? searchTerm : ''\"\n                   (input)=\"filter(searchInput.value)\"\n                   (compositionstart)=\"onCompositionStart()\"\n                   (compositionend)=\"onCompositionEnd(searchInput.value)\"\n                   (focus)=\"onInputFocus($event)\"\n                   (blur)=\"onInputBlur($event)\"\n                   (change)=\"$event.stopPropagation()\"\n                   [attr.aria-activedescendant]=\"isOpen ? itemsList?.markedItem?.htmlId : null\"\n                   aria-autocomplete=\"list\"\n                   [attr.aria-controls]=\"isOpen ? dropdownId : null\">\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"loading\">\n        <ng-template #defaultLoadingSpinnerTemplate>\n            <div class=\"ng-spinner-loader\"></div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingSpinnerTemplate || defaultLoadingSpinnerTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <span *ngIf=\"showClear()\" class=\"ng-clear-wrapper\" title=\"{{clearAllText}}\">\n        <span class=\"ng-clear\" aria-hidden=\"true\">\u00D7</span>\n    </span>\n\n    <span class=\"ng-arrow-wrapper\">\n        <span class=\"ng-arrow\"></span>\n    </span>\n</div>\n\n<ng-dropdown-panel *ngIf=\"isOpen\"\n                   class=\"ng-dropdown-panel\"\n                   [virtualScroll]=\"virtualScroll\"\n                   [bufferAmount]=\"bufferAmount\"\n                   [appendTo]=\"appendTo\"\n                   [position]=\"dropdownPosition\"\n                   [headerTemplate]=\"headerTemplate\"\n                   [footerTemplate]=\"footerTemplate\"\n                   [filterValue]=\"searchTerm\"\n                   [items]=\"itemsList.filteredItems\"\n                   [markedItem]=\"itemsList.markedItem\"\n                   (update)=\"viewPortItems = $event\"\n                   (scroll)=\"scroll.emit($event)\"\n                   (scrollToEnd)=\"scrollToEnd.emit($event)\"\n                   (outsideClick)=\"close()\"\n                   [class.ng-select-multiple]=\"multiple\"\n                   [ngClass]=\"appendTo ? classes : null\"\n                   [id]=\"dropdownId\"\n                   role=\"listbox\"\n                   aria-label=\"Options list\">\n\n    <ng-container>\n        <div class=\"ng-option\" [attr.role]=\"item.children ? 'group' : 'option'\" (click)=\"toggleItem(item)\" (mouseover)=\"onItemHover(item)\"\n                *ngFor=\"let item of viewPortItems; trackBy: trackByOption\"\n                [class.ng-option-disabled]=\"item.disabled\"\n                [class.ng-option-selected]=\"item.selected\"\n                [class.ng-optgroup]=\"item.children\"\n                [class.ng-option]=\"!item.children\"\n                [class.ng-option-child]=\"!!item.parent\"\n                [class.ng-option-marked]=\"item === itemsList.markedItem\"\n                [attr.aria-selected]=\"item.selected\"\n                [attr.id]=\"item?.htmlId\">\n\n            <ng-template #defaultOptionTemplate>\n                <span class=\"ng-option-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"item.children ? (optgroupTemplate || defaultOptionTemplate) : (optionTemplate || defaultOptionTemplate)\"\n                [ngTemplateOutletContext]=\"{ item: item.value, item$:item, index: item.index, searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n\n        <div class=\"ng-option\" [class.ng-option-marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag\">\n            <ng-template #defaultTagTemplate>\n                <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{searchTerm}}\"</span>\n            </ng-template>\n\n            <ng-template\n                [ngTemplateOutlet]=\"tagTemplate || defaultTagTemplate\"\n                [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n            </ng-template>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"showNoItemsFound()\">\n        <ng-template #defaultNotFoundTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{notFoundText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"notFoundTemplate || defaultNotFoundTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"showTypeToSearch()\">\n        <ng-template #defaultTypeToSearchTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"typeToSearchTemplate || defaultTypeToSearchTemplate\">\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"loading && itemsList.filteredItems.length === 0\">\n        <ng-template #defaultLoadingTextTemplate>\n            <div class=\"ng-option ng-option-disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-template\n            [ngTemplateOutlet]=\"loadingTextTemplate || defaultLoadingTextTemplate\"\n            [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n        </ng-template>\n    </ng-container>\n\n</ng-dropdown-panel>\n",
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => NgSelectComponent),
-                        multi: true
-                    }, NgDropdownPanelService],
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: {
-                    '[class.ng-select]': 'useDefaultClass',
-                    '[class.ng-select-single]': '!multiple',
-                },
-                styles: [".ng-select{position:relative;display:block}.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{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.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{box-sizing:content-box;background:none transparent;border:0;box-shadow:none;outline:none;padding:0;cursor:default;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]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0;padding: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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{position:absolute;left:0;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{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border:2px solid rgba(66,66,66,.2);border-left-color:#424242;transform:translateZ(0);-webkit-animation:load8 .8s linear infinite;animation:load8 .8s linear infinite}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height: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{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}"]
-            },] }
-];
-NgSelectComponent.ctorParameters = () => [
-    { type: String, decorators: [{ type: Attribute, args: ['class',] }] },
-    { type: undefined, decorators: [{ type: Attribute, args: ['autofocus',] }] },
-    { type: NgSelectConfig },
-    { type: undefined, decorators: [{ type: Inject, args: [SELECTION_MODEL_FACTORY,] }] },
-    { type: ElementRef },
-    { type: ChangeDetectorRef },
-    { type: ConsoleService }
-];
-NgSelectComponent.propDecorators = {
-    bindLabel: [{ type: Input }],
-    bindValue: [{ type: Input }],
-    markFirst: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    notFoundText: [{ type: Input }],
-    typeToSearchText: [{ type: Input }],
-    addTagText: [{ type: Input }],
-    loadingText: [{ type: Input }],
-    clearAllText: [{ type: Input }],
-    appearance: [{ type: Input }],
-    dropdownPosition: [{ type: Input }],
-    appendTo: [{ type: Input }],
-    loading: [{ type: Input }],
-    closeOnSelect: [{ type: Input }],
-    hideSelected: [{ type: Input }],
-    selectOnTab: [{ type: Input }],
-    openOnEnter: [{ type: Input }],
-    maxSelectedItems: [{ type: Input }],
-    groupBy: [{ type: Input }],
-    groupValue: [{ type: Input }],
-    bufferAmount: [{ type: Input }],
-    virtualScroll: [{ type: Input }],
-    selectableGroup: [{ type: Input }],
-    selectableGroupAsModel: [{ type: Input }],
-    searchFn: [{ type: Input }],
-    trackByFn: [{ type: Input }],
-    clearOnBackspace: [{ type: Input }],
-    labelForId: [{ type: Input }],
-    inputAttrs: [{ type: Input }],
-    tabIndex: [{ type: Input }],
-    readonly: [{ type: Input }],
-    searchWhileComposing: [{ type: Input }],
-    minTermLength: [{ type: Input }],
-    editableSearchTerm: [{ type: Input }],
-    keyDownFn: [{ type: Input }],
-    typeahead: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-typeahead',] }],
-    multiple: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-multiple',] }],
-    addTag: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-taggable',] }],
-    searchable: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-searchable',] }],
-    clearable: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-clearable',] }],
-    isOpen: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-opened',] }],
-    items: [{ type: Input }],
-    compareWith: [{ type: Input }],
-    clearSearchOnAdd: [{ type: Input }],
-    blurEvent: [{ type: Output, args: ['blur',] }],
-    focusEvent: [{ type: Output, args: ['focus',] }],
-    changeEvent: [{ type: Output, args: ['change',] }],
-    openEvent: [{ type: Output, args: ['open',] }],
-    closeEvent: [{ type: Output, args: ['close',] }],
-    searchEvent: [{ type: Output, args: ['search',] }],
-    clearEvent: [{ type: Output, args: ['clear',] }],
-    addEvent: [{ type: Output, args: ['add',] }],
-    removeEvent: [{ type: Output, args: ['remove',] }],
-    scroll: [{ type: Output, args: ['scroll',] }],
-    scrollToEnd: [{ type: Output, args: ['scrollToEnd',] }],
-    optionTemplate: [{ type: ContentChild, args: [NgOptionTemplateDirective, { read: TemplateRef },] }],
-    optgroupTemplate: [{ type: ContentChild, args: [NgOptgroupTemplateDirective, { read: TemplateRef },] }],
-    labelTemplate: [{ type: ContentChild, args: [NgLabelTemplateDirective, { read: TemplateRef },] }],
-    multiLabelTemplate: [{ type: ContentChild, args: [NgMultiLabelTemplateDirective, { read: TemplateRef },] }],
-    headerTemplate: [{ type: ContentChild, args: [NgHeaderTemplateDirective, { read: TemplateRef },] }],
-    footerTemplate: [{ type: ContentChild, args: [NgFooterTemplateDirective, { read: TemplateRef },] }],
-    notFoundTemplate: [{ type: ContentChild, args: [NgNotFoundTemplateDirective, { read: TemplateRef },] }],
-    typeToSearchTemplate: [{ type: ContentChild, args: [NgTypeToSearchTemplateDirective, { read: TemplateRef },] }],
-    loadingTextTemplate: [{ type: ContentChild, args: [NgLoadingTextTemplateDirective, { read: TemplateRef },] }],
-    tagTemplate: [{ type: ContentChild, args: [NgTagTemplateDirective, { read: TemplateRef },] }],
-    loadingSpinnerTemplate: [{ type: ContentChild, args: [NgLoadingSpinnerTemplateDirective, { read: TemplateRef },] }],
-    dropdownPanel: [{ type: ViewChild, args: [forwardRef(() => NgDropdownPanelComponent),] }],
-    searchInput: [{ type: ViewChild, args: ['searchInput', { static: true },] }],
-    ngOptions: [{ type: ContentChildren, args: [NgOptionComponent, { descendants: true },] }],
-    disabled: [{ type: HostBinding, args: ['class.ng-select-disabled',] }],
-    filtered: [{ type: HostBinding, args: ['class.ng-select-filtered',] }],
-    handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
+NgSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectComponent, deps: [{ token: 'class', attribute: true }, { token: 'autofocus', attribute: true }, { token: NgSelectConfig }, { token: SELECTION_MODEL_FACTORY }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: ConsoleService }], target: i0.ɵɵFactoryTarget.Component });
+NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NgSelectComponent, selector: "ng-select", inputs: { bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", notFoundText: "notFoundText", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", appearance: "appearance", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", trackByFn: "trackByFn", clearOnBackspace: "clearOnBackspace", labelForId: "labelForId", inputAttrs: "inputAttrs", tabIndex: "tabIndex", readonly: "readonly", searchWhileComposing: "searchWhileComposing", minTermLength: "minTermLength", editableSearchTerm: "editableSearchTerm", keyDownFn: "keyDownFn", typeahead: "typeahead", multiple: "multiple", addTag: "addTag", searchable: "searchable", clearable: "clearable", isOpen: "isOpen", items: "items", compareWith: "compareWith", clearSearchOnAdd: "clearSearchOnAdd" }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scroll: "scroll", scrollToEnd: "scrollToEnd" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.ng-select-typeahead": "this.typeahead", "class.ng-select-multiple": "this.multiple", "class.ng-select-taggable": "this.addTag", "class.ng-select-searchable": "this.searchable", "class.ng-select-clearable": "this.clearable", "class.ng-select-opened": "this.isOpen", "class.ng-select": "this.useDefaultClass", "class.ng-select-disabled": "this.disabled", "class.ng-select-filtered": "this.filtered", "class.ng-select-single": "this.single" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => NgSelectComponent),
+            multi: true
+        }, NgDropdownPanelService], queries: [{ propertyName: "optionTemplate", first: true, predicate: NgOptionTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "optgroupTemplate", first: true, predicate: NgOptgroupTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "labelTemplate", first: true, predicate: NgLabelTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemplate", first: true, predicate: NgMultiLabelTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "headerTemplate", first: true, predicate: NgHeaderTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: NgFooterTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "notFoundTemplate", first: true, predicate: NgNotFoundTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "typeToSearchTemplate", first: true, predicate: NgTypeToSearchTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "loadingTextTemplate", first: true, predicate: NgLoadingTextTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "tagTemplate", first: true, predicate: NgTagTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "loadingSpinnerTemplate", first: true, predicate: NgLoadingSpinnerTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "ngOptions", predicate: NgOptionComponent, descendants: true }], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: i0.forwardRef(function () { return NgDropdownPanelComponent; }), descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, 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", styles: ["@charset \"UTF-8\";.ng-select{position:relative;display:block;box-sizing:border-box}.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{-webkit-user-select:none;user-select:none;cursor:default}.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{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;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]{-webkit-user-select:none;user-select:none;width:0;padding: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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{position:absolute;left:0;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{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}\n"], components: [{ type: NgDropdownPanelComponent, selector: "ng-dropdown-panel", inputs: ["items", "markedItem", "position", "appendTo", "bufferAmount", "virtualScroll", "headerTemplate", "footerTemplate", "filterValue"], outputs: ["update", "scroll", "scrollToEnd", "outsideClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgItemLabelDirective, selector: "[ngItemLabel]", inputs: ["ngItemLabel", "escape"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-select', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NgSelectComponent),
+                            multi: true
+                        }, NgDropdownPanelService], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: ["@charset \"UTF-8\";.ng-select{position:relative;display:block;box-sizing:border-box}.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{-webkit-user-select:none;user-select:none;cursor:default}.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{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;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]{-webkit-user-select:none;user-select:none;width:0;padding: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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{position:absolute;left:0;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{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Attribute,
+                        args: ['class']
+                    }] }, { type: undefined, decorators: [{
+                        type: Attribute,
+                        args: ['autofocus']
+                    }] }, { type: NgSelectConfig }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [SELECTION_MODEL_FACTORY]
+                    }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: ConsoleService }];
+    }, propDecorators: { bindLabel: [{
+                type: Input
+            }], bindValue: [{
+                type: Input
+            }], markFirst: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], notFoundText: [{
+                type: Input
+            }], typeToSearchText: [{
+                type: Input
+            }], addTagText: [{
+                type: Input
+            }], loadingText: [{
+                type: Input
+            }], clearAllText: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], dropdownPosition: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], closeOnSelect: [{
+                type: Input
+            }], hideSelected: [{
+                type: Input
+            }], selectOnTab: [{
+                type: Input
+            }], openOnEnter: [{
+                type: Input
+            }], maxSelectedItems: [{
+                type: Input
+            }], groupBy: [{
+                type: Input
+            }], groupValue: [{
+                type: Input
+            }], bufferAmount: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
+            }], selectableGroup: [{
+                type: Input
+            }], selectableGroupAsModel: [{
+                type: Input
+            }], searchFn: [{
+                type: Input
+            }], trackByFn: [{
+                type: Input
+            }], clearOnBackspace: [{
+                type: Input
+            }], labelForId: [{
+                type: Input
+            }], inputAttrs: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], searchWhileComposing: [{
+                type: Input
+            }], minTermLength: [{
+                type: Input
+            }], editableSearchTerm: [{
+                type: Input
+            }], keyDownFn: [{
+                type: Input
+            }], typeahead: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-typeahead']
+            }], multiple: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-multiple']
+            }], addTag: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-taggable']
+            }], searchable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-searchable']
+            }], clearable: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-clearable']
+            }], isOpen: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ng-select-opened']
+            }], items: [{
+                type: Input
+            }], compareWith: [{
+                type: Input
+            }], clearSearchOnAdd: [{
+                type: Input
+            }], blurEvent: [{
+                type: Output,
+                args: ['blur']
+            }], focusEvent: [{
+                type: Output,
+                args: ['focus']
+            }], changeEvent: [{
+                type: Output,
+                args: ['change']
+            }], openEvent: [{
+                type: Output,
+                args: ['open']
+            }], closeEvent: [{
+                type: Output,
+                args: ['close']
+            }], searchEvent: [{
+                type: Output,
+                args: ['search']
+            }], clearEvent: [{
+                type: Output,
+                args: ['clear']
+            }], addEvent: [{
+                type: Output,
+                args: ['add']
+            }], removeEvent: [{
+                type: Output,
+                args: ['remove']
+            }], scroll: [{
+                type: Output,
+                args: ['scroll']
+            }], scrollToEnd: [{
+                type: Output,
+                args: ['scrollToEnd']
+            }], optionTemplate: [{
+                type: ContentChild,
+                args: [NgOptionTemplateDirective, { read: TemplateRef }]
+            }], optgroupTemplate: [{
+                type: ContentChild,
+                args: [NgOptgroupTemplateDirective, { read: TemplateRef }]
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: [NgLabelTemplateDirective, { read: TemplateRef }]
+            }], multiLabelTemplate: [{
+                type: ContentChild,
+                args: [NgMultiLabelTemplateDirective, { read: TemplateRef }]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [NgHeaderTemplateDirective, { read: TemplateRef }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [NgFooterTemplateDirective, { read: TemplateRef }]
+            }], notFoundTemplate: [{
+                type: ContentChild,
+                args: [NgNotFoundTemplateDirective, { read: TemplateRef }]
+            }], typeToSearchTemplate: [{
+                type: ContentChild,
+                args: [NgTypeToSearchTemplateDirective, { read: TemplateRef }]
+            }], loadingTextTemplate: [{
+                type: ContentChild,
+                args: [NgLoadingTextTemplateDirective, { read: TemplateRef }]
+            }], tagTemplate: [{
+                type: ContentChild,
+                args: [NgTagTemplateDirective, { read: TemplateRef }]
+            }], loadingSpinnerTemplate: [{
+                type: ContentChild,
+                args: [NgLoadingSpinnerTemplateDirective, { read: TemplateRef }]
+            }], dropdownPanel: [{
+                type: ViewChild,
+                args: [forwardRef(() => NgDropdownPanelComponent)]
+            }], searchInput: [{
+                type: ViewChild,
+                args: ['searchInput', { static: true }]
+            }], ngOptions: [{
+                type: ContentChildren,
+                args: [NgOptionComponent, { descendants: true }]
+            }], useDefaultClass: [{
+                type: HostBinding,
+                args: ['class.ng-select']
+            }], disabled: [{
+                type: HostBinding,
+                args: ['class.ng-select-disabled']
+            }], filtered: [{
+                type: HostBinding,
+                args: ['class.ng-select-filtered']
+            }], single: [{
+                type: HostBinding,
+                args: ['class.ng-select-single']
+            }], handleKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 
 function DefaultSelectionModelFactory() {
     return new DefaultSelectionModel();
@@ -2812,51 +2995,84 @@ class DefaultSelectionModel {
     }
 }
 
-const ɵ0 = DefaultSelectionModelFactory;
 class NgSelectModule {
 }
-NgSelectModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    NgDropdownPanelComponent,
-                    NgOptionComponent,
-                    NgSelectComponent,
-                    NgOptgroupTemplateDirective,
-                    NgOptionTemplateDirective,
-                    NgLabelTemplateDirective,
-                    NgMultiLabelTemplateDirective,
-                    NgHeaderTemplateDirective,
-                    NgFooterTemplateDirective,
-                    NgNotFoundTemplateDirective,
-                    NgTypeToSearchTemplateDirective,
-                    NgLoadingTextTemplateDirective,
-                    NgTagTemplateDirective,
-                    NgLoadingSpinnerTemplateDirective,
-                    NgItemLabelDirective
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    NgSelectComponent,
-                    NgOptionComponent,
-                    NgOptgroupTemplateDirective,
-                    NgOptionTemplateDirective,
-                    NgLabelTemplateDirective,
-                    NgMultiLabelTemplateDirective,
-                    NgHeaderTemplateDirective,
-                    NgFooterTemplateDirective,
-                    NgNotFoundTemplateDirective,
-                    NgTypeToSearchTemplateDirective,
-                    NgLoadingTextTemplateDirective,
-                    NgTagTemplateDirective,
-                    NgLoadingSpinnerTemplateDirective
-                ],
-                providers: [
-                    { provide: SELECTION_MODEL_FACTORY, useValue: ɵ0 }
-                ]
-            },] }
-];
+NgSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectModule, declarations: [NgDropdownPanelComponent,
+        NgOptionComponent,
+        NgSelectComponent,
+        NgOptgroupTemplateDirective,
+        NgOptionTemplateDirective,
+        NgLabelTemplateDirective,
+        NgMultiLabelTemplateDirective,
+        NgHeaderTemplateDirective,
+        NgFooterTemplateDirective,
+        NgNotFoundTemplateDirective,
+        NgTypeToSearchTemplateDirective,
+        NgLoadingTextTemplateDirective,
+        NgTagTemplateDirective,
+        NgLoadingSpinnerTemplateDirective,
+        NgItemLabelDirective], imports: [CommonModule], exports: [NgSelectComponent,
+        NgOptionComponent,
+        NgOptgroupTemplateDirective,
+        NgOptionTemplateDirective,
+        NgLabelTemplateDirective,
+        NgMultiLabelTemplateDirective,
+        NgHeaderTemplateDirective,
+        NgFooterTemplateDirective,
+        NgNotFoundTemplateDirective,
+        NgTypeToSearchTemplateDirective,
+        NgLoadingTextTemplateDirective,
+        NgTagTemplateDirective,
+        NgLoadingSpinnerTemplateDirective] });
+NgSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectModule, providers: [
+        { provide: SELECTION_MODEL_FACTORY, useValue: DefaultSelectionModelFactory }
+    ], imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NgDropdownPanelComponent,
+                        NgOptionComponent,
+                        NgSelectComponent,
+                        NgOptgroupTemplateDirective,
+                        NgOptionTemplateDirective,
+                        NgLabelTemplateDirective,
+                        NgMultiLabelTemplateDirective,
+                        NgHeaderTemplateDirective,
+                        NgFooterTemplateDirective,
+                        NgNotFoundTemplateDirective,
+                        NgTypeToSearchTemplateDirective,
+                        NgLoadingTextTemplateDirective,
+                        NgTagTemplateDirective,
+                        NgLoadingSpinnerTemplateDirective,
+                        NgItemLabelDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        NgSelectComponent,
+                        NgOptionComponent,
+                        NgOptgroupTemplateDirective,
+                        NgOptionTemplateDirective,
+                        NgLabelTemplateDirective,
+                        NgMultiLabelTemplateDirective,
+                        NgHeaderTemplateDirective,
+                        NgFooterTemplateDirective,
+                        NgNotFoundTemplateDirective,
+                        NgTypeToSearchTemplateDirective,
+                        NgLoadingTextTemplateDirective,
+                        NgTagTemplateDirective,
+                        NgLoadingSpinnerTemplateDirective
+                    ],
+                    providers: [
+                        { provide: SELECTION_MODEL_FACTORY, useValue: DefaultSelectionModelFactory }
+                    ]
+                }]
+        }] });
 
 /*
  * Public API Surface of ng-select
@@ -2866,5 +3082,5 @@ NgSelectModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { NgSelectComponent, NgSelectConfig, NgSelectModule, SELECTION_MODEL_FACTORY, DefaultSelectionModelFactory as ɵb, DefaultSelectionModel as ɵc, NgDropdownPanelService as ɵd, NgItemLabelDirective as ɵe, NgOptionTemplateDirective as ɵf, NgOptgroupTemplateDirective as ɵg, NgLabelTemplateDirective as ɵh, NgMultiLabelTemplateDirective as ɵi, NgHeaderTemplateDirective as ɵj, NgFooterTemplateDirective as ɵk, NgNotFoundTemplateDirective as ɵl, NgTypeToSearchTemplateDirective as ɵm, NgLoadingTextTemplateDirective as ɵn, NgTagTemplateDirective as ɵo, NgLoadingSpinnerTemplateDirective as ɵp, NgDropdownPanelComponent as ɵq, NgOptionComponent as ɵr, ConsoleService as ɵs };
-//# sourceMappingURL=ng-select-ng-select.js.map
+export { NgFooterTemplateDirective, NgHeaderTemplateDirective, NgItemLabelDirective, NgLabelTemplateDirective, NgLoadingSpinnerTemplateDirective, NgLoadingTextTemplateDirective, NgMultiLabelTemplateDirective, NgNotFoundTemplateDirective, NgOptgroupTemplateDirective, NgOptionComponent, NgOptionTemplateDirective, NgSelectComponent, NgSelectConfig, NgSelectModule, NgTagTemplateDirective, NgTypeToSearchTemplateDirective, SELECTION_MODEL_FACTORY };
+//# sourceMappingURL=ng-select-ng-select.mjs.map