@syncfusion/ej2-angular-dropdowns 22.2.12 → 23.1.36-ngcc

package/src/auto-complete/autocomplete.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { AutoComplete } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class AutoCompleteComponent extends AutoComplete implements IComp
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -40,7 +40,7 @@ export declare class AutoCompleteComponent extends AutoComplete implements IComp
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     footerTemplate: any;
     /**
@@ -48,14 +48,14 @@ export declare class AutoCompleteComponent extends AutoComplete implements IComp
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     headerTemplate: any;
     /**
      * Accepts the template design and assigns it to the group headers present in the popup list.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     groupTemplate: any;
     /**
@@ -67,13 +67,13 @@ export declare class AutoCompleteComponent extends AutoComplete implements IComp
      *
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     itemTemplate: any;
     noRecordsTemplate: any;
     actionFailureTemplate: any;
     private skipFromEvent;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -84,6 +84,4 @@ export declare class AutoCompleteComponent extends AutoComplete implements IComp
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "ejs-autocomplete", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowCustom": "allowCustom"; "allowFiltering": "allowFiltering"; "autofill": "autofill"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "groupTemplate": "groupTemplate"; "headerTemplate": "headerTemplate"; "highlight": "highlight"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "index": "index"; "itemTemplate": "itemTemplate"; "locale": "locale"; "minLength": "minLength"; "noRecordsTemplate": "noRecordsTemplate"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "showClearButton": "showClearButton"; "showPopupButton": "showPopupButton"; "sortOrder": "sortOrder"; "suggestionCount": "suggestionCount"; "text": "text"; "value": "value"; "valueTemplate": "valueTemplate"; "width": "width"; "zIndex": "zIndex"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "blur": "blur"; "change": "change"; "close": "close"; "created": "created"; "customValueSpecifier": "customValueSpecifier"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "open": "open"; "select": "select"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "groupTemplate", "itemTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/auto-complete/autocomplete.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./autocomplete.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the AutoComplete component.
  */
 export declare class AutoCompleteModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutoCompleteModule, [typeof i1.AutoCompleteComponent], [typeof i2.CommonModule], [typeof i1.AutoCompleteComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AutoCompleteModule>;
 }

package/src/combo-box/combobox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./combobox.module";
 /**
  * NgModule definition for the ComboBox component with providers.
  */
 export declare class ComboBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComboBoxAllModule, never, [typeof i1.CommonModule, typeof i2.ComboBoxModule], [typeof i2.ComboBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ComboBoxAllModule>;
 }

package/src/combo-box/combobox.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { ComboBox } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -40,7 +40,7 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     footerTemplate: any;
     /**
@@ -48,14 +48,14 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     headerTemplate: any;
     /**
      * Accepts the template design and assigns it to the group headers present in the popup list.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     groupTemplate: any;
     /**
@@ -67,13 +67,13 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
      *
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     itemTemplate: any;
     noRecordsTemplate: any;
     actionFailureTemplate: any;
     private skipFromEvent;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -84,6 +84,4 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "ejs-combobox", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowCustom": "allowCustom"; "allowFiltering": "allowFiltering"; "autofill": "autofill"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "groupTemplate": "groupTemplate"; "headerTemplate": "headerTemplate"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "index": "index"; "itemTemplate": "itemTemplate"; "locale": "locale"; "noRecordsTemplate": "noRecordsTemplate"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "showClearButton": "showClearButton"; "sortOrder": "sortOrder"; "text": "text"; "value": "value"; "valueTemplate": "valueTemplate"; "width": "width"; "zIndex": "zIndex"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "blur": "blur"; "change": "change"; "close": "close"; "created": "created"; "customValueSpecifier": "customValueSpecifier"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "open": "open"; "select": "select"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "groupTemplate", "itemTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/combo-box/combobox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./combobox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the ComboBox component.
  */
 export declare class ComboBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComboBoxModule, [typeof i1.ComboBoxComponent], [typeof i2.CommonModule], [typeof i1.ComboBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ComboBoxModule>;
 }

package/src/drop-down-list/dropdownlist-all.module.d.ts

