ng-jvx-multiselect 16.0.13 → 17.0.0

package/lib/ng-jvx-multiselect.component.d.ts

@@ -1,149 +1,149 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
-import { NgJvxOptionsTemplateDirective } from './directives/ng-jvx-options-template.directive';
-import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
-import { MatSelectionList, MatSelectionListChange } from '@angular/material/list';
-import { NgJvxOptionComponent } from './ng-jvx-option/ng-jvx-option.component';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { NgJvxMultiselectService } from './ng-jvx-multiselect.service';
-import { HttpHeaders } from '@angular/common/http';
-import { NgScrollbar } from 'ngx-scrollbar';
-import { Observable, Subject } from 'rxjs';
-import { NgJvxMultiOptionMapper, NgJvxOptionMapper } from './interfaces/ng-jvx-option-mapper';
-import { NgJvxSelectionTemplateDirective } from './directives/ng-jvx-selection-template.directive';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { NgJvxGroupHeaderDirective } from './directives/ng-jvx-group-header.directive';
-import { NgJvxSearchMapper } from './interfaces/ng-jvx-search-mapper';
-import { NgJvxGroupMapper } from './interfaces/ng-jvx-group-mapper';
-import * as i0 from "@angular/core";
-export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges, MatFormFieldControl<any>, ControlValueAccessor {
-    private formBuilder;
-    private service;
-    private elementRef;
-    private changeDetectorRef;
-    ngControl: NgControl;
-    static nextId: number;
-    id: string;
-    get shouldLabelFloat(): boolean;
-    jvxMultiselect: ElementRef;
-    selectionContainer: ElementRef;
-    selection: MatSelectionList;
-    trigger: MatMenuTrigger;
-    scrollbar: NgScrollbar;
-    multiContainer: ElementRef;
-    optionComp: QueryList<NgJvxOptionComponent>;
-    optionsTemplate: NgJvxOptionsTemplateDirective | null;
-    selectionTemplate: NgJvxSelectionTemplateDirective | null;
-    groupHeaderTemplate: NgJvxGroupHeaderDirective | null;
-    options: any[];
-    multi: boolean;
-    url: string;
-    requestType: 'get' | 'post';
-    itemValue: string;
-    itemText: string;
-    ignorePagination: boolean;
-    clearable: boolean;
-    closeOnClick: boolean;
-    hasErrors: boolean;
-    searchMode: null | 'server' | 'client';
-    searchInput: boolean;
-    searchLabel: string;
-    listProp: string;
-    totalRowsProp: string;
-    panelClass: string;
-    searchProp: string;
-    closeButton: boolean;
-    mapper: NgJvxOptionMapper<any>;
-    multiMapper: NgJvxMultiOptionMapper<any>;
-    searchMapper: NgJvxSearchMapper<any>;
-    groupBy: NgJvxGroupMapper<any> | string | null;
-    set value(value: any[]);
-    get value(): any[];
-    requestHeaders: HttpHeaders;
-    get required(): boolean;
-    set required(req: boolean);
-    private _required;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get pageSize(): number;
-    set pageSize(val: number);
-    private _disabled;
-    get errorState(): boolean;
-    valueChange: EventEmitter<any[]>;
-    jvxMultiselectOpen: EventEmitter<void>;
-    jvxMultiselectOpened: EventEmitter<void>;
-    jvxMultiselectClose: EventEmitter<void>;
-    jvxMultiselectClosed: EventEmitter<void>;
-    scrollEnd: EventEmitter<void>;
-    controlType: string;
-    document: Document;
-    window: Window & typeof globalThis;
-    form: UntypedFormGroup;
-    isOpen: boolean;
-    isLoading: boolean;
-    showList: boolean;
-    asyncOptions: any;
-    selectableOptions: any[];
-    orderedOptions: {
-        group: any;
-        options: any[];
-    }[];
-    searchValue: string;
-    yPosition: 'above' | 'below';
-    stateChanges: Subject<void>;
-    currentPage: number;
-    listContainerSize: {
-        height: string;
-        minHeight: string;
-        width: string;
-    };
-    parts: UntypedFormGroup;
-    touched: boolean;
-    placeholder: string;
-    focused: boolean;
-    multiContainerWidth: number;
-    private searchValueSubject;
-    private searchValue$;
-    private pValue;
-    private shouldLoadMore;
-    private unsubscribe;
-    private unsubscribe$;
-    private intPageSize;
-    onTouched: () => void;
-    constructor(formBuilder: UntypedFormBuilder, service: NgJvxMultiselectService, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngControl: NgControl, fb: UntypedFormBuilder);
-    ngOnInit(): void;
-    private clientSearch;
-    private setSelectableOptions;
-    private serverSearch;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    get selectionValue(): any[];
-    get empty(): boolean;
-    onCLickOnMenu(e: MouseEvent): void;
-    private propagateChange;
-    writeValue(obj: any[]): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    onChange(e: MatSelectionListChange): void;
-    onFocusIn(event: FocusEvent): void;
-    onFocusOut(event: FocusEvent): void;
-    onMenuOpen(): void;
-    onMenuClose(): void;
-    deselect(val: any): void;
-    private setSelectionContainerSize;
-    clickOnMenuTrigger(e: MouseEvent): void;
-    private getList;
-    onScrolled(e: any): void;
-    onMenuOpened(): void;
-    onMenuClosed(): void;
-    onSearchInputClick(e: MouseEvent): void;
-    onSearchValueChange(e: any): void;
-    clear(e: Event): void;
-    setDescribedByIds(ids: string[]): void;
-    onContainerClick(event: MouseEvent): void;
-    private get stateChange$();
-    updateOrderedOptions(options: any): Observable<any>;
-    closeMenu(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultiselectComponent, "ng-jvx-multiselect", never, { "options": { "alias": "options"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "url": { "alias": "url"; "required": false; }; "requestType": { "alias": "requestType"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "itemText": { "alias": "itemText"; "required": false; }; "ignorePagination": { "alias": "ignorePagination"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "hasErrors": { "alias": "hasErrors"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "searchInput": { "alias": "searchInput"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "listProp": { "alias": "listProp"; "required": false; }; "totalRowsProp": { "alias": "totalRowsProp"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "searchProp": { "alias": "searchProp"; "required": false; }; "closeButton": { "alias": "closeButton"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "multiMapper": { "alias": "multiMapper"; "required": false; }; "searchMapper": { "alias": "searchMapper"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "value": { "alias": "value"; "required": false; }; "requestHeaders": { "alias": "requestHeaders"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "valueChange": "valueChange"; "jvxMultiselectOpen": "jvxMultiselectOpen"; "jvxMultiselectOpened": "jvxMultiselectOpened"; "jvxMultiselectClose": "jvxMultiselectClose"; "jvxMultiselectClosed": "jvxMultiselectClosed"; "scrollEnd": "scrollEnd"; }, ["optionsTemplate", "selectionTemplate", "groupHeaderTemplate"], ["*", "[ng-jvx-footer]", "[placeholder]"], false, never>;
-}
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { NgJvxOptionsTemplateDirective } from './directives/ng-jvx-options-template.directive';
+import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { MatSelectionList, MatSelectionListChange } from '@angular/material/list';
+import { NgJvxOptionComponent } from './ng-jvx-option/ng-jvx-option.component';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { NgJvxMultiselectService } from './ng-jvx-multiselect.service';
+import { HttpHeaders } from '@angular/common/http';
+import { NgScrollbar } from 'ngx-scrollbar';
+import { Observable, Subject } from 'rxjs';
+import { NgJvxMultiOptionMapper, NgJvxOptionMapper } from './interfaces/ng-jvx-option-mapper';
+import { NgJvxSelectionTemplateDirective } from './directives/ng-jvx-selection-template.directive';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { NgJvxGroupHeaderDirective } from './directives/ng-jvx-group-header.directive';
+import { NgJvxSearchMapper } from './interfaces/ng-jvx-search-mapper';
+import { NgJvxGroupMapper } from './interfaces/ng-jvx-group-mapper';
+import * as i0 from "@angular/core";
+export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges, MatFormFieldControl<any>, ControlValueAccessor {
+    private formBuilder;
+    private service;
+    private elementRef;
+    private changeDetectorRef;
+    ngControl: NgControl;
+    static nextId: number;
+    id: string;
+    get shouldLabelFloat(): boolean;
+    jvxMultiselect: ElementRef;
+    selectionContainer: ElementRef;
+    selection: MatSelectionList;
+    trigger: MatMenuTrigger;
+    scrollbar: NgScrollbar;
+    multiContainer: ElementRef;
+    optionComp: QueryList<NgJvxOptionComponent>;
+    optionsTemplate: NgJvxOptionsTemplateDirective | null;
+    selectionTemplate: NgJvxSelectionTemplateDirective | null;
+    groupHeaderTemplate: NgJvxGroupHeaderDirective | null;
+    options: any[];
+    multi: boolean;
+    url: string;
+    requestType: 'get' | 'post';
+    itemValue: string;
+    itemText: string;
+    ignorePagination: boolean;
+    clearable: boolean;
+    closeOnClick: boolean;
+    hasErrors: boolean;
+    searchMode: null | 'server' | 'client';
+    searchInput: boolean;
+    searchLabel: string;
+    listProp: string;
+    totalRowsProp: string;
+    panelClass: string;
+    searchProp: string;
+    closeButton: boolean;
+    mapper: NgJvxOptionMapper<any>;
+    multiMapper: NgJvxMultiOptionMapper<any>;
+    searchMapper: NgJvxSearchMapper<any>;
+    groupBy: NgJvxGroupMapper<any> | string | null;
+    set value(value: any[]);
+    get value(): any[];
+    requestHeaders: HttpHeaders;
+    get required(): boolean;
+    set required(req: boolean);
+    private _required;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get pageSize(): number;
+    set pageSize(val: number);
+    private _disabled;
+    get errorState(): boolean;
+    valueChange: EventEmitter<any[]>;
+    jvxMultiselectOpen: EventEmitter<void>;
+    jvxMultiselectOpened: EventEmitter<void>;
+    jvxMultiselectClose: EventEmitter<void>;
+    jvxMultiselectClosed: EventEmitter<void>;
+    scrollEnd: EventEmitter<void>;
+    controlType: string;
+    document: Document;
+    window: Window & typeof globalThis;
+    form: UntypedFormGroup;
+    isOpen: boolean;
+    isLoading: boolean;
+    showList: boolean;
+    asyncOptions: any;
+    selectableOptions: any[];
+    orderedOptions: {
+        group: any;
+        options: any[];
+    }[];
+    searchValue: string;
+    yPosition: 'above' | 'below';
+    stateChanges: Subject<void>;
+    currentPage: number;
+    listContainerSize: {
+        height: string;
+        minHeight: string;
+        width: string;
+    };
+    parts: UntypedFormGroup;
+    touched: boolean;
+    placeholder: string;
+    focused: boolean;
+    multiContainerWidth: number;
+    private searchValueSubject;
+    private searchValue$;
+    private pValue;
+    private shouldLoadMore;
+    private unsubscribe;
+    private unsubscribe$;
+    private intPageSize;
+    onTouched: () => void;
+    constructor(formBuilder: UntypedFormBuilder, service: NgJvxMultiselectService, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngControl: NgControl, fb: UntypedFormBuilder);
+    ngOnInit(): void;
+    private clientSearch;
+    private setSelectableOptions;
+    private serverSearch;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get selectionValue(): any[];
+    get empty(): boolean;
+    onCLickOnMenu(e: MouseEvent): void;
+    private propagateChange;
+    writeValue(obj: any[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onChange(e: MatSelectionListChange): void;
+    onFocusIn(event: FocusEvent): void;
+    onFocusOut(event: FocusEvent): void;
+    onMenuOpen(): void;
+    onMenuClose(): void;
+    deselect(val: any): void;
+    private setSelectionContainerSize;
+    clickOnMenuTrigger(e: MouseEvent): void;
+    private getList;
+    onScrolled(e: any): void;
+    onMenuOpened(): void;
+    onMenuClosed(): void;
+    onSearchInputClick(e: MouseEvent): void;
+    onSearchValueChange(e: any): void;
+    clear(e: Event): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(event: MouseEvent): void;
+    private get stateChange$();
+    updateOrderedOptions(options: any): Observable<any>;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultiselectComponent, "ng-jvx-multiselect", never, { "options": { "alias": "options"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "url": { "alias": "url"; "required": false; }; "requestType": { "alias": "requestType"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "itemText": { "alias": "itemText"; "required": false; }; "ignorePagination": { "alias": "ignorePagination"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "hasErrors": { "alias": "hasErrors"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "searchInput": { "alias": "searchInput"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "listProp": { "alias": "listProp"; "required": false; }; "totalRowsProp": { "alias": "totalRowsProp"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "searchProp": { "alias": "searchProp"; "required": false; }; "closeButton": { "alias": "closeButton"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "multiMapper": { "alias": "multiMapper"; "required": false; }; "searchMapper": { "alias": "searchMapper"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "value": { "alias": "value"; "required": false; }; "requestHeaders": { "alias": "requestHeaders"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "valueChange": "valueChange"; "jvxMultiselectOpen": "jvxMultiselectOpen"; "jvxMultiselectOpened": "jvxMultiselectOpened"; "jvxMultiselectClose": "jvxMultiselectClose"; "jvxMultiselectClosed": "jvxMultiselectClosed"; "scrollEnd": "scrollEnd"; }, ["optionsTemplate", "selectionTemplate", "groupHeaderTemplate"], ["*", "[ng-jvx-footer]", "[placeholder]"], false, never>;
+}

package/lib/ng-jvx-multiselect.module.d.ts

@@ -1,25 +1,24 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./ng-jvx-multiselect.component";
-import * as i2 from "./ng-jvx-option/ng-jvx-option.component";
-import * as i3 from "./directives/ng-jvx-options-template.directive";
-import * as i4 from "./ng-jvx-panel/ng-jvx-panel.component";
-import * as i5 from "./directives/ng-jvx-selection-template.directive";
-import * as i6 from "./directives/ng-jvx-disabled-option.directive";
-import * as i7 from "./directives/ng-jvx-group-header.directive";
-import * as i8 from "./directives/ng-jvx-focus.directive";
-import * as i9 from "@angular/material/button";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/material/select";
-import * as i12 from "@angular/material/menu";
-import * as i13 from "@angular/common";
-import * as i14 from "@angular/material/icon";
-import * as i15 from "@angular/material/list";
-import * as i16 from "@angular/material/chips";
-import * as i17 from "@angular/forms";
-import * as i18 from "ngx-scrollbar";
-import * as i19 from "ngx-scrollbar/smooth-scroll";
-export declare class NgJvxMultiselectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgJvxMultiselectModule, [typeof i1.NgJvxMultiselectComponent, typeof i2.NgJvxOptionComponent, typeof i3.NgJvxOptionsTemplateDirective, typeof i4.NgJvxPanelComponent, typeof i5.NgJvxSelectionTemplateDirective, typeof i6.NgJvxDisabledOptionDirective, typeof i7.NgJvxGroupHeaderDirective, typeof i8.NgJvxFocusDirective], [typeof i9.MatButtonModule, typeof i10.MatOptionModule, typeof i11.MatSelectModule, typeof i12.MatMenuModule, typeof i13.CommonModule, typeof i14.MatIconModule, typeof i15.MatListModule, typeof i16.MatChipsModule, typeof i17.ReactiveFormsModule, typeof i18.NgScrollbarModule, typeof i19.SmoothScrollModule, typeof i17.FormsModule], [typeof i1.NgJvxMultiselectComponent, typeof i2.NgJvxOptionComponent, typeof i3.NgJvxOptionsTemplateDirective, typeof i5.NgJvxSelectionTemplateDirective, typeof i6.NgJvxDisabledOptionDirective, typeof i7.NgJvxGroupHeaderDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgJvxMultiselectModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./ng-jvx-multiselect.component";
+import * as i2 from "./ng-jvx-option/ng-jvx-option.component";
+import * as i3 from "./directives/ng-jvx-options-template.directive";
+import * as i4 from "./directives/ng-jvx-selection-template.directive";
+import * as i5 from "./directives/ng-jvx-disabled-option.directive";
+import * as i6 from "./directives/ng-jvx-group-header.directive";
+import * as i7 from "./directives/ng-jvx-focus.directive";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/core";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/menu";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/list";
+import * as i15 from "@angular/material/chips";
+import * as i16 from "@angular/forms";
+import * as i17 from "ngx-scrollbar";
+import * as i18 from "ngx-scrollbar/smooth-scroll";
+export declare class NgJvxMultiselectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgJvxMultiselectModule, [typeof i1.NgJvxMultiselectComponent, typeof i2.NgJvxOptionComponent, typeof i3.NgJvxOptionsTemplateDirective, typeof i4.NgJvxSelectionTemplateDirective, typeof i5.NgJvxDisabledOptionDirective, typeof i6.NgJvxGroupHeaderDirective, typeof i7.NgJvxFocusDirective], [typeof i8.MatButtonModule, typeof i9.MatOptionModule, typeof i10.MatSelectModule, typeof i11.MatMenuModule, typeof i12.CommonModule, typeof i13.MatIconModule, typeof i14.MatListModule, typeof i15.MatChipsModule, typeof i16.ReactiveFormsModule, typeof i17.NgScrollbarModule, typeof i18.SmoothScroll, typeof i16.FormsModule], [typeof i1.NgJvxMultiselectComponent, typeof i2.NgJvxOptionComponent, typeof i3.NgJvxOptionsTemplateDirective, typeof i4.NgJvxSelectionTemplateDirective, typeof i5.NgJvxDisabledOptionDirective, typeof i6.NgJvxGroupHeaderDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgJvxMultiselectModule>;
+}

package/lib/ng-jvx-multiselect.service.d.ts

@@ -1,20 +1,20 @@
-import { Observable } from 'rxjs';
-import { HttpClient } from '@angular/common/http';
-import * as i0 from "@angular/core";
-export declare class NgJvxMultiselectService {
-    private http;
-    constructor(http: HttpClient);
-    getList({ url, ignorePagination, currentPage, pageSize, requestType, requestHeaders, search, searchProp, data }: {
-        url: string;
-        ignorePagination: boolean;
-        currentPage: number;
-        pageSize: number;
-        requestType: 'get' | 'post';
-        requestHeaders: any;
-        search?: string;
-        searchProp?: string;
-        data: any;
-    }): Observable<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NgJvxMultiselectService>;
-}
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import * as i0 from "@angular/core";
+export declare class NgJvxMultiselectService {
+    private http;
+    constructor(http: HttpClient);
+    getList({ url, ignorePagination, currentPage, pageSize, requestType, requestHeaders, search, searchProp, data }: {
+        url: string;
+        ignorePagination: boolean;
+        currentPage: number;
+        pageSize: number;
+        requestType: 'get' | 'post';
+        requestHeaders: any;
+        search?: string;
+        searchProp?: string;
+        data: any;
+    }): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgJvxMultiselectService>;
+}

package/lib/ng-jvx-option/ng-jvx-option.component.d.ts

@@ -1,14 +1,14 @@
-import { DoCheck, OnInit } from '@angular/core';
-import { MatListOption } from '@angular/material/list';
-import * as i0 from "@angular/core";
-export declare class NgJvxOptionComponent implements OnInit, DoCheck {
-    listOption: MatListOption;
-    value: any;
-    isSelected: boolean;
-    constructor();
-    ngOnInit(): void;
-    ngDoCheck(): void;
-    deselect(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxOptionComponent, "ng-jvx-option", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
+import { DoCheck, OnInit } from '@angular/core';
+import { MatListOption } from '@angular/material/list';
+import * as i0 from "@angular/core";
+export declare class NgJvxOptionComponent implements OnInit, DoCheck {
+    listOption: MatListOption;
+    value: any;
+    isSelected: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    deselect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxOptionComponent, "ng-jvx-option", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/utils.d.ts

@@ -1,3 +1,3 @@
-import { HttpContextToken } from '@angular/common/http';
-export declare const JVXMULTISELECT: HttpContextToken<boolean>;
-export declare const setJvxCall: () => any;
+import { HttpContextToken } from '@angular/common/http';
+export declare const JVXMULTISELECT: HttpContextToken<boolean>;
+export declare const setJvxCall: () => any;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ng-jvx-multiselect",
-  "version": "16.0.13",
+  "version": "17.0.0",
+  "license": "MIT",
   "description": "ng-jvx-multiselect is a select based on angular material. It handles both single and multiple selections and allows to retrieves the options via asynchronous calls.",
   "exports": {
     ".": {
@@ -15,10 +16,10 @@
     }
   },
   "peerDependencies": {
-    "@angular/core": "^16.0.2",
-    "@angular/common": "^16.0.2",
-    "@angular/material": "^16.0.1",
-    "ngx-scrollbar": "^10.0.0"
+    "@angular/core": "^17.0.0",
+    "@angular/common": "^17.0.0",
+    "@angular/material": "^17.0.0",
+    "ngx-scrollbar": "^13.0.3"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/public-api.d.ts

@@ -1,12 +1,12 @@
-export * from './lib/ng-jvx-option/ng-jvx-option.component';
-export * from './lib/directives/ng-jvx-options-template.directive';
-export * from './lib/directives/ng-jvx-selection-template.directive';
-export * from './lib/directives/ng-jvx-group-header.directive';
-export * from './lib/directives/ng-jvx-disabled-option.directive';
-export * from './lib/ng-jvx-multiselect.service';
-export * from './lib/ng-jvx-multiselect.component';
-export * from './lib/ng-jvx-multiselect.module';
-export * from './lib/interfaces/ng-jvx-option-mapper';
-export * from './lib/interfaces/ng-jvx-search-mapper';
-export * from './lib/interfaces/ng-jvx-group-mapper';
-export * from './lib/utils';
+export * from './lib/ng-jvx-option/ng-jvx-option.component';
+export * from './lib/directives/ng-jvx-options-template.directive';
+export * from './lib/directives/ng-jvx-selection-template.directive';
+export * from './lib/directives/ng-jvx-group-header.directive';
+export * from './lib/directives/ng-jvx-disabled-option.directive';
+export * from './lib/ng-jvx-multiselect.service';
+export * from './lib/ng-jvx-multiselect.component';
+export * from './lib/ng-jvx-multiselect.module';
+export * from './lib/interfaces/ng-jvx-option-mapper';
+export * from './lib/interfaces/ng-jvx-search-mapper';
+export * from './lib/interfaces/ng-jvx-group-mapper';
+export * from './lib/utils';

package/esm2022/lib/ng-jvx-panel/ng-jvx-panel.component.mjs

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-import { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation, } from '@angular/core';
-import { MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, matMenuAnimations } from '@angular/material/menu';
-import { _MatMenuBase, MatMenu } from '@angular/material/menu';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/** @docs-public MatMenu */
-export class NgJvxPanelComponent extends _MatMenuBase {
-    constructor(elementRef, ngZone, defaultOptions) {
-        super(elementRef, ngZone, defaultOptions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: NgJvxPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: MAT_MENU_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: NgJvxPanelComponent, selector: "ngJvxPanel", host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, providers: [
-            { provide: MAT_MENU_PANEL, useExisting: MatMenu },
-        ], exportAs: ["ngJvxPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n  <div\r\n    class=\"mat-menu-panel\"\r\n    [id]=\"panelId\"\r\n    [ngClass]=\"_classList\"\r\n    (keydown)=\"_handleKeydown($event)\"\r\n    (click)=\"closed.emit('click')\"\r\n    [@transformMenu]=\"_panelAnimationState\"\r\n    (@transformMenu.start)=\"_onAnimationStart($event)\"\r\n    (@transformMenu.done)=\"_onAnimationDone($event)\"\r\n    tabindex=\"-1\"\r\n    role=\"menu\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n    [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n    <div class=\"mat-menu-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
-            matMenuAnimations.transformMenu,
-            matMenuAnimations.fadeInItems
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: NgJvxPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngJvxPanel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'ngJvxPanel', host: {
-                        '[attr.aria-label]': 'null',
-                        '[attr.aria-labelledby]': 'null',
-                        '[attr.aria-describedby]': 'null',
-                    }, animations: [
-                        matMenuAnimations.transformMenu,
-                        matMenuAnimations.fadeInItems
-                    ], providers: [
-                        { provide: MAT_MENU_PANEL, useExisting: MatMenu },
-                    ], template: "<ng-template>\r\n  <div\r\n    class=\"mat-menu-panel\"\r\n    [id]=\"panelId\"\r\n    [ngClass]=\"_classList\"\r\n    (keydown)=\"_handleKeydown($event)\"\r\n    (click)=\"closed.emit('click')\"\r\n    [@transformMenu]=\"_panelAnimationState\"\r\n    (@transformMenu.start)=\"_onAnimationStart($event)\"\r\n    (@transformMenu.done)=\"_onAnimationDone($event)\"\r\n    tabindex=\"-1\"\r\n    role=\"menu\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n    [attr.aria-describedby]=\"ariaDescribedby || null\">\r\n    <div class=\"mat-menu-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_MENU_DEFAULT_OPTIONS]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctanZ4LXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWp2eC1tdWx0aXNlbGVjdC9zcmMvbGliL25nLWp2eC1wYW5lbC9uZy1qdngtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctanZ4LW11bHRpc2VsZWN0L3NyYy9saWIvbmctanZ4LXBhbmVsL25nLWp2eC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBVSxpQkFBaUIsR0FBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLGNBQWMsRUFDZCxpQkFBaUIsRUFFbEIsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUMsWUFBWSxFQUFFLE9BQU8sRUFBQyxNQUFNLHdCQUF3QixDQUFDOzs7QUFHN0QsMkJBQTJCO0FBdUIzQixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsWUFBWTtJQUNuRCxZQUFZLFVBQW1DLEVBQUUsTUFBYyxFQUNqQixjQUFxQztRQUNqRixLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQztJQUM1QyxDQUFDOzhHQUpVLG1CQUFtQixrRUFFVix3QkFBd0I7a0dBRmpDLG1CQUFtQiwySkFKbkI7WUFDVCxFQUFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBQztTQUNoRCwyRUN2Q0gsdXJCQW9CQSwwSURhYztZQUNWLGlCQUFpQixDQUFDLGFBQWE7WUFDL0IsaUJBQWlCLENBQUMsV0FBVztTQUM5Qjs7MkZBS1UsbUJBQW1CO2tCQXRCL0IsU0FBUzsrQkFFRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksWUFDM0IsWUFBWSxRQUVoQjt3QkFDSixtQkFBbUIsRUFBRSxNQUFNO3dCQUMzQix3QkFBd0IsRUFBRSxNQUFNO3dCQUNoQyx5QkFBeUIsRUFBRSxNQUFNO3FCQUNsQyxjQUNXO3dCQUNWLGlCQUFpQixDQUFDLGFBQWE7d0JBQy9CLGlCQUFpQixDQUFDLFdBQVc7cUJBQzlCLGFBQ1U7d0JBQ1QsRUFBQyxPQUFPLEVBQUUsY0FBYyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUM7cUJBQ2hEOzswQkFJWSxNQUFNOzJCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxyXG4gKlxyXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxyXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXHJcbiAqL1xyXG5cclxuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE5nWm9uZSwgVmlld0VuY2Fwc3VsYXRpb24sfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBNQVRfTUVOVV9ERUZBVUxUX09QVElPTlMsXHJcbiAgTUFUX01FTlVfUEFORUwsXHJcbiAgbWF0TWVudUFuaW1hdGlvbnMsXHJcbiAgTWF0TWVudURlZmF1bHRPcHRpb25zXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7X01hdE1lbnVCYXNlLCBNYXRNZW51fSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcclxuXHJcblxyXG4vKiogQGRvY3MtcHVibGljIE1hdE1lbnUgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxyXG4gIHNlbGVjdG9yOiAnbmdKdnhQYW5lbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICduZy1qdngtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyduZy1qdngtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGV4cG9ydEFzOiAnbmdKdnhQYW5lbCcsXHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHlcclxuICBob3N0OiB7XHJcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXHJcbiAgICAnW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XSc6ICdudWxsJyxcclxuICAgICdbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XSc6ICdudWxsJyxcclxuICB9LFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIG1hdE1lbnVBbmltYXRpb25zLnRyYW5zZm9ybU1lbnUsXHJcbiAgICBtYXRNZW51QW5pbWF0aW9ucy5mYWRlSW5JdGVtc1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7cHJvdmlkZTogTUFUX01FTlVfUEFORUwsIHVzZUV4aXN0aW5nOiBNYXRNZW51fSxcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ0p2eFBhbmVsQ29tcG9uZW50IGV4dGVuZHMgX01hdE1lbnVCYXNlIHtcclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Piwgbmdab25lOiBOZ1pvbmUsXHJcbiAgICAgICAgICAgICAgQEluamVjdChNQVRfTUVOVV9ERUZBVUxUX09QVElPTlMpIGRlZmF1bHRPcHRpb25zOiBNYXRNZW51RGVmYXVsdE9wdGlvbnMpIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIG5nWm9uZSwgZGVmYXVsdE9wdGlvbnMpO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPG5nLXRlbXBsYXRlPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwibWF0LW1lbnUtcGFuZWxcIlxyXG4gICAgW2lkXT1cInBhbmVsSWRcIlxyXG4gICAgW25nQ2xhc3NdPVwiX2NsYXNzTGlzdFwiXHJcbiAgICAoa2V5ZG93bik9XCJfaGFuZGxlS2V5ZG93bigkZXZlbnQpXCJcclxuICAgIChjbGljayk9XCJjbG9zZWQuZW1pdCgnY2xpY2snKVwiXHJcbiAgICBbQHRyYW5zZm9ybU1lbnVdPVwiX3BhbmVsQW5pbWF0aW9uU3RhdGVcIlxyXG4gICAgKEB0cmFuc2Zvcm1NZW51LnN0YXJ0KT1cIl9vbkFuaW1hdGlvblN0YXJ0KCRldmVudClcIlxyXG4gICAgKEB0cmFuc2Zvcm1NZW51LmRvbmUpPVwiX29uQW5pbWF0aW9uRG9uZSgkZXZlbnQpXCJcclxuICAgIHRhYmluZGV4PVwiLTFcIlxyXG4gICAgcm9sZT1cIm1lbnVcIlxyXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwgfHwgbnVsbFwiXHJcbiAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnkgfHwgbnVsbFwiXHJcbiAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImFyaWFEZXNjcmliZWRieSB8fCBudWxsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0LW1lbnUtY29udGVudFwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/lib/ng-jvx-panel/ng-jvx-panel.component.d.ts

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-import { ElementRef, NgZone } from '@angular/core';
-import { MatMenuDefaultOptions } from '@angular/material/menu';
-import { _MatMenuBase } from '@angular/material/menu';
-import * as i0 from "@angular/core";
-/** @docs-public MatMenu */
-export declare class NgJvxPanelComponent extends _MatMenuBase {
-    constructor(elementRef: ElementRef<HTMLElement>, ngZone: NgZone, defaultOptions: MatMenuDefaultOptions);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxPanelComponent, "ngJvxPanel", ["ngJvxPanel"], {}, {}, never, ["*"], false, never>;
-}