@syncfusion/ej2-angular-dropdowns 22.2.12 → 23.1.36

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

@@ -1,4 +1,4 @@
-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";
@@ -16,6 +16,7 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -73,7 +74,7 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
     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;
@@ -85,5 +86,5 @@ export declare class ComboBoxComponent extends ComboBox implements IComponentBas
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "ejs-combobox", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowCustom": "allowCustom"; "allowFiltering": "allowFiltering"; "autofill": "autofill"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableVirtualization": "enableVirtualization"; "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/drop-down-list/dropdownlist-all.module.d.ts

@@ -1,6 +1,8 @@
+import { ValueProvider } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./dropdownlist.module";
+export declare const VirtualScrollService: ValueProvider;
 /**
  * NgModule definition for the DropDownList component with providers.
  */

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

@@ -1,4 +1,4 @@
-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";
@@ -16,6 +16,7 @@ export declare class DropDownListComponent extends DropDownList implements IComp
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -83,7 +84,7 @@ export declare class DropDownListComponent extends DropDownList 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;
@@ -95,5 +96,5 @@ export declare class DropDownListComponent extends DropDownList implements IComp
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownListComponent, "ejs-dropdownlist", never, { "actionFailureTemplate": "actionFailureTemplate"; "allowFiltering": "allowFiltering"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableVirtualization": "enableVirtualization"; "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-tree/dropdowntree.component.d.ts

@@ -1,4 +1,4 @@
-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";
@@ -16,6 +16,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 +69,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;

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.component.d.ts

@@ -1,4 +1,4 @@
-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";
@@ -16,6 +16,7 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
     private srenderer;
     private viewContainerRef;
     private injector;
+    private cdr;
     formCompContext: any;
     formContext: any;
     tagObjects: any;
@@ -49,7 +50,7 @@ export declare class ListBoxComponent extends ListBox implements IComponentBase
     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;

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

@@ -1,4 +1,4 @@
-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";
@@ -16,6 +16,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 +90,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;

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

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

package/styles/auto-complete/bootstrap.scss

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

package/styles/auto-complete/bootstrap4.scss

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

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

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

package/styles/auto-complete/bootstrap5.scss

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

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

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

package/styles/auto-complete/fabric.scss

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

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

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

package/styles/auto-complete/fluent.scss

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

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

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

package/styles/auto-complete/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import '../drop-down-list/highcontrast-definition.scss';
 @import 'highcontrast-definition.scss';
 @import 'all.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,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import '../drop-down-list/material-dark-definition.scss';
 @import 'material-dark-definition.scss';
 @import 'all.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,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import '../drop-down-list/material-definition.scss';
 @import 'material-definition.scss';
 @import 'all.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;

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/auto-complete/material3.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;

package/styles/auto-complete/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

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

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

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

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

package/styles/auto-complete/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/tailwind.scss

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

package/styles/bootstrap-dark.css

@@ -2490,11 +2490,6 @@ ejs-multiselect {
   padding: 13px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2778,9 +2773,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }

package/styles/bootstrap.css

@@ -2494,11 +2494,6 @@ ejs-multiselect {
   padding: 13px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2782,9 +2777,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }

package/styles/bootstrap4.css

@@ -2671,11 +2671,6 @@ ejs-multiselect {
   padding: 10px 16px 10px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2959,9 +2954,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -3207,12 +3199,12 @@ ejs-listbox {
 
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 32px);
+  height: calc(100% - 43px);
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 46px);
+  height: calc(100% - 56px);
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3227,7 +3219,7 @@ ejs-listbox {
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 44px);
+  height: calc(100% - 56px);
 }
 
 .e-listbox-wrapper,
@@ -3254,7 +3246,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 39px);
+  height: calc(100% - 48px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,

package/styles/bootstrap5-dark.css

@@ -2663,11 +2663,6 @@ ejs-multiselect {
   padding: 10px 12px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }

package/styles/bootstrap5.css

@@ -2663,11 +2663,6 @@ ejs-multiselect {
   padding: 10px 12px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2951,9 +2946,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }

package/styles/combo-box/bootstrap-dark.scss

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

package/styles/combo-box/bootstrap.scss

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

package/styles/combo-box/bootstrap4.scss

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

package/styles/combo-box/bootstrap5-dark.scss

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

package/styles/combo-box/bootstrap5.scss

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

package/styles/combo-box/fabric-dark.scss

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

package/styles/combo-box/fabric.scss

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

package/styles/combo-box/fluent-dark.scss

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

package/styles/combo-box/fluent.scss

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

package/styles/combo-box/highcontrast-light.scss

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

package/styles/combo-box/highcontrast.scss

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

package/styles/combo-box/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/combo-box/material-dark.scss

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

package/styles/combo-box/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/combo-box/material.scss

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

package/styles/combo-box/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;

package/styles/combo-box/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/combo-box/material3.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;

package/styles/combo-box/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/combo-box/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/combo-box/tailwind-dark.scss

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