@@ -1,11 +1,7 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./dropdownlist.module";
+import { ValueProvider } from '@angular/core';
+export declare const VirtualScrollService: ValueProvider;
 /**
  * NgModule definition for the DropDownList component with providers.
  */
 export declare class DropDownListAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownListAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownListAllModule, never, [typeof i1.CommonModule, typeof i2.DropDownListModule], [typeof i2.DropDownListModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropDownListAllModule>;
 }

package/src/drop-down-list/dropdownlist.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DropDownList } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class DropDownListComponent extends DropDownList implements IComp
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -65,7 +65,7 @@ export declare class DropDownListComponent extends DropDownList implements IComp
      * Accepts the template design and assigns it to the group headers present in the popup list.
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     groupTemplate: any;
     /**
@@ -77,13 +77,13 @@ export declare class DropDownListComponent extends DropDownList implements IComp
      *
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     itemTemplate: any;
     noRecordsTemplate: any;
     actionFailureTemplate: any;
     private skipFromEvent;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -94,6 +94,4 @@ export declare class DropDownListComponent extends DropDownList implements IComp
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "ejs-dropdownlist", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowFiltering": "allowFiltering"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "groupTemplate": "groupTemplate"; "headerTemplate": "headerTemplate"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "index": "index"; "itemTemplate": "itemTemplate"; "locale": "locale"; "noRecordsTemplate": "noRecordsTemplate"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "showClearButton": "showClearButton"; "sortOrder": "sortOrder"; "text": "text"; "value": "value"; "valueTemplate": "valueTemplate"; "width": "width"; "zIndex": "zIndex"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "blur": "blur"; "change": "change"; "close": "close"; "created": "created"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "open": "open"; "select": "select"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "valueTemplate", "groupTemplate", "itemTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/drop-down-list/dropdownlist.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./dropdownlist.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the DropDownList component.
  */
 export declare class DropDownListModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownListModule, [typeof i1.DropDownListComponent], [typeof i2.CommonModule], [typeof i1.DropDownListComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropDownListModule>;
 }

package/src/drop-down-tree/dropdowntree-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./dropdowntree.module";
 /**
  * NgModule definition for the DropDownTree component with providers.
  */
 export declare class DropDownTreeAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownTreeAllModule, never, [typeof i1.CommonModule, typeof i2.DropDownTreeModule], [typeof i2.DropDownTreeModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropDownTreeAllModule>;
 }

package/src/drop-down-tree/dropdowntree.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { DropDownTree } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class DropDownTreeComponent extends DropDownTree implements IComp
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -68,7 +68,7 @@ export declare class DropDownTreeComponent extends DropDownTree implements IComp
     noRecordsTemplate: any;
     actionFailureTemplate: any;
     private skipFromEvent;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -79,6 +79,4 @@ export declare class DropDownTreeComponent extends DropDownTree implements IComp
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownTreeComponent, "ejs-dropdowntree", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowFiltering": "allowFiltering"; "allowMultiSelection": "allowMultiSelection"; "changeOnBlur": "changeOnBlur"; "cssClass": "cssClass"; "customTemplate": "customTemplate"; "delimiterChar": "delimiterChar"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "headerTemplate": "headerTemplate"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "mode": "mode"; "noRecordsTemplate": "noRecordsTemplate"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "readonly": "readonly"; "selectAllText": "selectAllText"; "showCheckBox": "showCheckBox"; "showClearButton": "showClearButton"; "showDropDownIcon": "showDropDownIcon"; "showSelectAll": "showSelectAll"; "sortOrder": "sortOrder"; "text": "text"; "treeSettings": "treeSettings"; "unSelectAllText": "unSelectAllText"; "value": "value"; "width": "width"; "wrapText": "wrapText"; "zIndex": "zIndex"; }, { "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "blur": "blur"; "change": "change"; "close": "close"; "created": "created"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "keyPress": "keyPress"; "open": "open"; "select": "select"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "itemTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/drop-down-tree/dropdowntree.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./dropdowntree.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the DropDownTree component.
  */
 export declare class DropDownTreeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropDownTreeModule, [typeof i1.DropDownTreeComponent], [typeof i2.CommonModule], [typeof i1.DropDownTreeComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DropDownTreeModule>;
 }

package/src/index.d.ts

@@ -1,6 +1,6 @@
 export { DropDownListComponent } from './drop-down-list/dropdownlist.component';
 export { DropDownListModule } from './drop-down-list/dropdownlist.module';
