@ng-select/ng-select 7.4.0 → 8.0.0

package/lib/ng-select.component.d.ts

@@ -1,19 +1,19 @@
-import { OnDestroy, OnChanges, AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef, ElementRef, SimpleChanges, QueryList, InjectionToken } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit, AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef, ElementRef, SimpleChanges, QueryList, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { ConsoleService } from './console.service';
 import { ItemsList } from './items-list';
-import { NgOption } from './ng-select.types';
+import { NgOption, DropdownPosition } from './ng-select.types';
 import { NgDropdownPanelComponent } from './ng-dropdown-panel.component';
 import { NgOptionComponent } from './ng-option.component';
 import { SelectionModelFactory } from './selection-model';
 import { NgSelectConfig } from './config.service';
+import * as i0 from "@angular/core";
 export declare const SELECTION_MODEL_FACTORY: InjectionToken<SelectionModelFactory>;
-export declare type DropdownPosition = 'top' | 'right' | 'bottom' | 'left' | 'auto';
 export declare type AddTagFn = ((term: string) => any | Promise<any>);
 export declare type CompareWithFn = (a: any, b: any) => boolean;
-export declare type GroupValueFn = (key: string | object, children: any[]) => string | object;
-export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor {
+export declare type GroupValueFn = (key: string | any, children: any[]) => string | any;
+export declare class NgSelectComponent implements OnDestroy, OnChanges, OnInit, AfterViewInit, ControlValueAccessor {
     classes: string;
     private autoFocus;
     config: NgSelectConfig;
@@ -37,7 +37,7 @@ export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterVie
     selectOnTab: boolean;
     openOnEnter: boolean;
     maxSelectedItems: number;
-    groupBy: string | Function;
+    groupBy: string | ((value: any) => any);
     groupValue: GroupValueFn;
     bufferAmount: number;
     virtualScroll: boolean;
@@ -99,8 +99,10 @@ export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterVie
     dropdownPanel: NgDropdownPanelComponent;
     searchInput: ElementRef<HTMLInputElement>;
     ngOptions: QueryList<NgOptionComponent>;
+    useDefaultClass: boolean;
     get disabled(): boolean;
     get filtered(): boolean;
+    get single(): boolean;
     itemsList: ItemsList;
     viewPortItems: NgOption[];
     searchTerm: string;
@@ -108,7 +110,6 @@ export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterVie
     element: HTMLElement;
     focused: boolean;
     escapeHTML: boolean;
-    useDefaultClass: boolean;
     private _items;
     private _itemsAreUsed;
     private _defaultLabel;
@@ -127,7 +128,7 @@ export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterVie
     clearItem: (item: any) => void;
     constructor(classes: string, autoFocus: any, config: NgSelectConfig, newSelectionModel: SelectionModelFactory, _elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef, _console: ConsoleService);
     get selectedItems(): NgOption[];
-    get selectedValues(): (string | Object)[];
+    get selectedValues(): any[];
     get hasValue(): boolean;
     get currentPanelPosition(): DropdownPosition;
     ngOnInit(): void;
@@ -188,4 +189,6 @@ export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterVie
     private get _isTypeahead();
     private get _validTerm();
     private _mergeGlobalConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectComponent, [{ attribute: "class"; }, { attribute: "autofocus"; }, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectComponent, "ng-select", never, { "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"; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "ngOptions"], never>;
 }

package/lib/ng-select.module.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ng-dropdown-panel.component";
+import * as i2 from "./ng-option.component";
+import * as i3 from "./ng-select.component";
+import * as i4 from "./ng-templates.directive";
+import * as i5 from "@angular/common";
 export declare class NgSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgSelectModule, [typeof i1.NgDropdownPanelComponent, typeof i2.NgOptionComponent, typeof i3.NgSelectComponent, typeof i4.NgOptgroupTemplateDirective, typeof i4.NgOptionTemplateDirective, typeof i4.NgLabelTemplateDirective, typeof i4.NgMultiLabelTemplateDirective, typeof i4.NgHeaderTemplateDirective, typeof i4.NgFooterTemplateDirective, typeof i4.NgNotFoundTemplateDirective, typeof i4.NgTypeToSearchTemplateDirective, typeof i4.NgLoadingTextTemplateDirective, typeof i4.NgTagTemplateDirective, typeof i4.NgLoadingSpinnerTemplateDirective, typeof i4.NgItemLabelDirective], [typeof i5.CommonModule], [typeof i3.NgSelectComponent, typeof i2.NgOptionComponent, typeof i4.NgOptgroupTemplateDirective, typeof i4.NgOptionTemplateDirective, typeof i4.NgLabelTemplateDirective, typeof i4.NgMultiLabelTemplateDirective, typeof i4.NgHeaderTemplateDirective, typeof i4.NgFooterTemplateDirective, typeof i4.NgNotFoundTemplateDirective, typeof i4.NgTypeToSearchTemplateDirective, typeof i4.NgLoadingTextTemplateDirective, typeof i4.NgTagTemplateDirective, typeof i4.NgLoadingSpinnerTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgSelectModule>;
 }

package/lib/ng-select.types.d.ts

@@ -6,7 +6,7 @@ export interface NgOption {
     disabled?: boolean;
     marked?: boolean;
     label?: string;
-    value?: string | Object;
+    value?: string | any;
     parent?: NgOption;
     children?: NgOption[];
 }
@@ -19,3 +19,4 @@ export declare enum KeyCode {
     ArrowDown = 40,
     Backspace = 8
 }
+export declare type DropdownPosition = 'top' | 'right' | 'bottom' | 'left' | 'auto';

package/lib/ng-templates.directive.d.ts

@@ -1,52 +1,77 @@
 import { ElementRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class NgItemLabelDirective implements OnChanges {
     private element;
     ngItemLabel: string;
     escape: boolean;
     constructor(element: ElementRef<HTMLElement>);
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgItemLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgItemLabelDirective, "[ngItemLabel]", never, { "ngItemLabel": "ngItemLabel"; "escape": "escape"; }, {}, never>;
 }
 export declare class NgOptionTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgOptionTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgOptionTemplateDirective, "[ng-option-tmp]", never, {}, {}, never>;
 }
 export declare class NgOptgroupTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgOptgroupTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgOptgroupTemplateDirective, "[ng-optgroup-tmp]", never, {}, {}, never>;
 }
 export declare class NgLabelTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgLabelTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLabelTemplateDirective, "[ng-label-tmp]", never, {}, {}, never>;
 }
 export declare class NgMultiLabelTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgMultiLabelTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgMultiLabelTemplateDirective, "[ng-multi-label-tmp]", never, {}, {}, never>;
 }
 export declare class NgHeaderTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgHeaderTemplateDirective, "[ng-header-tmp]", never, {}, {}, never>;
 }
 export declare class NgFooterTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgFooterTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgFooterTemplateDirective, "[ng-footer-tmp]", never, {}, {}, never>;
 }
 export declare class NgNotFoundTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgNotFoundTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgNotFoundTemplateDirective, "[ng-notfound-tmp]", never, {}, {}, never>;
 }
 export declare class NgTypeToSearchTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgTypeToSearchTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgTypeToSearchTemplateDirective, "[ng-typetosearch-tmp]", never, {}, {}, never>;
 }
 export declare class NgLoadingTextTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgLoadingTextTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLoadingTextTemplateDirective, "[ng-loadingtext-tmp]", never, {}, {}, never>;
 }
 export declare class NgTagTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgTagTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgTagTemplateDirective, "[ng-tag-tmp]", never, {}, {}, never>;
 }
 export declare class NgLoadingSpinnerTemplateDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgLoadingSpinnerTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLoadingSpinnerTemplateDirective, "[ng-loadingspinner-tmp]", never, {}, {}, never>;
 }

