@ng-matero/ng-select 0.6.0 → 1.0.1

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, OnDestroy, TemplateRef, EventEmitter, ElementRef, SimpleChanges, AfterViewChecked, AfterViewInit, InjectionToken, QueryList } from '@angular/core';
-import { Subject } from 'rxjs';
+import { OnChanges, AfterViewChecked, OnDestroy, ElementRef, SimpleChanges, OnInit, TemplateRef, EventEmitter, InjectionToken, AfterViewInit, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { Subject } from 'rxjs';
 
 interface NgOptionItem {
     [name: string]: any;
@@ -24,18 +24,100 @@ interface ScrollEvent {
     start: number;
     end: number;
 }
-type DropdownPanelPosition = 'top' | 'right' | 'bottom' | 'left' | 'auto';
+type PanelPosition = 'top' | 'right' | 'bottom' | 'left' | 'auto';
 type AddTagFn = (term: string) => any | Promise<any>;
 type CompareWithFn = (a: any, b: any) => boolean;
 type GroupValueFn = (key: string | any, children: any[]) => string | any;
 type SearchFn = (term: string, item: any) => boolean;
 type TrackByFn = (item: any) => any;
 
-declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
+type SelectionModelFactory = () => SelectionModel;
+declare function DefaultSelectionModelFactory(): DefaultSelectionModel;
+interface SelectionModel {
+    value: NgOptionItem[];
+    select(item: NgOptionItem, multiple: boolean, selectableGroupAsModel: boolean): void;
+    unselect(item: NgOptionItem, multiple: boolean): void;
+    clear(keepDisabled: boolean): void;
+}
+declare class DefaultSelectionModel implements SelectionModel {
+    get value(): NgOptionItem[];
+    private _selected;
+    select(item: NgOptionItem, multiple: boolean, groupAsModel: boolean): void;
+    unselect(item: NgOptionItem, multiple: boolean): void;
+    clear(keepDisabled: boolean): void;
+    private _setChildrenSelectedState;
+    private _removeChildren;
+    private _removeParent;
+    private _activeChildren;
+}
+
+declare class ItemsList {
+    private _ngSelect;
+    private _selectionModel;
+    private _groups;
+    constructor(_ngSelect: NgSelect, _selectionModel: SelectionModel);
+    get items(): NgOptionItem[];
+    private _items;
+    get filteredItems(): NgOptionItem[];
+    private _filteredItems;
+    get markedIndex(): number;
+    private _markedIndex;
+    get selectedItems(): NgOptionItem[];
+    get markedItem(): NgOptionItem | undefined;
+    get noItemsToSelect(): boolean;
+    get maxItemsSelected(): boolean;
+    get lastSelectedItem(): NgOptionItem | null;
+    setItems(items: readonly any[]): void;
+    select(item: NgOptionItem): void;
+    unselect(item: NgOptionItem): void;
+    findItem(value: any): NgOptionItem;
+    addItem(item: any): NgOptionItem;
+    clearSelected(keepDisabled?: boolean): void;
+    findByLabel(term: string): NgOptionItem | undefined;
+    filter(term: string): void;
+    resetFilteredItems(): void;
+    unmarkItem(): void;
+    markNextItem(): void;
+    markPreviousItem(): void;
+    markItem(item: NgOptionItem): void;
+    markSelectedOrDefault(markDefault?: boolean): void;
+    resolveNested(option: any, key: string): any;
+    mapItem(item: any, index: number | null): NgOptionItem;
+    mapSelectedItems(): void;
+    private _showSelected;
+    private _hideSelected;
+    private _defaultSearchFn;
+    private _getNextItemIndex;
+    private _stepToItem;
+    private _getLastMarkedIndex;
+    private _groupBy;
+    private _flatten;
+}
+
+declare class NgSelectOption implements OnChanges, AfterViewChecked, OnDestroy {
+    value: any;
+    disabled: boolean;
+    elementRef: ElementRef<HTMLElement>;
+    readonly stateChange$: Subject<{
+        value: any;
+        disabled: boolean;
+        label?: string;
+    }>;
+    private _previousLabel;
+    get label(): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectOption, "ng-option, ng-select-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+declare class NgSelectPanel implements OnInit, OnChanges, OnDestroy {
     listboxId: string;
     items: NgOptionItem[];
     markedItem?: NgOptionItem;
-    position: DropdownPanelPosition;
+    position: PanelPosition;
     appendTo?: string;
     bufferAmount: number;
     virtualScroll: boolean;
@@ -65,7 +147,7 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
     private _scrollToEndFired;
     private _updateScrollHeight;
     private _lastScrollPosition;
-    get currentPosition(): DropdownPanelPosition;
+    get currentPosition(): PanelPosition;
     private _currentPosition;
     private get itemsLength();
     private set itemsLength(value);
@@ -82,6 +164,7 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
     private _handleScroll;
     private _handleOutsideClick;
     private _checkToClose;
+    private _coordinatesWithin;
     private _onItemsChange;
     private _updateItems;
     private _updateItemsRange;
@@ -97,131 +180,12 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
     private _updateXPosition;
     private _updateYPosition;
     private _setupMousedownListener;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDropdownPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgDropdownPanel, "ng-dropdown-panel", never, { "listboxId": { "alias": "listboxId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "markedItem": { "alias": "markedItem"; "required": false; }; "position": { "alias": "position"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "update": "update"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; "outsideClick": "outsideClick"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectPanel, "ng-select-panel", never, { "listboxId": { "alias": "listboxId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "markedItem": { "alias": "markedItem"; "required": false; }; "position": { "alias": "position"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "update": "update"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; "outsideClick": "outsideClick"; }, never, ["*"], true, never>;
     static ngAcceptInputType_virtualScroll: unknown;
     static ngAcceptInputType_multiple: unknown;
 }
 
-interface ItemsRangeResult {
-    scrollHeight: number;
-    topPadding: number;
-    start: number;
-    end: number;
-}
-interface PanelDimensions {
-    itemHeight: number;
-    panelHeight: number;
-    itemsPerViewport: number;
-}
-declare class NgDropdownPanelUtils {
-    get dimensions(): PanelDimensions;
-    private _dimensions;
-    calculateItems(scrollPos: number, itemsLength: number, buffer: number): ItemsRangeResult;
-    setDimensions(itemHeight: number, panelHeight: number): void;
-    getScrollTo(itemTop: number, itemHeight: number, lastScroll: number): number | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDropdownPanelUtils, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NgDropdownPanelUtils>;
-}
-
-declare class NgOption implements OnChanges, AfterViewChecked, OnDestroy {
-    value: any;
-    disabled: boolean;
-    elementRef: ElementRef<HTMLElement>;
-    readonly stateChange$: Subject<{
-        value: any;
-        disabled: boolean;
-        label?: string;
-    }>;
-    private _previousLabel;
-    get label(): string;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewChecked(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgOption, "ng-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-declare class NgOptionHighlight implements OnChanges, AfterViewInit {
-    term: string;
-    private elementRef;
-    private renderer;
-    private element;
-    private label;
-    private get _canHighlight();
-    ngOnChanges(): void;
-    ngAfterViewInit(): void;
-    private _escapeRegExp;
-    private _highlightLabel;
-    private _setInnerHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgOptionHighlight, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgOptionHighlight, "[ngOptionHighlight]", never, { "term": { "alias": "ngOptionHighlight"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-type SelectionModelFactory = () => SelectionModel;
-declare function DefaultSelectionModelFactory(): DefaultSelectionModel;
-interface SelectionModel {
-    value: NgOptionItem[];
-    select(item: NgOptionItem, multiple: boolean, selectableGroupAsModel: boolean): void;
-    unselect(item: NgOptionItem, multiple: boolean): void;
-    clear(keepDisabled: boolean): void;
-}
-declare class DefaultSelectionModel implements SelectionModel {
-    get value(): NgOptionItem[];
-    private _selected;
-    select(item: NgOptionItem, multiple: boolean, groupAsModel: boolean): void;
-    unselect(item: NgOptionItem, multiple: boolean): void;
-    clear(keepDisabled: boolean): void;
-    private _setChildrenSelectedState;
-    private _removeChildren;
-    private _removeParent;
-    private _activeChildren;
-}
-
-declare class ItemsList {
-    private _ngSelect;
-    private _selectionModel;
-    private _groups;
-    constructor(_ngSelect: NgSelect, _selectionModel: SelectionModel);
-    get items(): NgOptionItem[];
-    private _items;
-    get filteredItems(): NgOptionItem[];
-    private _filteredItems;
-    get markedIndex(): number;
-    private _markedIndex;
-    get selectedItems(): NgOptionItem[];
-    get markedItem(): NgOptionItem | undefined;
-    get noItemsToSelect(): boolean;
-    get maxItemsSelected(): boolean;
-    get lastSelectedItem(): NgOptionItem | null;
-    setItems(items: readonly any[]): void;
-    select(item: NgOptionItem): void;
-    unselect(item: NgOptionItem): void;
-    findItem(value: any): NgOptionItem;
-    addItem(item: any): NgOptionItem;
-    clearSelected(keepDisabled?: boolean): void;
-    findByLabel(term: string): NgOptionItem | undefined;
-    filter(term: string): void;
-    resetFilteredItems(): void;
-    unmarkItem(): void;
-    markNextItem(): void;
-    markPreviousItem(): void;
-    markItem(item: NgOptionItem): void;
-    markSelectedOrDefault(markDefault?: boolean): void;
-    resolveNested(option: any, key: string): any;
-    mapItem(item: any, index: number | null): NgOptionItem;
-    mapSelectedItems(): void;
-    private _showSelected;
-    private _hideSelected;
-    private _defaultSearchFn;
-    private _getNextItemIndex;
-    private _stepToItem;
-    private _getLastMarkedIndex;
-    private _groupBy;
-    private _flatten;
-}
-
 declare const SELECTION_MODEL_FACTORY: InjectionToken<SelectionModelFactory>;
 declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, ControlValueAccessor {
     private _cdr;
@@ -239,7 +203,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
     placeholder: string | undefined;
     fixedPlaceholder: boolean;
     appendTo: string | undefined;
-    panelPosition: DropdownPanelPosition;
+    panelPosition: PanelPosition;
     panelDisabled: boolean;
     readonly: boolean;
     multiple: boolean;
@@ -273,7 +237,6 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
     searchFn: SearchFn | null;
     keyDownFn: (e: KeyboardEvent) => boolean;
     trackByFn: TrackByFn | null;
-    appearance: string;
     tabIndex?: number;
     inputAttrs: Record<string, string>;
     ariaLabel?: string | null;
@@ -310,22 +273,22 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
     removeEvent: EventEmitter<any>;
     scroll: EventEmitter<ScrollEvent>;
     scrollToEnd: EventEmitter<void>;
-    dropdownPanel: NgDropdownPanel;
+    dropdownPanel: NgSelectPanel;
     searchInput: ElementRef<HTMLInputElement>;
     clearButton?: ElementRef<HTMLSpanElement>;
-    ngOptions?: QueryList<NgOption>;
+    ngOptions?: QueryList<NgSelectOption>;
     optionTemplate?: TemplateRef<any>;
     optgroupTemplate?: TemplateRef<any>;
     labelTemplate?: TemplateRef<any>;
     multiLabelTemplate?: TemplateRef<any>;
-    headerTemplate?: TemplateRef<any>;
-    footerTemplate?: TemplateRef<any>;
+    panelHeaderTemplate?: TemplateRef<any>;
+    panelFooterTemplate?: TemplateRef<any>;
     notFoundTemplate?: TemplateRef<any>;
     placeholderTemplate?: TemplateRef<any>;
     typeToSearchTemplate?: TemplateRef<any>;
     loadingTextTemplate?: TemplateRef<any>;
     tagTemplate?: TemplateRef<any>;
-    loadingSpinnerTemplate?: TemplateRef<any>;
+    loadingTemplate?: TemplateRef<any>;
     clearButtonTemplate?: TemplateRef<any>;
     itemsList: ItemsList;
     element: HTMLElement;
@@ -345,7 +308,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
     get selectedValues(): any[];
     get selectedViewValuesStr(): string;
     get hasValue(): boolean;
-    get currentPanelPosition(): DropdownPanelPosition | undefined;
+    get currentPanelPosition(): PanelPosition | undefined;
     get showAddTag(): boolean;
     get filtered(): boolean;
     private get _editableSearchTerm();
@@ -412,7 +375,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
     private _nextItemIsTag;
     private _handleBackspace;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelPosition": { "alias": "panelPosition"; "required": false; }; "panelDisabled": { "alias": "panelDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; }, { "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", "placeholderTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "clearButtonTemplate", "ngOptions"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelPosition": { "alias": "panelPosition"; "required": false; }; "panelDisabled": { "alias": "panelDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; }, { "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", "panelHeaderTemplate", "panelFooterTemplate", "notFoundTemplate", "placeholderTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingTemplate", "clearButtonTemplate", "ngOptions"], never, true, never>;
     static ngAcceptInputType_panelDisabled: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_multiple: unknown;
@@ -454,90 +417,126 @@ declare class NgSelectConfig {
     bindLabel?: string;
     clearSearchOnAdd?: boolean;
     deselectOnClick?: boolean;
-    appearance: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectConfig, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NgSelectConfig>;
 }
 
-declare class NgItemLabel implements OnChanges {
-    ngItemLabel: string;
-    escape: boolean;
+declare class NgSelectLabelRenderer implements OnChanges {
+    ngSelectLabelValue: string;
+    ngSelectLabelEscape: boolean;
     private element;
     ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgItemLabel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgItemLabel, "[ngItemLabel]", never, { "ngItemLabel": { "alias": "ngItemLabel"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectLabelRenderer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectLabelRenderer, "[ngSelectLabelValue]", never, { "ngSelectLabelValue": { "alias": "ngSelectLabelValue"; "required": false; }; "ngSelectLabelEscape": { "alias": "ngSelectLabelEscape"; "required": false; }; }, {}, never, never, true, never>;
 }
-declare class NgOptionTemplate {
+declare class NgSelectOptionTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgOptionTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgOptionTemplate, "[ng-option-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectOptionTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectOptionTemplate, "[ngSelectOption]", never, {}, {}, never, never, true, never>;
 }
-declare class NgOptgroupTemplate {
+declare class NgSelectOptgroupTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgOptgroupTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgOptgroupTemplate, "[ng-optgroup-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectOptgroupTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectOptgroupTemplate, "[ngSelectOptgroup]", never, {}, {}, never, never, true, never>;
 }
-declare class NgLabelTemplate {
+declare class NgSelectLabelTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgLabelTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLabelTemplate, "[ng-label-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectLabelTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectLabelTemplate, "[ngSelectLabel]", never, {}, {}, never, never, true, never>;
 }
-declare class NgMultiLabelTemplate {
+declare class NgSelectMultiLabelTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgMultiLabelTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgMultiLabelTemplate, "[ng-multi-label-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectMultiLabelTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectMultiLabelTemplate, "[ngSelectMultiLabel]", never, {}, {}, never, never, true, never>;
 }
-declare class NgHeaderTemplate {
+declare class NgSelectPanelHeaderTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgHeaderTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgHeaderTemplate, "[ng-header-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectPanelHeaderTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectPanelHeaderTemplate, "[ngSelectPanelHeader]", never, {}, {}, never, never, true, never>;
 }
-declare class NgFooterTemplate {
+declare class NgSelectPanelFooterTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgFooterTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgFooterTemplate, "[ng-footer-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectPanelFooterTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectPanelFooterTemplate, "[ngSelectPanelFooter]", never, {}, {}, never, never, true, never>;
 }
-declare class NgNotFoundTemplate {
+declare class NgSelectNotFoundTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgNotFoundTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgNotFoundTemplate, "[ng-notfound-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectNotFoundTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectNotFoundTemplate, "[ngSelectNotFound]", never, {}, {}, never, never, true, never>;
 }
-declare class NgPlaceholderTemplate {
+declare class NgSelectPlaceholderTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgPlaceholderTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgPlaceholderTemplate, "[ng-placeholder-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectPlaceholderTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectPlaceholderTemplate, "[ngSelectPlaceholder]", never, {}, {}, never, never, true, never>;
 }
-declare class NgTypeToSearchTemplate {
+declare class NgSelectTypeToSearchTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgTypeToSearchTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgTypeToSearchTemplate, "[ng-typetosearch-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectTypeToSearchTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectTypeToSearchTemplate, "[ngSelectTypeToSearch]", never, {}, {}, never, never, true, never>;
 }
-declare class NgLoadingTextTemplate {
+declare class NgSelectLoadingTextTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgLoadingTextTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLoadingTextTemplate, "[ng-loadingtext-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectLoadingTextTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectLoadingTextTemplate, "[ngSelectLoadingText]", never, {}, {}, never, never, true, never>;
 }
-declare class NgTagTemplate {
+declare class NgSelectTagTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgTagTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgTagTemplate, "[ng-tag-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectTagTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectTagTemplate, "[ngSelectTag]", never, {}, {}, never, never, true, never>;
 }
-declare class NgLoadingSpinnerTemplate {
+declare class NgSelectLoadingTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgLoadingSpinnerTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectLoadingTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectLoadingTemplate, "[ngSelectLoading]", never, {}, {}, never, never, true, never>;
 }
-declare class NgClearButtonTemplate {
+declare class NgSelectClearButtonTemplate {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgClearButtonTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgClearButtonTemplate, "[ng-clearbutton-tmp]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectClearButtonTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectClearButtonTemplate, "[ngSelectClearButton]", never, {}, {}, never, never, true, never>;
 }
 
 declare class NgSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgSelectModule, never, [typeof NgDropdownPanel, typeof NgOption, typeof NgSelect, typeof NgOptgroupTemplate, typeof NgOptionTemplate, typeof NgLabelTemplate, typeof NgMultiLabelTemplate, typeof NgHeaderTemplate, typeof NgFooterTemplate, typeof NgPlaceholderTemplate, typeof NgClearButtonTemplate, typeof NgNotFoundTemplate, typeof NgTypeToSearchTemplate, typeof NgLoadingTextTemplate, typeof NgTagTemplate, typeof NgLoadingSpinnerTemplate, typeof NgItemLabel], [typeof NgSelect, typeof NgOption, typeof NgOptgroupTemplate, typeof NgOptionTemplate, typeof NgLabelTemplate, typeof NgMultiLabelTemplate, typeof NgHeaderTemplate, typeof NgFooterTemplate, typeof NgPlaceholderTemplate, typeof NgNotFoundTemplate, typeof NgTypeToSearchTemplate, typeof NgLoadingTextTemplate, typeof NgTagTemplate, typeof NgLoadingSpinnerTemplate, typeof NgClearButtonTemplate]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgSelectModule, never, [typeof NgSelectPanel, typeof NgSelect, typeof NgSelectOption, typeof NgSelectOptgroupTemplate, typeof NgSelectOptionTemplate, typeof NgSelectLabelTemplate, typeof NgSelectMultiLabelTemplate, typeof NgSelectPanelHeaderTemplate, typeof NgSelectPanelFooterTemplate, typeof NgSelectPlaceholderTemplate, typeof NgSelectClearButtonTemplate, typeof NgSelectNotFoundTemplate, typeof NgSelectTypeToSearchTemplate, typeof NgSelectLoadingTextTemplate, typeof NgSelectTagTemplate, typeof NgSelectLoadingTemplate, typeof NgSelectLabelRenderer], [typeof NgSelect, typeof NgSelectOption, typeof NgSelectOptgroupTemplate, typeof NgSelectOptionTemplate, typeof NgSelectLabelTemplate, typeof NgSelectMultiLabelTemplate, typeof NgSelectPanelHeaderTemplate, typeof NgSelectPanelFooterTemplate, typeof NgSelectPlaceholderTemplate, typeof NgSelectClearButtonTemplate, typeof NgSelectNotFoundTemplate, typeof NgSelectTypeToSearchTemplate, typeof NgSelectLoadingTextTemplate, typeof NgSelectTagTemplate, typeof NgSelectLoadingTemplate]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgSelectModule>;
 }
 
-export { DefaultSelectionModel, DefaultSelectionModelFactory, NgClearButtonTemplate, NgDropdownPanel, NgDropdownPanelUtils, NgFooterTemplate, NgHeaderTemplate, NgItemLabel, NgLabelTemplate, NgLoadingSpinnerTemplate, NgLoadingTextTemplate, NgMultiLabelTemplate, NgNotFoundTemplate, NgOptgroupTemplate, NgOption, NgOptionHighlight, NgOptionTemplate, NgPlaceholderTemplate, NgSelect, NgSelectConfig, NgSelectModule, NgTagTemplate, NgTypeToSearchTemplate, SELECTION_MODEL_FACTORY };
-export type { AddTagFn, CompareWithFn, DropdownPanelPosition, GroupValueFn, ItemsRangeResult, NgOptionItem, PanelDimensions, ScrollEvent, SearchEvent, SearchFn, SelectionModel, SelectionModelFactory, TrackByFn };
+declare class NgSelectOptionHighlight implements OnChanges, AfterViewInit {
+    term: string;
+    private elementRef;
+    private renderer;
+    private element;
+    private label;
+    private get _canHighlight();
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    private _escapeRegExp;
+    private _highlightLabel;
+    private _setInnerHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectOptionHighlight, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectOptionHighlight, "[ngOptionHighlight]", never, { "term": { "alias": "ngOptionHighlight"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface ItemsRangeResult {
+    scrollHeight: number;
+    topPadding: number;
+    start: number;
+    end: number;
+}
+interface PanelDimensions {
+    itemHeight: number;
+    panelHeight: number;
+    itemsPerViewport: number;
+}
+declare class NgSelectPanelUtils {
+    get dimensions(): PanelDimensions;
+    private _dimensions;
+    calculateItems(scrollPos: number, itemsLength: number, buffer: number): ItemsRangeResult;
+    setDimensions(itemHeight: number, panelHeight: number): void;
+    getScrollTo(itemTop: number, itemHeight: number, lastScroll: number): number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectPanelUtils, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgSelectPanelUtils>;
+}
+
+export { DefaultSelectionModel, DefaultSelectionModelFactory, NgSelect, NgSelectClearButtonTemplate, NgSelectConfig, NgSelectLabelRenderer, NgSelectLabelTemplate, NgSelectLoadingTemplate, NgSelectLoadingTextTemplate, NgSelectModule, NgSelectMultiLabelTemplate, NgSelectNotFoundTemplate, NgSelectOptgroupTemplate, NgSelectOption, NgSelectOptionHighlight, NgSelectOptionTemplate, NgSelectPanel, NgSelectPanelFooterTemplate, NgSelectPanelHeaderTemplate, NgSelectPanelUtils, NgSelectPlaceholderTemplate, NgSelectTagTemplate, NgSelectTypeToSearchTemplate, SELECTION_MODEL_FACTORY };
+export type { AddTagFn, CompareWithFn, GroupValueFn, ItemsRangeResult, NgOptionItem, PanelDimensions, PanelPosition, ScrollEvent, SearchEvent, SearchFn, SelectionModel, SelectionModelFactory, TrackByFn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/ng-select",
-  "version": "0.6.0",
+  "version": "1.0.1",
   "description": "Angular Select - All in One UI Select, Multiselect and Autocomplete",
   "publishConfig": {
     "access": "public"
@@ -27,30 +27,13 @@
     "url": "https://github.com/ng-matero/combobox/issues"
   },
   "exports": {
-    "./scss/ant.design.theme": {
-      "style": "./scss/ant.design.theme.scss"
-    },
-    "./scss/default.theme": {
-      "style": "./scss/default.theme.scss"
-    },
-    "./scss/material.theme": {
-      "style": "./scss/material.theme.scss"
-    },
-    "./themes/ant.design.theme.css": {
-      "style": "./themes/ant.design.theme.css"
-    },
-    "./themes/default.theme.css": {
-      "style": "./themes/default.theme.css"
-    },
-    "./themes/material.theme.css": {
-      "style": "./themes/material.theme.css"
-    },
-    "./package.json": {
-      "default": "./package.json"
-    },
     ".": {
+      "sass": "./_index.scss",
       "types": "./index.d.ts",
       "default": "./fesm2022/ng-matero-ng-select.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   },
   "peerDependencies": {