-export { DropDownListAllModule } from './drop-down-list/dropdownlist-all.module';
+export { DropDownListAllModule, VirtualScrollService } from './drop-down-list/dropdownlist-all.module';
 export { ComboBoxComponent } from './combo-box/combobox.component';
 export { ComboBoxModule } from './combo-box/combobox.module';
 export { ComboBoxAllModule } from './combo-box/combobox-all.module';

package/src/list-box/listbox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./listbox.module";
 /**
  * NgModule definition for the ListBox component with providers.
  */
 export declare class ListBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListBoxAllModule, never, [typeof i1.CommonModule, typeof i2.ListBoxModule], [typeof i2.ListBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListBoxAllModule>;
 }

package/src/list-box/listbox.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { ListBox } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -43,13 +43,13 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
      *
      * @default null
      * @asptype string
-     * @deprecated
+
      */
     itemTemplate: any;
     noRecordsTemplate: any;
     focus: any;
     blur: any;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -60,6 +60,4 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "ejs-listbox", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowDragAndDrop": "allowDragAndDrop"; "allowFiltering": "allowFiltering"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "groupTemplate": "groupTemplate"; "height": "height"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "maximumSelectionLength": "maximumSelectionLength"; "noRecordsTemplate": "noRecordsTemplate"; "query": "query"; "scope": "scope"; "selectionSettings": "selectionSettings"; "sortOrder": "sortOrder"; "toolbarSettings": "toolbarSettings"; "value": "value"; "zIndex": "zIndex"; }, { "focus": "focus"; "blur": "blur"; "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeDrop": "beforeDrop"; "beforeItemRender": "beforeItemRender"; "change": "change"; "created": "created"; "dataBound": "dataBound"; "destroyed": "destroyed"; "drag": "drag"; "dragStart": "dragStart"; "drop": "drop"; "filtering": "filtering"; "select": "select"; "valueChange": "valueChange"; }, ["itemTemplate", "noRecordsTemplate"], never>;
 }

package/src/list-box/listbox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./listbox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the ListBox component.
  */
 export declare class ListBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListBoxModule, [typeof i1.ListBoxComponent], [typeof i2.CommonModule], [typeof i1.ListBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListBoxModule>;
 }

package/src/mention/mention-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./mention.module";
 /**
  * NgModule definition for the Mention component with providers.
  */
 export declare class MentionAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MentionAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MentionAllModule, never, [typeof i1.CommonModule, typeof i2.MentionModule], [typeof i2.MentionModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MentionAllModule>;
 }

package/src/mention/mention.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Mention } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -54,6 +53,4 @@ export declare class MentionComponent extends Mention implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MentionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MentionComponent, "ejs-mention", never, { "allowSpaces": "allowSpaces"; "cssClass": "cssClass"; "dataSource": "dataSource"; "displayTemplate": "displayTemplate"; "fields": "fields"; "filterType": "filterType"; "highlight": "highlight"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "mentionChar": "mentionChar"; "minLength": "minLength"; "noRecordsTemplate": "noRecordsTemplate"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "showMentionChar": "showMentionChar"; "sortOrder": "sortOrder"; "spinnerTemplate": "spinnerTemplate"; "suffixText": "suffixText"; "suggestionCount": "suggestionCount"; "target": "target"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "change": "change"; "closed": "closed"; "created": "created"; "destroyed": "destroyed"; "filtering": "filtering"; "opened": "opened"; "select": "select"; }, ["displayTemplate", "itemTemplate", "spinnerTemplate", "noRecordsTemplate"], ["*"]>;
 }

package/src/mention/mention.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./mention.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Mention component.
  */
 export declare class MentionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MentionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MentionModule, [typeof i1.MentionComponent], [typeof i2.CommonModule], [typeof i1.MentionComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MentionModule>;
 }

package/src/multi-select/multiselect-all.module.d.ts

@@ -1,13 +1,7 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./multiselect.module";
 export declare const CheckBoxSelectionService: ValueProvider;
 /**
  * NgModule definition for the MultiSelect component with providers.
  */
 export declare class MultiSelectAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectAllModule, never, [typeof i1.CommonModule, typeof i2.MultiSelectModule], [typeof i2.MultiSelectModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectAllModule>;
 }