package/lib/value-utils.d.ts

@@ -1,4 +1,4 @@
-export declare function escapeHTML(string: string): string;
+export declare function escapeHTML(value: string): string;
 export declare function isDefined(value: any): boolean;
 export declare function isObject(value: any): boolean;
 export declare function isPromise(value: any): boolean;

package/ng-select-ng-select.d.ts

@@ -1,10 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ng-select/ng-select" />
 export * from './public-api';
-export { ConsoleService as ɵs } from './lib/console.service';
-export { NgDropdownPanelComponent as ɵq } from './lib/ng-dropdown-panel.component';
-export { NgDropdownPanelService as ɵd } from './lib/ng-dropdown-panel.service';
-export { NgOptionComponent as ɵr } from './lib/ng-option.component';
-export { NgFooterTemplateDirective as ɵk, NgHeaderTemplateDirective as ɵj, NgItemLabelDirective as ɵe, NgLabelTemplateDirective as ɵh, NgLoadingSpinnerTemplateDirective as ɵp, NgLoadingTextTemplateDirective as ɵn, NgMultiLabelTemplateDirective as ɵi, NgNotFoundTemplateDirective as ɵl, NgOptgroupTemplateDirective as ɵg, NgOptionTemplateDirective as ɵf, NgTagTemplateDirective as ɵo, NgTypeToSearchTemplateDirective as ɵm } from './lib/ng-templates.directive';
-export { DefaultSelectionModel as ɵc, DefaultSelectionModelFactory as ɵb, SelectionModelFactory as ɵa } from './lib/selection-model';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@ng-select/ng-select",
-  "version": "7.4.0",
+  "version": "8.0.0",
   "description": "Angular ng-select - All in One UI Select, Multiselect and Autocomplete",
   "author": "@ng-select/ng-select",
   "license": "MIT",
   "repository": "ng-select/ng-select",
   "engines": {
-    "node": ">= 12.14.0",
+    "node": ">= 12.20.0",
     "npm": ">= 6.0.0"
   },
   "keywords": [
@@ -19,19 +19,31 @@
     "angular2"
   ],
   "peerDependencies": {
-    "@angular/common": ">=12.0.0 <13.0.0",
-    "@angular/core": ">=12.0.0 <13.0.0",
-    "@angular/forms": ">=12.0.0 <13.0.0"
+    "@angular/common": ">=13.0.0 <14.0.0",
+    "@angular/core": ">=13.0.0 <14.0.0",
+    "@angular/forms": ">=13.0.0 <14.0.0"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.1"
   },
-  "main": "bundles/ng-select-ng-select.umd.js",
-  "module": "fesm2015/ng-select-ng-select.js",
-  "es2015": "fesm2015/ng-select-ng-select.js",
-  "esm2015": "esm2015/ng-select-ng-select.js",
-  "fesm2015": "fesm2015/ng-select-ng-select.js",
+  "module": "fesm2015/ng-select-ng-select.mjs",
+  "es2020": "fesm2020/ng-select-ng-select.mjs",
+  "esm2020": "esm2020/ng-select-ng-select.mjs",
+  "fesm2020": "fesm2020/ng-select-ng-select.mjs",
+  "fesm2015": "fesm2015/ng-select-ng-select.mjs",
   "typings": "ng-select-ng-select.d.ts",
-  "metadata": "ng-select-ng-select.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ng-select-ng-select.d.ts",
+      "esm2020": "./esm2020/ng-select-ng-select.mjs",
+      "es2020": "./fesm2020/ng-select-ng-select.mjs",
+      "es2015": "./fesm2015/ng-select-ng-select.mjs",
+      "node": "./fesm2015/ng-select-ng-select.mjs",
+      "default": "./fesm2020/ng-select-ng-select.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -1,5 +1,7 @@
-export { DropdownPosition, NgSelectComponent, SELECTION_MODEL_FACTORY } from './lib/ng-select.component';
+export { NgSelectComponent, SELECTION_MODEL_FACTORY } from './lib/ng-select.component';
 export { NgSelectModule } from './lib/ng-select.module';
-export { NgOption } from './lib/ng-select.types';
+export { NgOption, DropdownPosition } from './lib/ng-select.types';
 export { SelectionModel } from './lib/selection-model';
 export { NgSelectConfig } from './lib/config.service';
+export { NgOptionComponent } from './lib/ng-option.component';
+export { NgOptgroupTemplateDirective, NgOptionTemplateDirective, NgFooterTemplateDirective, NgHeaderTemplateDirective, NgItemLabelDirective, NgLabelTemplateDirective, NgLoadingSpinnerTemplateDirective, NgLoadingTextTemplateDirective, NgMultiLabelTemplateDirective, NgNotFoundTemplateDirective, NgTagTemplateDirective, NgTypeToSearchTemplateDirective } from './lib/ng-templates.directive';