package/src/multi-select/multiselect.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectorRef } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { MultiSelect } from '@syncfusion/ej2-dropdowns';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -16,6 +15,7 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -89,7 +89,7 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
     noRecordsTemplate: any;
     actionFailureTemplate: any;
     private skipFromEvent;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
     registerOnTouched(registerFunction: () => void): void;
     writeValue(value: any): void;
@@ -100,6 +100,4 @@ export declare class MultiSelectComponent extends MultiSelect implements ICompon
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ejs-multiselect", never, { "actionFailureTemplate": "actionFailureTemplate"; "addTagOnBlur": "addTagOnBlur"; "allowCustomValue": "allowCustomValue"; "allowFiltering": "allowFiltering"; "changeOnBlur": "changeOnBlur"; "closePopupOnSelect": "closePopupOnSelect"; "cssClass": "cssClass"; "dataSource": "dataSource"; "delimiterChar": "delimiterChar"; "enableGroupCheckBox": "enableGroupCheckBox"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSelectionOrder": "enableSelectionOrder"; "enabled": "enabled"; "fields": "fields"; "filterBarPlaceholder": "filterBarPlaceholder"; "filterType": "filterType"; "floatLabelType": "floatLabelType"; "footerTemplate": "footerTemplate"; "groupTemplate": "groupTemplate"; "headerTemplate": "headerTemplate"; "hideSelectedItem": "hideSelectedItem"; "htmlAttributes": "htmlAttributes"; "ignoreAccent": "ignoreAccent"; "ignoreCase": "ignoreCase"; "itemTemplate": "itemTemplate"; "locale": "locale"; "maximumSelectionLength": "maximumSelectionLength"; "mode": "mode"; "noRecordsTemplate": "noRecordsTemplate"; "openOnClick": "openOnClick"; "placeholder": "placeholder"; "popupHeight": "popupHeight"; "popupWidth": "popupWidth"; "query": "query"; "readonly": "readonly"; "selectAllText": "selectAllText"; "showClearButton": "showClearButton"; "showDropDownIcon": "showDropDownIcon"; "showSelectAll": "showSelectAll"; "sortOrder": "sortOrder"; "text": "text"; "unSelectAllText": "unSelectAllText"; "value": "value"; "valueTemplate": "valueTemplate"; "width": "width"; "zIndex": "zIndex"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "beforeOpen": "beforeOpen"; "beforeSelectAll": "beforeSelectAll"; "blur": "blur"; "change": "change"; "chipSelection": "chipSelection"; "close": "close"; "created": "created"; "customValueSelection": "customValueSelection"; "dataBound": "dataBound"; "destroyed": "destroyed"; "filtering": "filtering"; "focus": "focus"; "open": "open"; "removed": "removed"; "removing": "removing"; "select": "select"; "selectedAll": "selectedAll"; "tagging": "tagging"; "valueChange": "valueChange"; }, ["footerTemplate", "headerTemplate", "valueTemplate", "itemTemplate", "groupTemplate", "noRecordsTemplate", "actionFailureTemplate"], never>;
 }

package/src/multi-select/multiselect.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./multiselect.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the MultiSelect component.
  */
 export declare class MultiSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof i1.MultiSelectComponent], [typeof i2.CommonModule], [typeof i1.MultiSelectComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectModule>;
 }

package/styles/auto-complete/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import '../drop-down-list/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark.scss';

package/styles/auto-complete/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../drop-down-list/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap.scss';

package/styles/auto-complete/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../drop-down-list/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap4.scss';

package/styles/auto-complete/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../drop-down-list/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark.scss';

package/styles/auto-complete/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../drop-down-list/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.scss';

package/styles/auto-complete/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../drop-down-list/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark.scss';

package/styles/auto-complete/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../drop-down-list/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric.scss';

package/styles/auto-complete/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import '../drop-down-list/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark.scss';

package/styles/auto-complete/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../drop-down-list/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent.scss';

package/styles/auto-complete/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../drop-down-list/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light.scss';

package/styles/auto-complete/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../drop-down-list/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast.scss';

package/styles/auto-complete/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../drop-down-list/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/material-dark.scss';

package/styles/auto-complete/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import '../drop-down-list/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/auto-complete/material.scss';

package/styles/auto-complete/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;