;
public forceUpdate: (callBack?: () => any) => void;
public context: Object;
+ public portals: any = [];
public isReactComponent: Object;
public refs: {
[key: string]: React.ReactInstance
};
-
constructor(props: any) {
super(props);
}
public render(): any {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('div', this.getDefaultAttributes(), this.props.children);
+ return React.createElement('div', this.getDefaultAttributes(),[].concat(this.props.children,this.portals));
}
}
}
-applyMixins(DocumentEditorComponent, [ComponentBase, React.PureComponent]);
+applyMixins(DocumentEditorComponent, [ComponentBase, React.Component]);
diff --git a/components/documenteditor/src/index.ts b/components/documenteditor/src/index.ts
index c3f8dff25..d9a373a57 100644
--- a/components/documenteditor/src/index.ts
+++ b/components/documenteditor/src/index.ts
@@ -1,3 +1,4 @@
export * from './document-editor';
+export * from './document-editor-container';
export { Inject } from '@syncfusion/ej2-react-base';
export * from '@syncfusion/ej2-documenteditor';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bds-lite.scss b/components/documenteditor/styles/bds-lite.scss
new file mode 100644
index 000000000..782c79a5c
--- /dev/null
+++ b/components/documenteditor/styles/bds-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bds-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bds.scss b/components/documenteditor/styles/bds.scss
new file mode 100644
index 000000000..96633248d
--- /dev/null
+++ b/components/documenteditor/styles/bds.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bds.scss';
+@import 'document-editor-container/bds.scss';
diff --git a/components/documenteditor/styles/bootstrap-dark-lite.scss b/components/documenteditor/styles/bootstrap-dark-lite.scss
new file mode 100644
index 000000000..66c93b87b
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap-dark.scss b/components/documenteditor/styles/bootstrap-dark.scss
new file mode 100644
index 000000000..f999a32d3
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap-dark.scss';
+@import 'document-editor-container/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/bootstrap-lite.scss b/components/documenteditor/styles/bootstrap-lite.scss
new file mode 100644
index 000000000..5967c7c69
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap.scss b/components/documenteditor/styles/bootstrap.scss
index 9aea137bb..b2e85fd90 100644
--- a/components/documenteditor/styles/bootstrap.scss
+++ b/components/documenteditor/styles/bootstrap.scss
@@ -1 +1,2 @@
@import 'document-editor/bootstrap.scss';
+@import 'document-editor-container/bootstrap.scss';
diff --git a/components/documenteditor/styles/bootstrap4-lite.scss b/components/documenteditor/styles/bootstrap4-lite.scss
new file mode 100644
index 000000000..19b51ec6a
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap4-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap4-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap4.scss b/components/documenteditor/styles/bootstrap4.scss
new file mode 100644
index 000000000..569031e93
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap4.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap4.scss';
+@import 'document-editor-container/bootstrap4.scss';
diff --git a/components/documenteditor/styles/bootstrap5-dark-lite.scss b/components/documenteditor/styles/bootstrap5-dark-lite.scss
new file mode 100644
index 000000000..eb6729045
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5-dark.scss b/components/documenteditor/styles/bootstrap5-dark.scss
new file mode 100644
index 000000000..cdaa78beb
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5-dark.scss';
+@import 'document-editor-container/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/bootstrap5-lite.scss b/components/documenteditor/styles/bootstrap5-lite.scss
new file mode 100644
index 000000000..20a4ce4ed
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5.3-lite.scss b/components/documenteditor/styles/bootstrap5.3-lite.scss
new file mode 100644
index 000000000..8c0040c42
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5.3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5.3.scss b/components/documenteditor/styles/bootstrap5.3.scss
new file mode 100644
index 000000000..3e8d94cc5
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.3.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5.3.scss';
+@import 'document-editor-container/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/bootstrap5.scss b/components/documenteditor/styles/bootstrap5.scss
new file mode 100644
index 000000000..9bc452ee9
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5.scss';
+@import 'document-editor-container/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bds.scss b/components/documenteditor/styles/document-editor-container/bds.scss
new file mode 100644
index 000000000..6cad28556
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bds.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss b/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss
new file mode 100644
index 000000000..c5ee57d47
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap.scss b/components/documenteditor/styles/document-editor-container/bootstrap.scss
new file mode 100644
index 000000000..f317c743e
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap4.scss b/components/documenteditor/styles/document-editor-container/bootstrap4.scss
new file mode 100644
index 000000000..6cc91d83b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap4.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss b/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss
new file mode 100644
index 000000000..2e67a19dd
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss b/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss
new file mode 100644
index 000000000..ea1c8caac
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5.scss b/components/documenteditor/styles/document-editor-container/bootstrap5.scss
new file mode 100644
index 000000000..bf7c55cb2
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fabric-dark.scss b/components/documenteditor/styles/document-editor-container/fabric-dark.scss
new file mode 100644
index 000000000..450142137
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fabric-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fabric.scss b/components/documenteditor/styles/document-editor-container/fabric.scss
new file mode 100644
index 000000000..60d43527b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fabric.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fabric.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent-dark.scss b/components/documenteditor/styles/document-editor-container/fluent-dark.scss
new file mode 100644
index 000000000..eddb08f0b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent.scss b/components/documenteditor/styles/document-editor-container/fluent.scss
new file mode 100644
index 000000000..47db6ea20
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent2.scss b/components/documenteditor/styles/document-editor-container/fluent2.scss
new file mode 100644
index 000000000..fb508cbdf
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent2.scss';
diff --git a/components/documenteditor/styles/document-editor-container/highcontrast-light.scss b/components/documenteditor/styles/document-editor-container/highcontrast-light.scss
new file mode 100644
index 000000000..4625c7fce
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/document-editor-container/highcontrast.scss b/components/documenteditor/styles/document-editor-container/highcontrast.scss
new file mode 100644
index 000000000..40a093380
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/highcontrast.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/highcontrast.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material-dark.scss b/components/documenteditor/styles/document-editor-container/material-dark.scss
new file mode 100644
index 000000000..597f08b32
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/material-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material.scss b/components/documenteditor/styles/document-editor-container/material.scss
new file mode 100644
index 000000000..a0042dd26
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/material.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material3-dark.scss b/components/documenteditor/styles/document-editor-container/material3-dark.scss
new file mode 100644
index 000000000..5d2ff8fc2
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/material3-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material3.scss b/components/documenteditor/styles/document-editor-container/material3.scss
new file mode 100644
index 000000000..49faa3c17
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/material3.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind-dark.scss b/components/documenteditor/styles/document-editor-container/tailwind-dark.scss
new file mode 100644
index 000000000..63ba849a6
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind.scss b/components/documenteditor/styles/document-editor-container/tailwind.scss
new file mode 100644
index 000000000..de9ecc915
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind3.scss b/components/documenteditor/styles/document-editor-container/tailwind3.scss
new file mode 100644
index 000000000..93c2ab6a0
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind3.scss';
diff --git a/components/documenteditor/styles/document-editor/bds.scss b/components/documenteditor/styles/document-editor/bds.scss
new file mode 100644
index 000000000..fff1819d1
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bds.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap-dark.scss b/components/documenteditor/styles/document-editor/bootstrap-dark.scss
new file mode 100644
index 000000000..c687f1bbb
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap4.scss b/components/documenteditor/styles/document-editor/bootstrap4.scss
new file mode 100644
index 000000000..cc9c21931
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap4.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5-dark.scss b/components/documenteditor/styles/document-editor/bootstrap5-dark.scss
new file mode 100644
index 000000000..2abffd993
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5.3.scss b/components/documenteditor/styles/document-editor/bootstrap5.3.scss
new file mode 100644
index 000000000..d0a47b125
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5.scss b/components/documenteditor/styles/document-editor/bootstrap5.scss
new file mode 100644
index 000000000..bdce32f1d
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor/fabric-dark.scss b/components/documenteditor/styles/document-editor/fabric-dark.scss
new file mode 100644
index 000000000..aba6cdcd3
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fabric-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent-dark.scss b/components/documenteditor/styles/document-editor/fluent-dark.scss
new file mode 100644
index 000000000..ca4d7e7bb
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent.scss b/components/documenteditor/styles/document-editor/fluent.scss
new file mode 100644
index 000000000..c2a1e1655
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent2.scss b/components/documenteditor/styles/document-editor/fluent2.scss
new file mode 100644
index 000000000..ee47078ba
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent2.scss';
diff --git a/components/documenteditor/styles/document-editor/highcontrast-light.scss b/components/documenteditor/styles/document-editor/highcontrast-light.scss
new file mode 100644
index 000000000..82c4188a9
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/document-editor/material-dark.scss b/components/documenteditor/styles/document-editor/material-dark.scss
new file mode 100644
index 000000000..5833743b4
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/material-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/material3-dark.scss b/components/documenteditor/styles/document-editor/material3-dark.scss
new file mode 100644
index 000000000..d471042ba
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-documenteditor/styles/document-editor/material3-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/material3.scss b/components/documenteditor/styles/document-editor/material3.scss
new file mode 100644
index 000000000..1626d83e5
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-documenteditor/styles/document-editor/material3.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind-dark.scss b/components/documenteditor/styles/document-editor/tailwind-dark.scss
new file mode 100644
index 000000000..1cd05e24f
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind.scss b/components/documenteditor/styles/document-editor/tailwind.scss
new file mode 100644
index 000000000..0b9326754
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind3.scss b/components/documenteditor/styles/document-editor/tailwind3.scss
new file mode 100644
index 000000000..6cb951ee5
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind3.scss';
diff --git a/components/documenteditor/styles/fabric-dark-lite.scss b/components/documenteditor/styles/fabric-dark-lite.scss
new file mode 100644
index 000000000..e7c09127a
--- /dev/null
+++ b/components/documenteditor/styles/fabric-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fabric-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fabric-dark.scss b/components/documenteditor/styles/fabric-dark.scss
new file mode 100644
index 000000000..6953a7f3d
--- /dev/null
+++ b/components/documenteditor/styles/fabric-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fabric-dark.scss';
+@import 'document-editor-container/fabric-dark.scss';
diff --git a/components/documenteditor/styles/fabric-lite.scss b/components/documenteditor/styles/fabric-lite.scss
new file mode 100644
index 000000000..b9d50289e
--- /dev/null
+++ b/components/documenteditor/styles/fabric-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fabric-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fabric.scss b/components/documenteditor/styles/fabric.scss
index 79b535014..aca03629c 100644
--- a/components/documenteditor/styles/fabric.scss
+++ b/components/documenteditor/styles/fabric.scss
@@ -1 +1,2 @@
@import 'document-editor/fabric.scss';
+@import 'document-editor-container/fabric.scss';
diff --git a/components/documenteditor/styles/fluent-dark-lite.scss b/components/documenteditor/styles/fluent-dark-lite.scss
new file mode 100644
index 000000000..a37e6bc8e
--- /dev/null
+++ b/components/documenteditor/styles/fluent-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent-dark.scss b/components/documenteditor/styles/fluent-dark.scss
new file mode 100644
index 000000000..4bdd684b7
--- /dev/null
+++ b/components/documenteditor/styles/fluent-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent-dark.scss';
+@import 'document-editor-container/fluent-dark.scss';
diff --git a/components/documenteditor/styles/fluent-lite.scss b/components/documenteditor/styles/fluent-lite.scss
new file mode 100644
index 000000000..70ed4923b
--- /dev/null
+++ b/components/documenteditor/styles/fluent-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent.scss b/components/documenteditor/styles/fluent.scss
new file mode 100644
index 000000000..0756b5f56
--- /dev/null
+++ b/components/documenteditor/styles/fluent.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent.scss';
+@import 'document-editor-container/fluent.scss';
diff --git a/components/documenteditor/styles/fluent2-lite.scss b/components/documenteditor/styles/fluent2-lite.scss
new file mode 100644
index 000000000..5397f3ccb
--- /dev/null
+++ b/components/documenteditor/styles/fluent2-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent2-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent2.scss b/components/documenteditor/styles/fluent2.scss
new file mode 100644
index 000000000..4136e3ad4
--- /dev/null
+++ b/components/documenteditor/styles/fluent2.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent2.scss';
+@import 'document-editor-container/fluent2.scss';
diff --git a/components/documenteditor/styles/highcontrast-light-lite.scss b/components/documenteditor/styles/highcontrast-light-lite.scss
new file mode 100644
index 000000000..2a94728d4
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-light-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/highcontrast-light-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/highcontrast-light.scss b/components/documenteditor/styles/highcontrast-light.scss
new file mode 100644
index 000000000..099f4fd56
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-light.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/highcontrast-light.scss';
+@import 'document-editor-container/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/highcontrast-lite.scss b/components/documenteditor/styles/highcontrast-lite.scss
new file mode 100644
index 000000000..7bf7f2564
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/highcontrast-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/highcontrast.scss b/components/documenteditor/styles/highcontrast.scss
index 4856d97e9..4b569157d 100644
--- a/components/documenteditor/styles/highcontrast.scss
+++ b/components/documenteditor/styles/highcontrast.scss
@@ -1 +1,2 @@
@import 'document-editor/highcontrast.scss';
+@import 'document-editor-container/highcontrast.scss';
diff --git a/components/documenteditor/styles/material-dark-lite.scss b/components/documenteditor/styles/material-dark-lite.scss
new file mode 100644
index 000000000..63b59dc0f
--- /dev/null
+++ b/components/documenteditor/styles/material-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material-dark.scss b/components/documenteditor/styles/material-dark.scss
new file mode 100644
index 000000000..6884b8077
--- /dev/null
+++ b/components/documenteditor/styles/material-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/material-dark.scss';
+@import 'document-editor-container/material-dark.scss';
diff --git a/components/documenteditor/styles/material-lite.scss b/components/documenteditor/styles/material-lite.scss
new file mode 100644
index 000000000..6be722d89
--- /dev/null
+++ b/components/documenteditor/styles/material-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material.scss b/components/documenteditor/styles/material.scss
index dbbe4fd94..64cadb16e 100644
--- a/components/documenteditor/styles/material.scss
+++ b/components/documenteditor/styles/material.scss
@@ -1 +1,2 @@
@import 'document-editor/material.scss';
+@import 'document-editor-container/material.scss';
diff --git a/components/documenteditor/styles/material3-dark-lite.scss b/components/documenteditor/styles/material3-dark-lite.scss
new file mode 100644
index 000000000..f4fd34d2b
--- /dev/null
+++ b/components/documenteditor/styles/material3-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material3-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material3-dark.scss b/components/documenteditor/styles/material3-dark.scss
new file mode 100644
index 000000000..125e5ef8e
--- /dev/null
+++ b/components/documenteditor/styles/material3-dark.scss
@@ -0,0 +1,3 @@
+
+@import 'document-editor/material3-dark.scss';
+@import 'document-editor-container/material3-dark.scss';
diff --git a/components/documenteditor/styles/material3-lite.scss b/components/documenteditor/styles/material3-lite.scss
new file mode 100644
index 000000000..a974dc8f5
--- /dev/null
+++ b/components/documenteditor/styles/material3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material3.scss b/components/documenteditor/styles/material3.scss
new file mode 100644
index 000000000..f8229b301
--- /dev/null
+++ b/components/documenteditor/styles/material3.scss
@@ -0,0 +1,3 @@
+
+@import 'document-editor/material3.scss';
+@import 'document-editor-container/material3.scss';
diff --git a/components/documenteditor/styles/tailwind-dark-lite.scss b/components/documenteditor/styles/tailwind-dark-lite.scss
new file mode 100644
index 000000000..c95fbdc5f
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind-dark.scss b/components/documenteditor/styles/tailwind-dark.scss
new file mode 100644
index 000000000..7d412993b
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind-dark.scss';
+@import 'document-editor-container/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/tailwind-lite.scss b/components/documenteditor/styles/tailwind-lite.scss
new file mode 100644
index 000000000..3e110dafc
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind.scss b/components/documenteditor/styles/tailwind.scss
new file mode 100644
index 000000000..00c13b74d
--- /dev/null
+++ b/components/documenteditor/styles/tailwind.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind.scss';
+@import 'document-editor-container/tailwind.scss';
diff --git a/components/documenteditor/styles/tailwind3-lite.scss b/components/documenteditor/styles/tailwind3-lite.scss
new file mode 100644
index 000000000..ddd5902c8
--- /dev/null
+++ b/components/documenteditor/styles/tailwind3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind3.scss b/components/documenteditor/styles/tailwind3.scss
new file mode 100644
index 000000000..51dee20d6
--- /dev/null
+++ b/components/documenteditor/styles/tailwind3.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind3.scss';
+@import 'document-editor-container/tailwind3.scss';
diff --git a/components/documenteditor/tsconfig.json b/components/documenteditor/tsconfig.json
index 587eaf479..51a7cd44f 100644
--- a/components/documenteditor/tsconfig.json
+++ b/components/documenteditor/tsconfig.json
@@ -19,7 +19,8 @@
"allowJs": false,
"noEmitOnError":true,
"forceConsistentCasingInFileNames": true,
- "moduleResolution": "node"
+ "moduleResolution": "node",
+ "types": ["jasmine", "jasmine-ajax", "requirejs", "chai", "es6-promise"]
},
"exclude": [
"node_modules",
diff --git a/components/dropdowns/CHANGELOG.md b/components/dropdowns/CHANGELOG.md
index f0f3ee83f..1b9d7f9a3 100644
--- a/components/dropdowns/CHANGELOG.md
+++ b/components/dropdowns/CHANGELOG.md
@@ -2,6 +2,1596 @@
## [Unreleased]
+## 29.1.33 (2025-03-25)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I694965` - Resolved an issue where the parent node check state was not maintained in nested data after filtering when Select All was used in the Dropdown Tree component.
+
+- `#I693819` - An issue with the select All checkbox in Dropdown Tree component when filtering is enabled and the tree contains disabled items has been resolved.
+
+### Mention
+
+#### New Features
+
+- `#I645793` - Now, the Mention component supports triggering the suggestion popup without requiring a leading space. When `requireLeadingSpace` is set to false, the popup appears as the mention character is typed continuously, enhancing flexibility in user input. By default, the suggestion popup appears only when there is a leading space before typing the mention character.
+
+## 28.2.9 (2025-03-04)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I683160` - Fixed the issue where an itemTemplate element not render while opens ComboBox popup twice when filtering enabled.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I687522` - Issue with "Filtering data not properly displayed while filter with diacritic characters in Listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I694022` - Fixed an issue where the `ValueTemplate` was not functioning correctly for the preselected value when virtualization was enabled.
+
+- `#I688364` - Fixed an issue with the positioning issue of the Multi select component popup while enabling the RTL mode.
+
+## 28.2.7 (2025-02-25)
+
+### Mention
+
+#### Bug Fixes
+
+- `#I688683` - Fixed an issue where the search method was not functioning correctly.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I689744` - The issue with chip item removal in the Dropdown Tree Component has been resolved.
+
+- `#I689346` - Resolved alignment and font size theme issues within the Dropdown Tree component.
+
+- `#I682703` - The issue where focus remained highlighted when reopening the Dropdown Tree multiple times has been resolved.
+
+## 28.2.6 (2025-02-18)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I683160` - Fixed the issue where an ComboBox makes the page unresponsive after filtering with no result.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I682127` - Resolved an issue where the checkbox state was not maintained properly during custom filtering operations in the Dropdown Tree component.
+
+- `#I682703`, `#I691872` - An Focusing issues in Dropdown Tree component when `showSelectAll` property is true has been resolved.
+
+## 28.2.5 (2025-02-11)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I685229` - Fixed the issue where an extra space appears when using the allowResize with height properties.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I684184` - An issue when using value property as two way binding and selecting a filtered node has been resolved.
+
+- `#I681976` - An issue with value property when updating a data source dynamically in Dropdown Tree component has been resolved.
+
+- `#I682748` - An issue Tab focus occurs when navigating a disabled Dropdown Tree component has been resolved.
+
+- `#I682703` - An Focusing issues in Dropdown Tree component when `showSelectAll` property is true has been resolved.
+
+## 28.2.4 (2025-02-04)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I679000` - An issue with react Dropdown Tree `CustomTemplate` when the state updates in the change event has been resolved.
+
+- `#I681727` - An issue with selection and `CustomTemplate` not updating after filtering in Dropdown Tree component has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I681861` - Fixed an issue where the popup would detach from the control when virtualization was enabled during filtering.
+
+## 28.2.3 (2025-01-29)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I933368` - Issue with "Filter input loss focus if the last letter is removed using backspace in listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I679387` - Fixed an issue where no records were found in the popup after selecting all items.
+
+## 28.1.41 (2025-01-21)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I679101` - Fixed the issue where an error was encountered when filtering in the ComboBox with custom values disabled and virtualization enabled.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I678070` - The issue change event is not triggered when checking SelectAll checkbox after dynamically selecting any node in the Dropdown Tree component has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I662148` - Fixed an issue where the value was not bound to the Multiselect component.
+
+## 28.1.39 (2024-01-14)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I933368` - Issue with "Filter input loss focus if the last letter is removed using backspace in listbox" has been resolved.
+
+### Mention
+
+#### Bug Fixes
+
+- `#FB64462` - Resolved an issue where the `readonly` feature was not functioning correctly when integrating the Rich Text Editor with the mention functionality.
+
+## 28.1.38 (2025-01-07)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I668573` - The issue pop-up does not stick to the target after filtering is performed in the Dropdown Tree component has been resolved.
+
+## 28.1.37 (2024-12-31)
+
+### Mention
+
+#### Bug Fixes
+
+- `#I666283` - Fixed an issue where the `Select` event did not trigger when using the `Tab` key for selection.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I664927` - Fixed a console error that occurred when attempting to filter data using pasted text.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I584660` - Fixed a console error that occurred when using the `getTextByValue` method without a dataset.
+
+- `#I661577` - Fixed the issue where the placeholder was not displayed after clearing the value.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I662775` - Resolved the empty chip element creation when setting empty string for value property in Dropdown Tree component.
+
+## 28.1.36 (2024-12-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I663752` - The issue where the "No records found" template was displayed when closing and opening the popup has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I929759` - Issue with "Correction in Ctrl + A key down action for single mode selection of listbox component" has been resolved.
+- `#I664408` - Changing the type of value property of ListboxChangeEvents arguments from (number | string | boolean) to (number[] | string[] | boolean[]) in listbox.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I665182` - The issue with skipping last child items in tree navigation in Dropdown Tree when custom filtering is applied has been resolved.
+- `#I659157`, `#I659195` - Resolved the change event incorrect argument value issue during the node selection in Dropdown Tree component.
+
+## 28.1.35 (2024-12-18)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I660279` - The issue of being unable to close the parent Dropdown Tree using the document click action after dynamically removing the child Dropdown Tree component has been resolved.
+- `#I662309` - Issue with inconsistent selection behavior when using `selectAll` API on Dropdown Tree component initial render has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I660915` - Fixed an issue where an empty popup was displayed when opening the popup manually.
+
+## 28.1.33 (2024-12-12)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F43705` - Issue with "Dropping selected items does not work correctly while enabling the checkbox in listbox component." has been resolved.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I591637` - The close event is now triggered when the popup begins closing, and a cancel option is provided to prevent the close action if needed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I451885` - Resolved the performance issue when multiselect component is rendered with large number of data.
+
+### DropdownList
+
+#### Bug Fixes
+
+- `#I472623` - Resolved an issue when the window is resizing the popup position is misaligned
+
+## 21.2.5 (2023-05-16)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template in angular platform" has been resolved.
+- `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
+- `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template" has been resolved.
+- `#I445397` - Issue with "Script error thrown when navigate the listbox item in grouping listbox through keyboard navigation" has been resolved.
+- `#I442262` - Issue with "Script error thrown while using destroy method in change event of list box" has been resolved.
+- `#F38636` - Issue with "`selectItems` function doesn't work in listbox when values contain backslashes" has been resolved.
+- `#F424252` - Issue with "Data source not update properly when we filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#I423072` - Issue with "`actionBegin` event argument not passes the filtered item properly while filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#F37860` - Issue with "Command button not working properly for multiselect in ListBox in Mac" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I397894` - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.
+
+## 20.3.47 (2022-09-29)
+
+### Mention
+
+- The `@Mention` component can be used to display a pop-up suggestion list whenever the designated mention key character is entered into a text box, rich text editor, or other editable element.
+
+**Key features**:
+
+- **Data binding**: Binds the list of items from local and remote data sources such as JSON, OData, WCF, and RESTful web services.
+
+- **Grouping**: Groups the logically related items under a single or specific category.
+
+- **Filtering**: Filters the list items based on a character typed in the component.
+
+- **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
+
+- **Highlight search**: Highlights the typed text in the suggestion list.
+
+- **Templates**: Customize the list item, display value, no records, and spinner loading content.
+
+- **Accessibility**: Built-in accessibility support that helps to access all the Mention component features using the keyboard, on-screen readers, or other assistive technology devices.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I383114` - Issue with "Drop event argument not passes the selected item properly, while drag and drop the multiple item of listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#FB31100` - Issue with "popup is not opened while changing the `popupHeight` dynamically in the `beforeOpen` event" has been resolved.
+
+- `#I355272` - Issue with "wrong popup item get selected when popup has duplicate text with item template and change the text property dynamically" has been resolved.
+
+## 19.3.56 (2021-12-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I343860` - Issue with "list items are not read by the NVDA screen reader" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I342745` - The performance issue that occurred when selecting a node that was rendered with a huge data source has been resolved.
+
+## 19.3.55 (2021-11-23)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#I343913` - Issue with "exception throws while preventing the request to the server in the `actionBegin` event" has been resolved.
+
+## 19.3.53 (2021-11-12)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I345378` - The issue with "The interaction value is not updated properly in the select event while selecting via Select All checkbox" has been resolved.
+
+## 19.3.48 (2021-11-02)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I344723` - The issue with "The selected value is not removed from the Dropdown Tree while using the value property as two-way binding" has been resolved.
+
+## 19.3.47 (2021-10-26)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I343096` - The issue with "The Dropdown Tree item getting unselected when clicking the text content of the input element" has been fixed.
+
+## 19.3.46 (2021-10-19)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#F169190` - The issue with "The Dropdown tree is not focused while pressing single tab key" has been resolved.
+
+- `#I341135` - The issue with "The Dropdown Tree selected items are misaligned while adding the `e-outline` and `e-filled` CSS classes" has been resolved.
+
+## 19.3.45 (2021-10-12)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I343666` - Issue with "data list is not updated to the popup while changing the query property on dynamically with filtering mode" has been resolved.
+
+## 19.3.44 (2021-10-05)
+
+### Dropdown Tree
+
+#### New Features
+
+- `#I301222` - Provided support to display custom selected values template in the Dropdown Tree component.
+
+#### Bug Fixes
+
+- `#I342360`, `#I342351` - The issue with "The Dropdown Tree component is not rendered when providing an id that starts with an integer type" has been resolved.
+
+- `I341114` - Issue with "When listbox is selected with checkbox, drag and drop is not working properly" has been resolved.
+
+## 19.2.62 (2021-09-14)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I341137` - Issue with "fixed grouping headers are not updated while scrolling the popup after set the grouping dynamically" has been resolved.
+
+## 19.2.55 (2021-08-11)
+
+### ListBox
+
+#### New Features
+
+- Provided No Record Template support.
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with "incremental search is not working properly while destroying and rendering the component again" has been resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `I335313` - Issue with "select element is displayed while rendering the component with floating label" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#F167371` - The performance issue that occurred when destroying the Dropdown Tree with a huge data source and CheckBox support has been resolved.
+
+## 19.2.51 (2021-08-03)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I336382` - The issue with getDataList not updated properly after removing the items has been fixed.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#FB25687` - The issue with "The popup is not opened for the second time in the Dropdown Tree component when it is rendered inside the Accordion" has been resolved.
+
+## 19.2.49 (2021-07-27)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#FB26653` - Issue with "placeholder is not updated properly while updating the placeholder value with special characters" has been resolved.
+
+- `#F166950` - Issue with "page scrolls in the safari browser while closing the popup" has been resolved.
+
+## 19.2.48 (2021-07-20)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I333351` - The issue with item template not works while using drag and drop issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I331063`, `#I335590` - Issue with "popup is not opened while rendering the component with HTML select tag and `dataSource` property" has been resolved.
+
+- `#I335674` - Issue with "filtering list item is reset to the popup while scrolling the popup item using mouse" has been resolved.
+
+- `#FB26670` - Issue with "`GroupTemplate` is not displayed while opening the popup at first time" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I333505` - The issue with "When placing the button in the header and footer templates of the Dropdown Tree, the button's click event is not triggered" has been resolved.
+- `#I304231` - Improved the item selection performance with large items in the Dropdown Tree component.
+
+## 19.2.47 (2021-07-13)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I331063` - Issue with "popup is not opened while rendering component with HTML select tag and dynamically changing the data source" has been resolved.
+
+## 19.1.65 (2021-05-25)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with "Improper data source values are loaded in the popup while modifying query property" has been resolved.
+
+## 19.1.59 (2021-05-04)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#317293` - Listbox event properties descriptions added.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I323182` - Issue with "grouping headers are duplicated and overlapped with popup items while scrolling the popup after selecting the first popup item" has been resolved.
+
+## 19.1.57 (2021-04-20)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#311323` - Issue with 'No Records Found' text occurred twice has been resolved.
+
+## 19.1.56 (2021-04-13)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#316046` - Action complete event not triggered when sort order property is given issue is fixed.
+
+- `#311323` - DataSource missing while filtering is applied issue has been resolved.
+
+- `#163935` - Previous index is wrong in drag and drop event has been fixed.
+
+## 19.1.54 (2021-03-30)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+`#317088` - The issue with "The popup is not opened for the second time in the Dropdown Tree component when it is rendered inside the Dialog" has been resolved.
+
+## 18.4.47 (2021-03-09)
+
+### MultiSelect
+
+#### Bug Fixes
+
+`#317598` - Issue with "selected values are not posted properly while clicking on the select all option with predefined value" has been resolved.
+
+## 18.4.44 (2021-02-23)
+
+### MultiSelect
+
+#### New Features
+
+- `#283275`, `#289148`, `#296652` - Now, selection and deselection performance is improved while providing the large data to the component.
+
+## 18.4.43 (2021-02-16)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#310244` - The issue on changing the `treeSettings.autoCheck` property dynamically in the `Box` mode has been resolved in the Dropdown Tree component.
+
+## 18.4.35 (2021-01-19)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#310665` - Issue with "`select` event is triggered twice while preventing the value selection" has been resolved.
+
+## 18.4.34 (2021-01-12)
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with remote data has been fixed.
+
+## 18.4.32 (2020-12-29)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#308003` - Issue with 'highlight search is not working while rendering component along with `iconCss` property' has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#304837` - Issue with "value property is not updated properly while rendering dropdown with select tag and list has empty string as field value" has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#306780` - Issue with "Input element value clears on changing the datasource dynamically" has been resolved.
+
+## 18.4.31 (2020-12-22)
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'drag and drop' has been fixed.
+- Issue with toolbar option has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#242307` - Issue with "filter event is not triggered when clear the value using clear icon " has been resolved.
+
+## 18.3.52 (2020-12-01)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'removeItem' method has been fixed.
+
+## 18.3.44 (2020-10-27)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#292479` - Issue with "beforeOpen event is triggered while rendering the component with initial value" has been resolved.
+
+## 18.3.42 (2020-10-20)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `F155642` - The issue with "the two-way binding is not working while enabling checkbox support in the Dropdown Tree component" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'dragStart' event has been fixed.
+
+## 18.3.40 (2020-10-13)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#291884` - Issue with "clear icon overlaps the selected value" has been resolved.
+
+## 18.3.35 (2020-10-01)
+
+### ListBox
+
+#### Bug Fixes
+
+- compatibility issues with EJ1 has been fixed.
+
+## 18.2.58 (2020-09-15)
+
+### ListBox
+
+#### Bug Fixes
+
+- 'moveAll' is not working after applied grouping has been fixed.
+
+## 18.2.54 (2020-08-18)
+
+### Dropdown Tree
+
+#### Breaking Changes
+
+- `#273325` - Provided the option to customize the Dropdown Tree’s input height when the content is increased.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#275308` - Performance issue will no longer occurs when render the multiselect with checkbox.
+
+## 18.2.48 (2020-08-04)
+
+### ListBox
+
+#### New Features
+
+- `#285392` - Enable / disable list items based on unique value support provided.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- The accessibility issue with “The Dropdown Tree text is not reading properly when enabling the multi-selection support” has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+`#285164`, `#277294` - Issue with "First list item got selected while pressing space key in the MultiSelect along with checkbox mode and remote data" has been resolved.
+
+## 18.2.47 (2020-07-28)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#277503` - Issue with "sort order is not working for filtering dropdown after adding new item using addItem method" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Filtering is not working in IE browser has been fixed.
+
+## 18.1.59 (2020-06-23)
+
+### MultiSelect
+
+#### Bug Fixes
+
+-`#F154635` - Issue with "floating label is not floated properly while rendering with filter and outline theme appearance" has been resolved.
+
+- `#277827` - Issue with "typed custom value alone present in the popup after typing the custom value and focus out then again open the popup" has been resolved.
+
+## 18.1.57 (2020-06-16)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#279216` - Now, you can set empty data source dynamically.
+
+## 18.1.56 (2020-06-09)
+
+### ComboBox
+
+#### Bug Fixes
+
+- Issue with "select event is not triggered while doing first selection with autofill" has been resolved.
+
+## 18.1.55 (2020-06-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+-`#273796` - Now, e-outline class is added to the filter input
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#276800` - The issue with “The selected item is maintained in DOM after clearing the item using clear icon in the Dropdown Tree component” has been resolved.
+
+- `#278072` - The issue with “The Dropdown Tree selected values are not received in the form post back” has been resolved.
+
+- `#274468` - The issue with “The Dropdown Tree popup element is incorrectly positioned when it is rendered inside the Bootstrap dialog” has been fixed.
+
+#### New Features
+
+- `#277378` - Provided the support to reset the values in the Dropdown Tree component when the form reset method is called.
+
+## 18.1.53 (2020-05-19)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#273796` - Now, filtering works properly when paste the value in the input element.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#274351` - The issue with "The Dropdown Tree initialized value which is not getting it in the form post" has been resolved.
+
+### ListBox
+
+#### New Features
+
+- Provided Placeholder support to filterbar in listbox.
+
+#### Bug Fixes
+
+- Move to and move from throws script error when listbox rendered with item template issue fixed.
+
+## 18.1.52 (2020-05-13)
+
+### ListBox
+
+#### Bug Fixes
+
+- Move to and move from throws script error when listbox rendered with item template issue fixed.
+
+## 18.1.48 (2020-05-05)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#273796` - Issue with clear icon misalignment in the material outline has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with drag and drop in empty listbox has been fixed.
+
+## 18.1.46 (2020-04-28)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- The issue with `The Dropdown Tree placeholder hides while opening the popup, when enabling the checkbox support` has been fixed.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'enabled' properly when listbox have toolbar option has been fixed.
+- Issue with Filter element when the scrolling has enabled in listbox.
+
+## 18.1.43 (2020-04-07)
+
+### ListBox
+
+#### Bug Fixes
+
+- `moveTo` method is not working properly when listbox have disabled items has been fixed.
+
+## 18.1.36-beta (2020-03-19)
+
+### Common
+
+#### Breaking Changes
+
+The newly added `Dropdown Tree` component in dropdowns package requires `Navigations` dependency, so now it is mandatory to include the `ej2-navigations.umd.min.js` in `system.js` configuration if you are using the system.js module loader.
+Update the system.js configuration while going with this version and above.
+
+### Dropdown Tree
+
+The Dropdown Tree control allows you to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values. The available key features are
+
+- **Data binding** - Bind and access a hierarchical list of items from a local or server-side data source.
+
+- **Check boxes** - Select more than one item in the Dropdown Tree control without affecting the UI appearance.
+
+- **Multiple selection** - Select more than one item in the control.
+
+- **Sorting** - Display the Dropdown Tree items in ascending or descending order.
+
+- **Template** - Customize the Dropdown Tree items, header, footer, action failure content, and no records content.
+
+- **Accessibility** - Provide access to all the Dropdown Tree control features through keyboard interaction, on-screen readers, and other assistive technology devices.
+
+### ListBox
+
+#### Bug Fixes
+
+- Dynamic show checkBox not working in grouping has been fixed.
+
+## 17.4.51 (2020-02-25)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#263579` - Issue with "the performance issue while clear the selected items using clear button" issue has been resolved.
+
+## 17.4.50 (2020-02-18)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#261827` - Issue when ListBox and menu component in a same page has been resolved.
+
+## 17.4.49 (2020-02-11)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#261901` - Issue with "cascade dropdown previous value maintained while enabled the filtering" has been resolved.
+
+## 17.4.47 (2020-02-05)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F151029` - Checkbox selection not updated on initial load, while rendering the ListBox with `iconCss` issue fixed.
+- Provided 'actionBegin' and 'actionComplete' event when moving items.
+
+## 17.4.46 (2020-01-30)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#261574` - Now, `isInteracted` argument updated properly in the change event while focusout.
+
+## 17.4.44 (2021-01-21)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#260635` - Sorted datasource not updated properly in ListBox has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#258436` - Issue with "Duplicate value added in multiselect input while updating the value using setState method in the select event" has been resolved.
+
+## 17.4.43 (2020-01-14)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F150435` - Script error occurs during disabled toolbar button click has been resolved.
+
+## 17.4.41 (2020-01-07)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#255830` - filter and grouping are not working on drag and drop and toolbar button states not updated properly has been resolved.
+
+## 17.4.40 (2019-12-24)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#255255` - Issue with "JAWS screen reader does not read the pre-selected value" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with Drag and Drop is fixed.
+
+## 17.4.39 (2019-12-17)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#256098` - The mobile device ENTER key selection issue in the focused item issue has resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#255765` - Issue with "dynamically added item not displayed initially in box mode when control in focus state" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#256908` - Issue with "script error throws while pressing the escape key after filter the items in the popup" has been resolved.
+
+### ListBox
+
+#### New Features
+
+- Provided public methods for `toolbar` actions.
+- Provided `getDataByValues` method for getting array of data objects.
+
+#### Bug Fixes
+
+- `#252496` - Checkbox selection not maintained after removing filter has been fixed.
+- `#F147087` - script error "contains of undefined in ListBox" while rendering the ListBox and multi select in the same router page has been fixed.
+
+## 17.3.29 (2019-11-26)
+
+### AutoComplete
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### ComboBox
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### DropDownList
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### MultiSelect
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+## 17.3.28 (2019-11-19)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F148867` , `#254713` - The issue with "rendering the `itemTemplate` when value is bound to the control" has been resolved.
+
+## 17.3.21 (2019-10-30)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+- `#251650` - Issue with 'filtered list item is not getting focused when set filter type as contains' has been resolved.
+
+- `#251325` - Issue with "once combobox popup open is prevented by setting args.cancel as true in open event then you can't remove the prevent a popup opening using open event" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F147087` - script error "class List of undefined" while grouping has been fixed.
+- `#F147408` - Move To toolbar button not working when loading the list box using `remote data` has been resolved.
+- `#249771` - script error while performing the toolbar actions in dual ListBox with `data manager` in `EJ2 MVC` has been resolved
+
+## 17.3.19 (2019-10-22)
+
+### ListBox
+
+- Drag Event returns null value issue is fixed
+
+## 17.3.17 (2019-10-15)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#250710` - Now, you can filter the data while render the component using `select` element.
+
+- `#248601` - Issue with "selected items hidden from popup when set hideSelectedItem as false" has been resolved.## 17.3.16 (2019-10-09)
+
+### ListBox
+
+#### Bug Fixes
+
+- Adding common cssClass for wrapper.
+
+### MultiSelect
+
+#### New Features
+
+- Provided `Material2 outline layout` for multiselect.
+
+## 17.3.14 (2019-10-03)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#248193` - Issue with "once autocomplete popup open is prevented by setting args.cancel as true in beforeOpen event then you can't remove the prevent a popup opening using beforeOpen event" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#248288` - Issue with "console error thrown when set the openOnClick property as false in checkbox mode" has been resolved.
+
+## 17.2.49 (2019-09-04)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#245849` - Issue with "Dropdown popup moves down while initial value selection on popup" has been resolved.
+
+## 17.2.46 (2019-08-22)
+
+### ListBox
+
+#### New Features
+
+- `#237694` - provided maximum selection limit option for ListBox.
+
+## 17.2.41 (2019-08-14)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#144756`- Issue with "custom value added to the list after args.cancel is set to true in custom value section event" has been resolved.
+
+## 17.2.40 (2019-08-06)
+
+### MultiSelect
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+### ComboBox
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+### DropDownList
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+## 17.2.39 (2019-07-30)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#240597` - Dual ListBox causes an error when filtering is activated and disable the checkbox selection settings issue is fixed.
+
+- `#240594` - Form submit occurs while click toolbar item issue is fixed.
+
+## 17.2.36 (2019-07-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#241578` - Issue with “Checkbox selection is not updated properly in the popup list items when set filtering as false” has been resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#F146110` - Now, Resolved the console error thrown when first character is type using `MinLength` property.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#F146110` - Now, Resolved the console error thrown when first character is type using `MinLength` property.
+
+## 17.2.34 (2019-07-11)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#233488`, `#239802` - Issue with "throws error while set the field value as null" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#226512` - Now, SelectAll checkbox shows when more than one items present in the filtered list.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#239351` - Now, Select event triggers when selecting the value through interaction.
+
+- `#F145367` - Issue with "filtering is not working with item template" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#240594` - Form submit occurs while click toolbar item issue is fixed.
+
+## 17.2.28-beta (2019-06-27)
+
+### ListBox
+
+#### New Features
+
+- Checkbox position support provided.
+- Filter support provided.
+- #234507 - Provided support for drag and dropping the single list item when more than one list item is selected by setting `false` to `dragSelected` argument in `dragStart` event.
+
+#### Bug Fixes
+
+- #236715 - Drag and dropping the list item is not sorted when `sortOrder` enabled issue is fixed.
+
+#### Breaking Changes
+
+- Event `select` is removed instead `change` event is provided.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #235631 - Issue with "updating default value after form reset" has been resolved.
+
+- #239136 - Now, you can change `allowFiltering` property value dynamically.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #235699 - Change event not happening after the control has lost focus issue has been fixed.
+
+#### New Features
+
+- `#F142089`, `#225476`, `#231094`, `#234377` - Now, you can render grouping with checkbox using enableGroupCheckBox property.
+
+## 17.1.49 (2019-05-29)
+
+### MultiSelect
+
+#### New Features
+
+- #236816 - Provided method for `focusIn` and `focusOut`.
+
+#### Bug Fixes
+
+- #231920 - In IE browser, script error throws when calling getItems method has been fixed.
+
+## 17.1.48 (2019-05-21)
+
+### ListBox
+
+#### New Features
+
+- Provided change event for ListBox.
+
+## 17.1.44 (2019-05-07)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #235167 - Multiselect dropdown jump down when the `showDropDownIcon` is set to true issue has been resolved.
+
+- #209393 - Change event not fired during tab key navigation issue has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #234846 - The popup collision issue has been resolved while enable the filtering.
+
+## 17.1.43 (2019-04-30)
+
+### ComboBox
+
+#### Bug Fixes
+
+- #233483 - The List not generated properly while clear the value using clear button issue has been resolved.
+
+- #234100 - The search not working on enabling read only in the control initialization issue has been resolved.
+
+- #233137 - The combobox is not focused when click the tab key at single time issue has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #231680 - The data source is observable using Async Pipe with pre select value not updated issue has been resolved.
+
+- #230651 - Eval function security issue has been resolved.
+
+## 17.1.42 (2019-04-23)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #232673 - Issue with prevent the first value when clear value using clear button has been fixed.
+
+- #233432 - The group template text not updated while enable the allow filtering issue has been fixed.
+
+## 17.1.41 (2019-04-16)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #232673 - Issue with browser freeze when clear value using clear button has been fixed.
+
+- #231997 - Issue with duplicate placeholder on multiselect issue has been fixed.
+
+- #232218 - The popup open downward when select the items after scroll the page issue has been resolved.
+
+- #231920 - The Custom value with pre select value not updated when set empty data source issue has been resolved.
+
+- F143612 - Dropdown icon disappeared when set the lengthy placeholder issue has been fixed.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #142944 - Item template not loaded, when change the datasource dynamically issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- #225254, #227938 - Template interpolated data not updated while filtering issue has been resolved.
+
+## 17.1.40 (2019-04-09)
+
+### ListBox
+
+#### Bug Fixes
+
+- Value property passed on form submit issue fixed.
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with value selection on disabled dropdown using incremental search has been fixed.
+
+- Clear icon shown when change the value dynamically issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when unselect all the value issue has been resolved.
+
+## 17.1.38 (2019-03-29)
+
+### ListBox
+
+The ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items. The available key features are:
+
+- **Data binding**: Binds and accesses the list of items from local or server-side data source.
+
+- **Dual ListBox**: Allows transferring and reordering the list item between two ListBoxes.
+
+- **Drag and Drop**: Allows drag and drop the list item with the same/multiple ListBox.
+
+- **Grouping**: Groups the logically related items under a single or specific category.
+
+- **Templates**: Customizes the list items.
+
+- **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
+
+- **Accessibility**: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when removed the value issue has been resolved.
+
+## 17.1.32-beta (2019-03-13)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with change event trigger multiple times when clear value using clear button has been fixed.
+
+### MultiSelect
+
+#### New Features
+
+- Provided customized filtering support for checkbox mode also.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Filtered value is not maintained while using model value issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- List's selection is not removed when remove a selected value using clear button issue has been resolved.
+
+## 16.4.55 (2019-02-27)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Pre-select value is not selected when its not present in the list issue fixed.
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- List selection throws exception while using quotes within string data issue has been resolved.
+
+- Select all operation's performance issue has been resolved.
+
+## 16.4.54 (2019-02-19)
+
+### DropDownList
+
+#### Bug Fixes
+
+- When page scroll, grouping template is hiding issue has been resolved.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Now, you can enter special characters inside MultiSelect using virtual keyboard.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+## 16.4.53 (2019-02-13)
+
+### DropDownList
+
+- ItemData parameter supports `object` collection in select and change event.
+
+- Filtering is not working when rendered control by using select element issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Lengthy placeholder breaks UI issue has been resolved.
+
+- Values are not cleared in mobile devices issue has been resolved.
+
+- Values are not selected based on selected attribute in select element rendering issue has been resolved.
+
+## 16.4.52 (2019-02-05)
+
+### ComboBox
+
+#### Bug Fixes
+
+- The model value is not updated by selecting a value using tab key with autofill combination issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Blur event prevents other actions issue has been resolved.
+
+## 16.4.48 (2019-01-22)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Custom value is not maintain after reload the data issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `en-US` locale JSON file not generated issue has been resolved.
+
+## 16.4.47 (2019-01-16)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- server side validation is not working issue has been resolved.
+
+## 16.4.46 (2019-01-08)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Value is updated in reverse while using select all option in checkbox selection issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Change event is not trigger when focus out the control using tab key issue has been resolved.
+
+## 16.4.44 (2018-12-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Item template with checkbox combination is not working issue has been resolved.
+
+- Value update with checkbox selection issue in reactive form has been resolved.
+
+## 16.3.34 (2018-11-21)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Checkbox's selection is not removed when uncheck the `selectAll` checkbox issue has been resolved.
+
+## 16.3.33 (2018-11-20)
+
+### DropDownList
+
+#### Bug Fixes
+
+- DropDownList locale added in `config Json` file.
+
+## 16.3.32 (2018-11-13)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Data related attributes are added to input element instead of select element has been fixed.
+
+- Console error thrown as maximum call stack when set the empty `dataSource` that issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Original event argument does not get in `selectedAll` event argument that issue has been fixed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- ComboBox `focus` event argument issue has been resolved.
+
+## 16.3.29 (2018-10-31)
+
### MultiSelect
#### Bug Fixes
@@ -111,7 +1701,7 @@
#### Bug Fixes
-- Improved the MultiSelect performance in IE11 browser.
+- create input method addition argument added.
### DropDownList
@@ -132,12 +1722,6 @@
- create input method addition argument added.
-### MultiSelect
-
-#### Bug Fixes
-
-- create input method addition argument added.
-
## 16.2.47 (2018-08-07)
### DropDownList
@@ -205,14 +1789,6 @@
- Multiselect restore value not maintained in `IE` issue has been resolved.
- Multiselect popup not open when update a data via update data.
-## 16.2.44 (2018-07-10)
-
-### AutoComplete
-
-#### Bug Fixes
-
-- Html elements are shown during filtering when highlight property is set to true.
-
## 16.2.43 (2018-07-03)
### MultiSelect
@@ -522,15 +2098,9 @@
#### Bug Fixes
-- Space key not allowed in DropDownList filtering, this issue has been fixed.
-
-### MultiSelect
-
-#### Bug Fixes
-
- Popup repositions not worked while scroll on the fixed element, this has been fixed.
-### DropDownList
+### MultiSelect
#### Bug Fixes
@@ -552,9 +2122,11 @@
### MultiSelect
-#### Breaking Changes
+#### Bug Fixes
-- Home and End key behaviour changes.
+- Popup left and right collision issue fixed.
+
+- MultiSelect custom value with template issue fixed.
### AutoComplete
@@ -568,14 +2140,6 @@
- Home and End key behaviour changes.
-### MultiSelect
-
-#### Bug Fixes
-
-- Popup left and right collision issue fixed.
-
-- MultiSelect custom value with template issue fixed.
-
## 15.4.20-preview (2017-12-01)
### Common
@@ -674,4 +2238,71 @@ DropDownList component contains a list of predefined values from which a single
- **Templates** - Allows customizing the list items, selected value, header, footer, category group header, and no records content.
-- **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
+- **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.## 19.4.38 (2021-12-17)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I342476` - Issue with "ItemTemplate is not rendered properly when preselected item is cleared immediately after render" has been resolved.
+
+- `#I349117` - Issue with "checkbox is not rendered in the group header while rendering component with group checkbox and group template" has been resolved.
+
+## 19.2.59 (2021-08-31)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F166649` - Issue with "previously selected chip value is changed while selecting the custom value from popup" has been resolved.
+
+## 19.2.57 (2021-08-24)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I339171`, `#F165604` - Issue with "selected value is not updated to the react hook form controller" has been resolved.
+
+## 19.1.69 (2021-06-15)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#F166223` - Issue with "`NoRecordsTemplate` is not rendered with provided template" has been resolved.
+
+## 19.1.55 (2021-04-06)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F163516` - Issue with "`itemData` returns as null in the removed event argument when provide the integer data and remove the selected custom value" has been resolved.
+
+## 18.4.46 (2021-03-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#316915` - Issue with "deselecting the selected items is not working when provide the data source with integer value" has been resolved.
+
+## 18.4.41 (2021-02-02)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#299892` - Issue with "Null reference exception throws while destroying the component" has been resolved.
+
+## 18.3.53 (2020-12-08)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#301242` - Issue with "count template is updated with wrong count value when disable the clear icon" has been resolved.
+
+- `#304600` - Issue with "SelectAll checkbox is not displayed while changing the data source dynamically" has been resolved.
+
diff --git a/components/dropdowns/README.md b/components/dropdowns/README.md
new file mode 100644
index 000000000..fb9eef942
--- /dev/null
+++ b/components/dropdowns/README.md
@@ -0,0 +1,215 @@
+# React DropDowns Components
+
+Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
+
+## What's Included in the React DropDown Package
+
+The React DropDown package includes the following list of components.
+
+### React DropDownList
+
+The [React DropdownList](https://www.syncfusion.com/react-components/react-dropdown-list?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding) - Binds and accesses the list of items from the local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/drop-down-list#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering) - Filters the list items based on a character typed in the search box.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility) - Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
+
+### React DropDownTree
+
+The [React DropDownTree](https://www.syncfusion.com/react-components/react-dropdown-tree?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a textbox control that allows the user to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/local-data) - Binds and accesses the list of items from the local or remote data source.
+* [Checkbox](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/checkbox) - Built-in support for checkboxes, allowing users to select single or multiple items.
+* [Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/template) - To change the appearance of the selection pop-up for tree items, plus the header and footer of the pop-up tree.
+* [Filtering](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/filtering) - Filters the list items based on a character typed in the search box.
+
+### React Mention
+
+The [React Mention](https://www.syncfusion.com/react-components/react-mention?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is an autocomplete-like control to tag or select a user/group from the suggestion list. The control opens the suggestion list when a user starts typing with the character ‘@’ in popular social media sites such as Facebook, Twitter, and more. It supports several out-of-the-box features: Data binding, grouping, UI customization, accessibility, and more.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Sorting](https://ej2.syncfusion.com/react/documentation/mention/sorting) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/documentation/mention/filtering-data) - Filters the list items based on a character typed in the search box.
+
+### React ComboBox
+
+The [React ComboBox](https://www.syncfusion.com/react-components/react-combobox?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a drop-down list with editable textbox that also allows users to choose an option from a predefined pop-up list.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value) - Sets user-defined values that is not in the pop-up list.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/combo-box#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering) - Filters the list items based on a character typed in the component.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility) - Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+### React AutoComplete
+
+The [React AutoComplete](https://www.syncfusion.com/react-components/react-autocomplete?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a textbox control that provides a list of suggestions to select from as the user types. It has several out-of-the-box features such as data binding, filtering, grouping, UI customization, accessibility, and more.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/auto-complete#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight) - Highlights the typed text in the suggestion list.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template) - Customizes the list item, header, footer, category group header, no records, and action failure content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility) - Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
+
+### React MultiSelect
+
+The [React MultiSelect Dropdown](https://www.syncfusion.com/react-components/react-multiselect-dropdown?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a quick replacement for the HTML select tag for selecting multiple values. HTML MultiSelect Dropdown is a textbox control that allows the user to type or select multiple values from a list of predefined options.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/multi-select#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering) - Filters the list items based on a character typed in the search box.
+* [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/custom-value) - Allows users to select a new custom value.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility) - Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
+
+### React ListBox
+
+The [React ListBox](https://www.syncfusion.com/react-components/react-listbox?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a graphical user interface for displaying a list of items with multi-selection options. It has a rich appearance and allows users to select one or more items from the list using checkboxes or keyboard interactions.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/documentation/list-box/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Dual listbox](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/dual-list-box) - Allows transferring and reordering the list item between two ListBoxes.
+* [Drag and drop](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/drag-and-drop) - Allows drag and drop the list item with the same/multiple ListBox.
+* [Grouping](https://ej2.syncfusion.com/react/documentation/list-box/sorting-and-grouping#grouping) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/template) - Customizes the list items.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/list-box/sorting-and-grouping) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/list-box/accessibility) - Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+
+Trusted by the world's leading companies
+
+ 
+
+
+
+## Setup
+
+To install `dropdowns` and its dependent packages, use the following command.
+
+```
+npm install @syncfusion/ej2-react-dropdowns
+```
+
+## Supported frameworks
+
+DropDown components are also offered in the following list of frameworks.
+
+| [
](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)
[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
[ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
[ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
+
+* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-navigation-npm#/default)
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm)
+* Live chat
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/dropdowns/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown) for more info.
+
+© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
\ No newline at end of file
diff --git a/components/dropdowns/ReadMe.md b/components/dropdowns/ReadMe.md
deleted file mode 100644
index e7ffa5914..000000000
--- a/components/dropdowns/ReadMe.md
+++ /dev/null
@@ -1,104 +0,0 @@
-# ej2-react-dropdowns
-
-Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
-
-
-
->Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
->A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
-
-## 1. Setup To install this package and its dependent packages, use the following command
-
-Use the following command to install drop-down components and its dependent packages
-
-```
-npm install @syncfusion/ej2-react-dropdowns
-```
-
-## 2. Components included
-
-* DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/drop-down-list/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/default)
- * [Product Page](https://www.syncfusion.com/products/react/dropdownlist)
-* ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/combo-box/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/combo-box/default)
- * [Product Page](https://www.syncfusion.com/products/react/combobox)
-* Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/default)
- * [Product Page](https://www.syncfusion.com/products/react/autocomplete)
-* MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/multi-select/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/multi-select/default)
- * [Product Page](https://www.syncfusion.com/products/react/multiselect)
-
-## 3. Supported frameworks
-
-Drop-down components also supports the following frameworks:
-1. [TypeScript](https://ej2.syncfusion.com/demos/#/material)
-2. [Angular](https://ej2.syncfusion.com/angular/demos/#/material)
-3. [Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com)
-5. [ASP.NET MVC](http://aspnetmvc.syncfusion.com)
-6. [JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
-
-## 4. Use-case samples / Showcase samples
-
-* Expanse Tracker ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
-* Loan Calculator ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
-* Web Mail ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
-
-* DropDownList
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/drop-down-list/api-dropDownList.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility.html?lang=typescript): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
-
-
-* ComboBox
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/databinding.html): Binds and accesses the list of items from local or server-side data source.
- * [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/combo-box/api-comboBox.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
-
-
-* AutoComplete
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/databinding.html): Binds and accesses the list of items from local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/auto-complete/api-autoComplete.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
-
-
-* MultiSelect
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping.html): Groups the logically related items under a single or specific category.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/multi-select/api-multiSelect.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
- * [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/customtag.html): Allows users to select a new custom value.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
-
-## 6. Support
-Product support can be obtained through the following mediums:
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
-* New [GitHub issue.](https://github.com/syncfusion/ej2-dropdowns/issues/new)
-* Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
-
-
-## 7. License
-Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
-
-## 8. Change log
- Check the changelog [here](https://github.com/syncfusion/ej2-react-dropdowns/blob/master/CHANGELOG.md)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
diff --git a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js b/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js
deleted file mode 100644
index 7a2b8fdaf..000000000
--- a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
-* filename: ej2-react-dropdowns.umd.min.js
-* version : 16.3.27
-* Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
-* Use of this code is subject to the terms of our license.
-* A copy of the current license can be obtained at any time by e-mailing
-* licensing@syncfusion.com. Any infringement will be prosecuted under
-* applicable laws.
-*/
-
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-dropdowns","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Dropdowns,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.DropDownList);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ComboBox);r.applyMixins(u,[r.ComponentBase,e.PureComponent]);var s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.AutoComplete);r.applyMixins(p,[r.ComponentBase,e.PureComponent]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MultiSelect);r.applyMixins(f,[r.ComponentBase,e.PureComponent]),t.Inject=r.Inject,t.DropDownListComponent=i,t.ComboBoxComponent=u,t.AutoCompleteComponent=p,t.MultiSelectComponent=f,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
-//# sourceMappingURL=ej2-react-dropdowns.umd.min.js.map
diff --git a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map b/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map
deleted file mode 100644
index 0699fd459..000000000
--- a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ej2-react-dropdowns.umd.min.js","sources":["../src/drop-down-list/dropdownlist.component.js","../src/combo-box/combobox.component.js","../src/auto-complete/autocomplete.component.js","../src/multi-select/multiselect.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { DropDownList } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * The DropDownList component contains a list of predefined values, from which the user can choose a single value.\n * ```\n * \n * ```\n */\nvar DropDownListComponent = /** @class */ (function (_super) {\n __extends(DropDownListComponent, _super);\n function DropDownListComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n DropDownListComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return DropDownListComponent;\n}(DropDownList));\nexport { DropDownListComponent };\napplyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { ComboBox } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.\n * ```\n * \n * ```\n */\nvar ComboBoxComponent = /** @class */ (function (_super) {\n __extends(ComboBoxComponent, _super);\n function ComboBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n ComboBoxComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return ComboBoxComponent;\n}(ComboBox));\nexport { ComboBoxComponent };\napplyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { AutoComplete } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.\n * ```\n * \n * ```\n */\nvar AutoCompleteComponent = /** @class */ (function (_super) {\n __extends(AutoCompleteComponent, _super);\n function AutoCompleteComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n AutoCompleteComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return AutoCompleteComponent;\n}(AutoComplete));\nexport { AutoCompleteComponent };\napplyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { MultiSelect } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n* The MultiSelect allows the user to pick a values from the predefined list of values.\n * ```\n * \n * ```\n */\nvar MultiSelectComponent = /** @class */ (function (_super) {\n __extends(MultiSelectComponent, _super);\n function MultiSelectComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n return _this;\n }\n MultiSelectComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return MultiSelectComponent;\n}(MultiSelect));\nexport { MultiSelectComponent };\napplyMixins(MultiSelectComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","DropDownListComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","render","element","refreshing","React.createElement","getDefaultAttributes","DropDownList","ej2ReactBase","ComponentBase","React.PureComponent","ComboBoxComponent","ComboBox","AutoCompleteComponent","AutoComplete","MultiSelectComponent","MultiSelect"],"mappings":"8XAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAuC,SAAUC,GAEjD,SAASD,EAAsBE,GAC3B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUe,EAAuBC,GAOjCD,EAAsBF,UAAUS,OAAS,WACrC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTY,gBACFC,cACYb,GAAwBc,gBAAeC,kBC1CnD,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCqB,EAAmC,SAAUf,GAE7C,SAASe,EAAkBd,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAU+B,EAAmBf,GAO7Be,EAAkBlB,UAAUS,OAAS,WACjC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBW,GACTC,YACFJ,cACYG,GAAoBF,gBAAeC,kBC1C/C,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCuB,EAAuC,SAAUjB,GAEjD,SAASiB,EAAsBhB,GAC3B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUiC,EAAuBjB,GAOjCiB,EAAsBpB,UAAUS,OAAS,WACrC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBa,GACTC,gBACFN,cACYK,GAAwBJ,gBAAeC,kBC1CnD,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCyB,EAAsC,SAAUnB,GAEhD,SAASmB,EAAqBlB,GAC1B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUmC,EAAsBnB,GAOhCmB,EAAqBtB,UAAUS,OAAS,WACpC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBe,GACTC,eACFR,cACYO,GAAuBN,gBAAeC"}
\ No newline at end of file
diff --git a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js b/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js
deleted file mode 100644
index 83e3bc6dc..000000000
--- a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import { PureComponent, createElement } from 'react';
-import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
-import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-
-/**
- * The DropDownList component contains a list of predefined values, from which the user can choose a single value.
- * ```
- *
- * ```
- */
-class DropDownListComponent extends DropDownList {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(DropDownListComponent, [ComponentBase, PureComponent]);
-
-/**
- *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
- * ```
- *
- * ```
- */
-class ComboBoxComponent extends ComboBox {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(ComboBoxComponent, [ComponentBase, PureComponent]);
-
-/**
- *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
- * ```
- *
- * ```
- */
-class AutoCompleteComponent extends AutoComplete {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(AutoCompleteComponent, [ComponentBase, PureComponent]);
-
-/**
-* The MultiSelect allows the user to pick a values from the predefined list of values.
- * ```
- *
- * ```
- */
-class MultiSelectComponent extends MultiSelect {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = true;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(MultiSelectComponent, [ComponentBase, PureComponent]);
-
-export { DropDownListComponent, ComboBoxComponent, AutoCompleteComponent, MultiSelectComponent };
-export * from '@syncfusion/ej2-dropdowns';
-export { Inject } from '@syncfusion/ej2-react-base';
-//# sourceMappingURL=ej2-react-dropdowns.es2015.js.map
diff --git a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map b/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map
deleted file mode 100644
index 343b3efb4..000000000
--- a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ej2-react-dropdowns.es2015.js","sources":["../src/es6/drop-down-list/dropdownlist.component.js","../src/es6/combo-box/combobox.component.js","../src/es6/auto-complete/autocomplete.component.js","../src/es6/multi-select/multiselect.component.js"],"sourcesContent":["import * as React from 'react';\nimport { DropDownList } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * The DropDownList component contains a list of predefined values, from which the user can choose a single value.\n * ```\n * \n * ```\n */\nexport class DropDownListComponent extends DropDownList {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { ComboBox } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.\n * ```\n * \n * ```\n */\nexport class ComboBoxComponent extends ComboBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { AutoComplete } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.\n * ```\n * \n * ```\n */\nexport class AutoCompleteComponent extends AutoComplete {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { MultiSelect } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n* The MultiSelect allows the user to pick a values from the predefined list of values.\n * ```\n * \n * ```\n */\nexport class MultiSelectComponent extends MultiSelect {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(MultiSelectComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBzE;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBrE;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBzE;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;KACpC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}
\ No newline at end of file
diff --git a/components/dropdowns/gulpfile.js b/components/dropdowns/gulpfile.js
index 0876f90c6..22ed28d7e 100644
--- a/components/dropdowns/gulpfile.js
+++ b/components/dropdowns/gulpfile.js
@@ -5,7 +5,7 @@ var gulp = require('gulp');
/**
* Build ts and scss files
*/
-gulp.task('build', ['scripts', 'styles']);
+gulp.task('build', gulp.series('scripts', 'styles'));
/**
* Compile ts files
diff --git a/components/dropdowns/package.json b/components/dropdowns/package.json
index b74ee1578..4aa469c70 100644
--- a/components/dropdowns/package.json
+++ b/components/dropdowns/package.json
@@ -1,25 +1,18 @@
{
"name": "@syncfusion/ej2-react-dropdowns",
- "version": "16.3.27",
+ "version": "18.66.23",
"description": "Essential JS 2 DropDown Components for React",
"author": "Syncfusion Inc.",
"license": "SEE LICENSE IN license",
"keywords": [
- "ej2",
- "Syncfusion",
- "web-components",
- "dropdownlist",
- "autocomplete",
- "multiselect",
- "combobox",
- "select",
"react",
"react-dropdowns",
"ej2-react-dropdown",
"react-dropdownlist",
"react-autocomplete",
"react-multiselect",
- "react-combobox"
+ "react-combobox",
+ "react-dropdowntree"
],
"repository": {
"type": "git",
@@ -35,15 +28,13 @@
"@syncfusion/ej2-dropdowns": "*"
},
"devDependencies": {
- "awesome-typescript-loader": "^3.1.3",
- "source-map-loader": "^0.2.1",
- "@types/chai": "^3.4.28",
- "@types/es6-promise": "0.0.28",
- "@types/jasmine": "^2.2.29",
- "@types/jasmine-ajax": "^3.1.27",
- "@types/react": "^15.0.24",
- "@types/react-dom": "^15.5.0",
- "@types/requirejs": "^2.1.26",
+ "@types/chai": "3.5.2",
+ "@types/es6-promise": "0.0.33",
+ "@types/jasmine": "2.8.22",
+ "@types/jasmine-ajax": "3.3.5",
+ "@types/react": "16.4.7",
+ "@types/react-dom": "16.9.7",
+ "@types/requirejs": "2.1.37",
"es6-promise": "^3.2.1",
"gulp": "^3.9.1",
"gulp-sass": "^3.1.0",
diff --git a/components/dropdowns/src/auto-complete/autocomplete.component.tsx b/components/dropdowns/src/auto-complete/autocomplete.component.tsx
index 155a113aa..eefa72907 100644
--- a/components/dropdowns/src/auto-complete/autocomplete.component.tsx
+++ b/components/dropdowns/src/auto-complete/autocomplete.component.tsx
@@ -4,10 +4,10 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface AutoCompleteTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
*The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
@@ -17,33 +17,38 @@ export interface AutoCompleteTypecast {
*/
export class AutoCompleteComponent extends AutoComplete {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public forceUpdate: (callBack?: () => any) => void;
public context: Object;
+ public portals: any = [];
public isReactComponent: Object;
public refs: {
[key: string]: React.ReactInstance
};
-
constructor(props: any) {
super(props);
}
public render(): any {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);
+applyMixins(AutoCompleteComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/combo-box/combobox.component.tsx b/components/dropdowns/src/combo-box/combobox.component.tsx
index 7a70b2cbe..935f71ca2 100644
--- a/components/dropdowns/src/combo-box/combobox.component.tsx
+++ b/components/dropdowns/src/combo-box/combobox.component.tsx
@@ -4,10 +4,10 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface ComboBoxTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
*The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
@@ -17,33 +17,38 @@ export interface ComboBoxTypecast {
*/
export class ComboBoxComponent extends ComboBox {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public forceUpdate: (callBack?: () => any) => void;
public context: Object;
+ public portals: any = [];
public isReactComponent: Object;
public refs: {
[key: string]: React.ReactInstance
};
-
constructor(props: any) {
super(props);
}
public render(): any {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);
+applyMixins(ComboBoxComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx b/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
index 8cd533085..c0276337f 100644
--- a/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
+++ b/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
@@ -4,11 +4,11 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface DropDownListTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- valueTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
* The DropDownList component contains a list of predefined values, from which the user can choose a single value.
@@ -18,33 +18,38 @@ export interface DropDownListTypecast {
*/
export class DropDownListComponent extends DropDownList {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public forceUpdate: (callBack?: () => any) => void;
public context: Object;
+ public portals: any = [];
public isReactComponent: Object;
public refs: {
[key: string]: React.ReactInstance
};
-
constructor(props: any) {
super(props);
}
public render(): any {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);
+applyMixins(DropDownListComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx b/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx
new file mode 100644
index 000000000..68e926239
--- /dev/null
+++ b/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx
@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { DropDownTree, DropDownTreeModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface DropDownTreeTypecast {
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+}
+/**
+ *The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
+ * ```
+ *
+ * ```
+ */
+export class DropDownTreeComponent extends DropDownTree {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = false;
+ private statelessTemplateProps: string[] = null;
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public forceUpdate: (callBack?: () => any) => void;
+ public context: Object;
+ public portals: any = [];
+ public isReactComponent: Object;
+ public refs: {
+ [key: string]: React.ReactInstance
+ };
+ constructor(props: any) {
+ super(props);
+ }
+
+ public render(): any {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
+ }
+
+ }
+}
+
+applyMixins(DropDownTreeComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-tree/index.ts b/components/dropdowns/src/drop-down-tree/index.ts
new file mode 100644
index 000000000..5aaf61cfc
--- /dev/null
+++ b/components/dropdowns/src/drop-down-tree/index.ts
@@ -0,0 +1 @@
+export * from './dropdowntree.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/index.ts b/components/dropdowns/src/index.ts
index 8a1bcf434..3c824d94a 100644
--- a/components/dropdowns/src/index.ts
+++ b/components/dropdowns/src/index.ts
@@ -2,5 +2,8 @@ export * from './drop-down-list';
export * from './combo-box';
export * from './auto-complete';
export * from './multi-select';
+export * from './list-box';
+export * from './drop-down-tree';
+export * from './mention';
export { Inject } from '@syncfusion/ej2-react-base';
export * from '@syncfusion/ej2-dropdowns';
\ No newline at end of file
diff --git a/components/dropdowns/src/list-box/index.ts b/components/dropdowns/src/list-box/index.ts
new file mode 100644
index 000000000..5878a73e9
--- /dev/null
+++ b/components/dropdowns/src/list-box/index.ts
@@ -0,0 +1 @@
+export * from './listbox.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/list-box/listbox.component.tsx b/components/dropdowns/src/list-box/listbox.component.tsx
new file mode 100644
index 000000000..fe46edaa8
--- /dev/null
+++ b/components/dropdowns/src/list-box/listbox.component.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { ListBox, ListBoxModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface ListBoxTypecast {
+ itemTemplate?: string | Function | any;
+}
+/**
+* The ListBox allows the user to select values from the predefined list of values.
+ * ```
+ *
+ * ```
+ */
+export class ListBoxComponent extends ListBox {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = null;
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public forceUpdate: (callBack?: () => any) => void;
+ public context: Object;
+ public portals: any = [];
+ public isReactComponent: Object;
+ public refs: {
+ [key: string]: React.ReactInstance
+ };
+ constructor(props: any) {
+ super(props);
+ }
+
+ public render(): any {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
+ }
+
+ }
+}
+
+applyMixins(ListBoxComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/mention/index.ts b/components/dropdowns/src/mention/index.ts
new file mode 100644
index 000000000..d0fd5e73d
--- /dev/null
+++ b/components/dropdowns/src/mention/index.ts
@@ -0,0 +1 @@
+export * from './mention.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/mention/mention.component.tsx b/components/dropdowns/src/mention/mention.component.tsx
new file mode 100644
index 000000000..3902b45a1
--- /dev/null
+++ b/components/dropdowns/src/mention/mention.component.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Mention, MentionModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface MentionTypecast {
+ displayTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+ spinnerTemplate?: string | Function | any;
+}
+/**
+ * The Mention component contains a list of predefined values, from which the user can choose a single value.
+ * ```
+ *
+ * ```
+ */
+export class MentionComponent extends Mention {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = false;
+ private statelessTemplateProps: string[] = ["itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public forceUpdate: (callBack?: () => any) => void;
+ public context: Object;
+ public portals: any = [];
+ public isReactComponent: Object;
+ public refs: {
+ [key: string]: React.ReactInstance
+ };
+ constructor(props: any) {
+ super(props);
+ }
+
+ public render(): any {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement('div', this.getDefaultAttributes(),[].concat(this.props.children,this.portals));
+ }
+
+ }
+}
+
+applyMixins(MentionComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/multi-select/multiselect.component.tsx b/components/dropdowns/src/multi-select/multiselect.component.tsx
index 170ca5d33..9c9812729 100644
--- a/components/dropdowns/src/multi-select/multiselect.component.tsx
+++ b/components/dropdowns/src/multi-select/multiselect.component.tsx
@@ -4,10 +4,11 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface MultiSelectTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- valueTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
}
/**
* The MultiSelect allows the user to pick a values from the predefined list of values.
@@ -17,33 +18,38 @@ export interface MultiSelectTypecast {
*/
export class MultiSelectComponent extends MultiSelect {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public forceUpdate: (callBack?: () => any) => void;
public context: Object;
+ public portals: any = [];
public isReactComponent: Object;
public refs: {
[key: string]: React.ReactInstance
};
-
constructor(props: any) {
super(props);
}
public render(): any {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(MultiSelectComponent, [ComponentBase, React.PureComponent]);
+applyMixins(MultiSelectComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/styles/auto-complete/bds.scss b/components/dropdowns/styles/auto-complete/bds.scss
new file mode 100644
index 000000000..fea68d18a
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bds.scss';
diff --git a/components/dropdowns/styles/auto-complete/bootstrap-dark.scss b/components/dropdowns/styles/auto-complete/bootstrap-dark.scss
new file mode 100644
index 000000000..de0ba53d0
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/bootstrap4.scss b/components/dropdowns/styles/auto-complete/bootstrap4.scss
new file mode 100644
index 000000000..074cefc6d
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap4.scss';
diff --git a/components/dropdowns/styles/auto-complete/bootstrap5-dark.scss b/components/dropdowns/styles/auto-complete/bootstrap5-dark.scss
new file mode 100644
index 000000000..148691ca2
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/bootstrap5.3.scss b/components/dropdowns/styles/auto-complete/bootstrap5.3.scss
new file mode 100644
index 000000000..0f07f6f2e
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/auto-complete/bootstrap5.scss b/components/dropdowns/styles/auto-complete/bootstrap5.scss
new file mode 100644
index 000000000..3ad418d34
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.scss';
diff --git a/components/dropdowns/styles/auto-complete/fabric-dark.scss b/components/dropdowns/styles/auto-complete/fabric-dark.scss
new file mode 100644
index 000000000..f8401cc23
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/fluent-dark.scss b/components/dropdowns/styles/auto-complete/fluent-dark.scss
new file mode 100644
index 000000000..b10bf1a54
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/fluent.scss b/components/dropdowns/styles/auto-complete/fluent.scss
new file mode 100644
index 000000000..0f3499905
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fluent.scss';
diff --git a/components/dropdowns/styles/auto-complete/fluent2.scss b/components/dropdowns/styles/auto-complete/fluent2.scss
new file mode 100644
index 000000000..408b25144
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fluent2.scss';
diff --git a/components/dropdowns/styles/auto-complete/highcontrast-light.scss b/components/dropdowns/styles/auto-complete/highcontrast-light.scss
new file mode 100644
index 000000000..689751665
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/auto-complete/material-dark.scss b/components/dropdowns/styles/auto-complete/material-dark.scss
new file mode 100644
index 000000000..2e3be46a9
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/material-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/material3-dark.scss b/components/dropdowns/styles/auto-complete/material3-dark.scss
new file mode 100644
index 000000000..410e547a0
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/auto-complete/material3-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/material3.scss b/components/dropdowns/styles/auto-complete/material3.scss
new file mode 100644
index 000000000..447ed7c37
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/auto-complete/material3.scss';
diff --git a/components/dropdowns/styles/auto-complete/tailwind-dark.scss b/components/dropdowns/styles/auto-complete/tailwind-dark.scss
new file mode 100644
index 000000000..f4312dca2
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/auto-complete/tailwind.scss b/components/dropdowns/styles/auto-complete/tailwind.scss
new file mode 100644
index 000000000..933469bde
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/tailwind.scss';
diff --git a/components/dropdowns/styles/auto-complete/tailwind3.scss b/components/dropdowns/styles/auto-complete/tailwind3.scss
new file mode 100644
index 000000000..467f4ae05
--- /dev/null
+++ b/components/dropdowns/styles/auto-complete/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/tailwind3.scss';
diff --git a/components/dropdowns/styles/bds-lite.scss b/components/dropdowns/styles/bds-lite.scss
new file mode 100644
index 000000000..f86f241c3
--- /dev/null
+++ b/components/dropdowns/styles/bds-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bds-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bds.scss b/components/dropdowns/styles/bds.scss
new file mode 100644
index 000000000..4d57385e3
--- /dev/null
+++ b/components/dropdowns/styles/bds.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bds.scss';
+@import 'drop-down-list/bds.scss';
+@import 'drop-down-tree/bds.scss';
+@import 'combo-box/bds.scss';
+@import 'auto-complete/bds.scss';
+@import 'multi-select/bds.scss';
+@import 'list-box/bds.scss';
+@import 'mention/bds.scss';
diff --git a/components/dropdowns/styles/bootstrap-dark-lite.scss b/components/dropdowns/styles/bootstrap-dark-lite.scss
new file mode 100644
index 000000000..807bf2ca6
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap-dark.scss b/components/dropdowns/styles/bootstrap-dark.scss
new file mode 100644
index 000000000..8c33a71d7
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bootstrap-dark.scss';
+@import 'drop-down-list/bootstrap-dark.scss';
+@import 'drop-down-tree/bootstrap-dark.scss';
+@import 'combo-box/bootstrap-dark.scss';
+@import 'auto-complete/bootstrap-dark.scss';
+@import 'multi-select/bootstrap-dark.scss';
+@import 'list-box/bootstrap-dark.scss';
+@import 'mention/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/bootstrap-lite.scss b/components/dropdowns/styles/bootstrap-lite.scss
new file mode 100644
index 000000000..f076b0717
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap.scss b/components/dropdowns/styles/bootstrap.scss
index 236a25e95..786ab1421 100644
--- a/components/dropdowns/styles/bootstrap.scss
+++ b/components/dropdowns/styles/bootstrap.scss
@@ -1,5 +1,8 @@
@import 'drop-down-base/bootstrap.scss';
@import 'drop-down-list/bootstrap.scss';
+@import 'drop-down-tree/bootstrap.scss';
@import 'combo-box/bootstrap.scss';
@import 'auto-complete/bootstrap.scss';
@import 'multi-select/bootstrap.scss';
+@import 'list-box/bootstrap.scss';
+@import 'mention/bootstrap.scss';
diff --git a/components/dropdowns/styles/bootstrap4-lite.scss b/components/dropdowns/styles/bootstrap4-lite.scss
new file mode 100644
index 000000000..ddd9c16e6
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap4-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap4-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap4.scss b/components/dropdowns/styles/bootstrap4.scss
new file mode 100644
index 000000000..60c720c41
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap4.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bootstrap4.scss';
+@import 'drop-down-list/bootstrap4.scss';
+@import 'drop-down-tree/bootstrap4.scss';
+@import 'combo-box/bootstrap4.scss';
+@import 'auto-complete/bootstrap4.scss';
+@import 'multi-select/bootstrap4.scss';
+@import 'list-box/bootstrap4.scss';
+@import 'mention/bootstrap4.scss';
diff --git a/components/dropdowns/styles/bootstrap5-dark-lite.scss b/components/dropdowns/styles/bootstrap5-dark-lite.scss
new file mode 100644
index 000000000..06f6e6484
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap5-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap5-dark.scss b/components/dropdowns/styles/bootstrap5-dark.scss
new file mode 100644
index 000000000..cc41c92b0
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bootstrap5-dark.scss';
+@import 'drop-down-list/bootstrap5-dark.scss';
+@import 'drop-down-tree/bootstrap5-dark.scss';
+@import 'combo-box/bootstrap5-dark.scss';
+@import 'auto-complete/bootstrap5-dark.scss';
+@import 'multi-select/bootstrap5-dark.scss';
+@import 'list-box/bootstrap5-dark.scss';
+@import 'mention/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/bootstrap5-lite.scss b/components/dropdowns/styles/bootstrap5-lite.scss
new file mode 100644
index 000000000..68db41685
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap5-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap5.3-lite.scss b/components/dropdowns/styles/bootstrap5.3-lite.scss
new file mode 100644
index 000000000..5fe64a1a5
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5.3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/bootstrap5.3-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/bootstrap5.3.scss b/components/dropdowns/styles/bootstrap5.3.scss
new file mode 100644
index 000000000..874939a95
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5.3.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bootstrap5.3.scss';
+@import 'drop-down-list/bootstrap5.3.scss';
+@import 'drop-down-tree/bootstrap5.3.scss';
+@import 'combo-box/bootstrap5.3.scss';
+@import 'auto-complete/bootstrap5.3.scss';
+@import 'multi-select/bootstrap5.3.scss';
+@import 'list-box/bootstrap5.3.scss';
+@import 'mention/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/bootstrap5.scss b/components/dropdowns/styles/bootstrap5.scss
new file mode 100644
index 000000000..47c3c759a
--- /dev/null
+++ b/components/dropdowns/styles/bootstrap5.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/bootstrap5.scss';
+@import 'drop-down-list/bootstrap5.scss';
+@import 'drop-down-tree/bootstrap5.scss';
+@import 'combo-box/bootstrap5.scss';
+@import 'auto-complete/bootstrap5.scss';
+@import 'multi-select/bootstrap5.scss';
+@import 'list-box/bootstrap5.scss';
+@import 'mention/bootstrap5.scss';
diff --git a/components/dropdowns/styles/combo-box/bds.scss b/components/dropdowns/styles/combo-box/bds.scss
new file mode 100644
index 000000000..8b63b5d4f
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bds.scss';
diff --git a/components/dropdowns/styles/combo-box/bootstrap-dark.scss b/components/dropdowns/styles/combo-box/bootstrap-dark.scss
new file mode 100644
index 000000000..3f0b28b4f
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/bootstrap4.scss b/components/dropdowns/styles/combo-box/bootstrap4.scss
new file mode 100644
index 000000000..ea9a88f9b
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bootstrap4.scss';
diff --git a/components/dropdowns/styles/combo-box/bootstrap5-dark.scss b/components/dropdowns/styles/combo-box/bootstrap5-dark.scss
new file mode 100644
index 000000000..9a37dfa96
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/bootstrap5.3.scss b/components/dropdowns/styles/combo-box/bootstrap5.3.scss
new file mode 100644
index 000000000..b921bd017
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/combo-box/bootstrap5.scss b/components/dropdowns/styles/combo-box/bootstrap5.scss
new file mode 100644
index 000000000..104699b64
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/bootstrap5.scss';
diff --git a/components/dropdowns/styles/combo-box/fabric-dark.scss b/components/dropdowns/styles/combo-box/fabric-dark.scss
new file mode 100644
index 000000000..a9b87dab9
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/fabric-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/fluent-dark.scss b/components/dropdowns/styles/combo-box/fluent-dark.scss
new file mode 100644
index 000000000..6037db5b4
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/fluent-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/fluent.scss b/components/dropdowns/styles/combo-box/fluent.scss
new file mode 100644
index 000000000..4c4366f4f
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/fluent.scss';
diff --git a/components/dropdowns/styles/combo-box/fluent2.scss b/components/dropdowns/styles/combo-box/fluent2.scss
new file mode 100644
index 000000000..dd9335e69
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/fluent2.scss';
diff --git a/components/dropdowns/styles/combo-box/highcontrast-light.scss b/components/dropdowns/styles/combo-box/highcontrast-light.scss
new file mode 100644
index 000000000..daca19d5c
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/combo-box/material-dark.scss b/components/dropdowns/styles/combo-box/material-dark.scss
new file mode 100644
index 000000000..aae0b8a97
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/material-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/material3-dark.scss b/components/dropdowns/styles/combo-box/material3-dark.scss
new file mode 100644
index 000000000..95ee30866
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/combo-box/material3-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/material3.scss b/components/dropdowns/styles/combo-box/material3.scss
new file mode 100644
index 000000000..9b108550f
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/combo-box/material3.scss';
diff --git a/components/dropdowns/styles/combo-box/tailwind-dark.scss b/components/dropdowns/styles/combo-box/tailwind-dark.scss
new file mode 100644
index 000000000..3e83bf072
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/combo-box/tailwind.scss b/components/dropdowns/styles/combo-box/tailwind.scss
new file mode 100644
index 000000000..262f31fc7
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/tailwind.scss';
diff --git a/components/dropdowns/styles/combo-box/tailwind3.scss b/components/dropdowns/styles/combo-box/tailwind3.scss
new file mode 100644
index 000000000..14e44cc51
--- /dev/null
+++ b/components/dropdowns/styles/combo-box/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/combo-box/tailwind3.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bds.scss b/components/dropdowns/styles/drop-down-base/bds.scss
new file mode 100644
index 000000000..929977289
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bds.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bootstrap-dark.scss b/components/dropdowns/styles/drop-down-base/bootstrap-dark.scss
new file mode 100644
index 000000000..e4eeea472
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bootstrap4.scss b/components/dropdowns/styles/drop-down-base/bootstrap4.scss
new file mode 100644
index 000000000..6fefc24ce
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap4.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bootstrap5-dark.scss b/components/dropdowns/styles/drop-down-base/bootstrap5-dark.scss
new file mode 100644
index 000000000..e465e1386
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bootstrap5.3.scss b/components/dropdowns/styles/drop-down-base/bootstrap5.3.scss
new file mode 100644
index 000000000..26e8afb0c
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/drop-down-base/bootstrap5.scss b/components/dropdowns/styles/drop-down-base/bootstrap5.scss
new file mode 100644
index 000000000..c0cd9f077
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5.scss';
diff --git a/components/dropdowns/styles/drop-down-base/fabric-dark.scss b/components/dropdowns/styles/drop-down-base/fabric-dark.scss
new file mode 100644
index 000000000..2cd1c1383
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/fabric-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/fluent-dark.scss b/components/dropdowns/styles/drop-down-base/fluent-dark.scss
new file mode 100644
index 000000000..564564f46
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/fluent-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/fluent.scss b/components/dropdowns/styles/drop-down-base/fluent.scss
new file mode 100644
index 000000000..ea5296a5b
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/fluent.scss';
diff --git a/components/dropdowns/styles/drop-down-base/fluent2.scss b/components/dropdowns/styles/drop-down-base/fluent2.scss
new file mode 100644
index 000000000..5451b68c8
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/fluent2.scss';
diff --git a/components/dropdowns/styles/drop-down-base/highcontrast-light.scss b/components/dropdowns/styles/drop-down-base/highcontrast-light.scss
new file mode 100644
index 000000000..660aad461
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/drop-down-base/material-dark.scss b/components/dropdowns/styles/drop-down-base/material-dark.scss
new file mode 100644
index 000000000..cf75ea6c3
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/material-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/material3-dark.scss b/components/dropdowns/styles/drop-down-base/material3-dark.scss
new file mode 100644
index 000000000..2e67a780a
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/material3-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/material3.scss b/components/dropdowns/styles/drop-down-base/material3.scss
new file mode 100644
index 000000000..4c3dc6707
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/material3.scss';
diff --git a/components/dropdowns/styles/drop-down-base/tailwind-dark.scss b/components/dropdowns/styles/drop-down-base/tailwind-dark.scss
new file mode 100644
index 000000000..36a9470b1
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-base/tailwind.scss b/components/dropdowns/styles/drop-down-base/tailwind.scss
new file mode 100644
index 000000000..7a27c5304
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/tailwind.scss';
diff --git a/components/dropdowns/styles/drop-down-base/tailwind3.scss b/components/dropdowns/styles/drop-down-base/tailwind3.scss
new file mode 100644
index 000000000..0ccbab913
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-base/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/tailwind3.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bds.scss b/components/dropdowns/styles/drop-down-list/bds.scss
new file mode 100644
index 000000000..1bbefb605
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bds.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bootstrap-dark.scss b/components/dropdowns/styles/drop-down-list/bootstrap-dark.scss
new file mode 100644
index 000000000..d360a242d
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bootstrap4.scss b/components/dropdowns/styles/drop-down-list/bootstrap4.scss
new file mode 100644
index 000000000..c7b9ba7bd
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bootstrap5-dark.scss b/components/dropdowns/styles/drop-down-list/bootstrap5-dark.scss
new file mode 100644
index 000000000..5aeaafe72
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bootstrap5.3.scss b/components/dropdowns/styles/drop-down-list/bootstrap5.3.scss
new file mode 100644
index 000000000..9a1572d2f
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/drop-down-list/bootstrap5.scss b/components/dropdowns/styles/drop-down-list/bootstrap5.scss
new file mode 100644
index 000000000..bfc14022a
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.scss';
diff --git a/components/dropdowns/styles/drop-down-list/fabric-dark.scss b/components/dropdowns/styles/drop-down-list/fabric-dark.scss
new file mode 100644
index 000000000..a3e274e18
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/fluent-dark.scss b/components/dropdowns/styles/drop-down-list/fluent-dark.scss
new file mode 100644
index 000000000..de4a30369
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/fluent.scss b/components/dropdowns/styles/drop-down-list/fluent.scss
new file mode 100644
index 000000000..42249092c
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/fluent.scss';
diff --git a/components/dropdowns/styles/drop-down-list/fluent2.scss b/components/dropdowns/styles/drop-down-list/fluent2.scss
new file mode 100644
index 000000000..b6edfbac3
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/fluent2.scss';
diff --git a/components/dropdowns/styles/drop-down-list/highcontrast-light.scss b/components/dropdowns/styles/drop-down-list/highcontrast-light.scss
new file mode 100644
index 000000000..c4eaf5a4e
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/drop-down-list/material-dark.scss b/components/dropdowns/styles/drop-down-list/material-dark.scss
new file mode 100644
index 000000000..29a4d650f
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/material-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/material3-dark.scss b/components/dropdowns/styles/drop-down-list/material3-dark.scss
new file mode 100644
index 000000000..c21ef8815
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/material3-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/material3.scss b/components/dropdowns/styles/drop-down-list/material3.scss
new file mode 100644
index 000000000..988a0c9a1
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/material3.scss';
diff --git a/components/dropdowns/styles/drop-down-list/tailwind-dark.scss b/components/dropdowns/styles/drop-down-list/tailwind-dark.scss
new file mode 100644
index 000000000..6ea260c38
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-list/tailwind.scss b/components/dropdowns/styles/drop-down-list/tailwind.scss
new file mode 100644
index 000000000..461740e06
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/tailwind.scss';
diff --git a/components/dropdowns/styles/drop-down-list/tailwind3.scss b/components/dropdowns/styles/drop-down-list/tailwind3.scss
new file mode 100644
index 000000000..74d70f862
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-list/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-list/tailwind3.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bds.scss b/components/dropdowns/styles/drop-down-tree/bds.scss
new file mode 100644
index 000000000..48eaeaabd
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bds.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap-dark.scss b/components/dropdowns/styles/drop-down-tree/bootstrap-dark.scss
new file mode 100644
index 000000000..a19669380
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap.scss b/components/dropdowns/styles/drop-down-tree/bootstrap.scss
new file mode 100644
index 000000000..9fef47b38
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap4.scss b/components/dropdowns/styles/drop-down-tree/bootstrap4.scss
new file mode 100644
index 000000000..56eb13ca8
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap4.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap5-dark.scss b/components/dropdowns/styles/drop-down-tree/bootstrap5-dark.scss
new file mode 100644
index 000000000..4881bec13
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap5.3.scss b/components/dropdowns/styles/drop-down-tree/bootstrap5.3.scss
new file mode 100644
index 000000000..a3fcbfbe6
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/bootstrap5.scss b/components/dropdowns/styles/drop-down-tree/bootstrap5.scss
new file mode 100644
index 000000000..51d08399d
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap5.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/fabric-dark.scss b/components/dropdowns/styles/drop-down-tree/fabric-dark.scss
new file mode 100644
index 000000000..2ba2d612f
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/fabric-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/fabric.scss b/components/dropdowns/styles/drop-down-tree/fabric.scss
new file mode 100644
index 000000000..20093a0e0
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/fabric.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/fabric.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/fluent-dark.scss b/components/dropdowns/styles/drop-down-tree/fluent-dark.scss
new file mode 100644
index 000000000..d7d8ea51c
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/fluent-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/fluent.scss b/components/dropdowns/styles/drop-down-tree/fluent.scss
new file mode 100644
index 000000000..4a564180a
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/fluent.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/fluent2.scss b/components/dropdowns/styles/drop-down-tree/fluent2.scss
new file mode 100644
index 000000000..d0aa70361
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/fluent2.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/highcontrast-light.scss b/components/dropdowns/styles/drop-down-tree/highcontrast-light.scss
new file mode 100644
index 000000000..ba053e394
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/highcontrast.scss b/components/dropdowns/styles/drop-down-tree/highcontrast.scss
new file mode 100644
index 000000000..8938d4714
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/highcontrast.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/highcontrast.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/material-dark.scss b/components/dropdowns/styles/drop-down-tree/material-dark.scss
new file mode 100644
index 000000000..ce730a78f
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/material-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/material.scss b/components/dropdowns/styles/drop-down-tree/material.scss
new file mode 100644
index 000000000..a52342f80
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/material.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/material.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/material3-dark.scss b/components/dropdowns/styles/drop-down-tree/material3-dark.scss
new file mode 100644
index 000000000..0fd565386
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/material3-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/material3.scss b/components/dropdowns/styles/drop-down-tree/material3.scss
new file mode 100644
index 000000000..e6e189aed
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/material3.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/tailwind-dark.scss b/components/dropdowns/styles/drop-down-tree/tailwind-dark.scss
new file mode 100644
index 000000000..a13180739
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/tailwind.scss b/components/dropdowns/styles/drop-down-tree/tailwind.scss
new file mode 100644
index 000000000..2cb1b0327
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/tailwind.scss';
diff --git a/components/dropdowns/styles/drop-down-tree/tailwind3.scss b/components/dropdowns/styles/drop-down-tree/tailwind3.scss
new file mode 100644
index 000000000..8aecebd81
--- /dev/null
+++ b/components/dropdowns/styles/drop-down-tree/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-tree/tailwind3.scss';
diff --git a/components/dropdowns/styles/fabric-dark-lite.scss b/components/dropdowns/styles/fabric-dark-lite.scss
new file mode 100644
index 000000000..71b64e823
--- /dev/null
+++ b/components/dropdowns/styles/fabric-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/fabric-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/fabric-dark.scss b/components/dropdowns/styles/fabric-dark.scss
new file mode 100644
index 000000000..6e2c1b252
--- /dev/null
+++ b/components/dropdowns/styles/fabric-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/fabric-dark.scss';
+@import 'drop-down-list/fabric-dark.scss';
+@import 'drop-down-tree/fabric-dark.scss';
+@import 'combo-box/fabric-dark.scss';
+@import 'auto-complete/fabric-dark.scss';
+@import 'multi-select/fabric-dark.scss';
+@import 'list-box/fabric-dark.scss';
+@import 'mention/fabric-dark.scss';
diff --git a/components/dropdowns/styles/fabric-lite.scss b/components/dropdowns/styles/fabric-lite.scss
new file mode 100644
index 000000000..404f22035
--- /dev/null
+++ b/components/dropdowns/styles/fabric-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/fabric-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/fabric.scss b/components/dropdowns/styles/fabric.scss
index b6fec4fce..03875f3d6 100644
--- a/components/dropdowns/styles/fabric.scss
+++ b/components/dropdowns/styles/fabric.scss
@@ -1,5 +1,8 @@
@import 'drop-down-base/fabric.scss';
@import 'drop-down-list/fabric.scss';
+@import 'drop-down-tree/fabric.scss';
@import 'combo-box/fabric.scss';
@import 'auto-complete/fabric.scss';
@import 'multi-select/fabric.scss';
+@import 'list-box/fabric.scss';
+@import 'mention/fabric.scss';
diff --git a/components/dropdowns/styles/fluent-dark-lite.scss b/components/dropdowns/styles/fluent-dark-lite.scss
new file mode 100644
index 000000000..1068f3393
--- /dev/null
+++ b/components/dropdowns/styles/fluent-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/fluent-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/fluent-dark.scss b/components/dropdowns/styles/fluent-dark.scss
new file mode 100644
index 000000000..70759aa2e
--- /dev/null
+++ b/components/dropdowns/styles/fluent-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/fluent-dark.scss';
+@import 'drop-down-list/fluent-dark.scss';
+@import 'drop-down-tree/fluent-dark.scss';
+@import 'combo-box/fluent-dark.scss';
+@import 'auto-complete/fluent-dark.scss';
+@import 'multi-select/fluent-dark.scss';
+@import 'list-box/fluent-dark.scss';
+@import 'mention/fluent-dark.scss';
diff --git a/components/dropdowns/styles/fluent-lite.scss b/components/dropdowns/styles/fluent-lite.scss
new file mode 100644
index 000000000..40cb9e1ad
--- /dev/null
+++ b/components/dropdowns/styles/fluent-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/fluent-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/fluent.scss b/components/dropdowns/styles/fluent.scss
new file mode 100644
index 000000000..76085da7b
--- /dev/null
+++ b/components/dropdowns/styles/fluent.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/fluent.scss';
+@import 'drop-down-list/fluent.scss';
+@import 'drop-down-tree/fluent.scss';
+@import 'combo-box/fluent.scss';
+@import 'auto-complete/fluent.scss';
+@import 'multi-select/fluent.scss';
+@import 'list-box/fluent.scss';
+@import 'mention/fluent.scss';
diff --git a/components/dropdowns/styles/fluent2-lite.scss b/components/dropdowns/styles/fluent2-lite.scss
new file mode 100644
index 000000000..f23255014
--- /dev/null
+++ b/components/dropdowns/styles/fluent2-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/fluent2-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/fluent2.scss b/components/dropdowns/styles/fluent2.scss
new file mode 100644
index 000000000..622eb9781
--- /dev/null
+++ b/components/dropdowns/styles/fluent2.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/fluent2.scss';
+@import 'drop-down-list/fluent2.scss';
+@import 'drop-down-tree/fluent2.scss';
+@import 'combo-box/fluent2.scss';
+@import 'auto-complete/fluent2.scss';
+@import 'multi-select/fluent2.scss';
+@import 'list-box/fluent2.scss';
+@import 'mention/fluent2.scss';
diff --git a/components/dropdowns/styles/highcontrast-light-lite.scss b/components/dropdowns/styles/highcontrast-light-lite.scss
new file mode 100644
index 000000000..6479315bc
--- /dev/null
+++ b/components/dropdowns/styles/highcontrast-light-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/highcontrast-light-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/highcontrast-light.scss b/components/dropdowns/styles/highcontrast-light.scss
new file mode 100644
index 000000000..5582813aa
--- /dev/null
+++ b/components/dropdowns/styles/highcontrast-light.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/highcontrast-light.scss';
+@import 'drop-down-list/highcontrast-light.scss';
+@import 'drop-down-tree/highcontrast-light.scss';
+@import 'combo-box/highcontrast-light.scss';
+@import 'auto-complete/highcontrast-light.scss';
+@import 'multi-select/highcontrast-light.scss';
+@import 'list-box/highcontrast-light.scss';
+@import 'mention/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/highcontrast-lite.scss b/components/dropdowns/styles/highcontrast-lite.scss
new file mode 100644
index 000000000..1b1d3462c
--- /dev/null
+++ b/components/dropdowns/styles/highcontrast-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/highcontrast-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/highcontrast.scss b/components/dropdowns/styles/highcontrast.scss
index 4a3dd29cc..bceb7fb8b 100644
--- a/components/dropdowns/styles/highcontrast.scss
+++ b/components/dropdowns/styles/highcontrast.scss
@@ -1,5 +1,8 @@
@import 'drop-down-base/highcontrast.scss';
@import 'drop-down-list/highcontrast.scss';
+@import 'drop-down-tree/highcontrast.scss';
@import 'combo-box/highcontrast.scss';
@import 'auto-complete/highcontrast.scss';
@import 'multi-select/highcontrast.scss';
+@import 'list-box/highcontrast.scss';
+@import 'mention/highcontrast.scss';
diff --git a/components/dropdowns/styles/list-box/bds.scss b/components/dropdowns/styles/list-box/bds.scss
new file mode 100644
index 000000000..5a3912901
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bds.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap-dark.scss b/components/dropdowns/styles/list-box/bootstrap-dark.scss
new file mode 100644
index 000000000..e8677df46
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap.scss b/components/dropdowns/styles/list-box/bootstrap.scss
new file mode 100644
index 000000000..9790e63f5
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap4.scss b/components/dropdowns/styles/list-box/bootstrap4.scss
new file mode 100644
index 000000000..8a397b4a1
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap4.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap5-dark.scss b/components/dropdowns/styles/list-box/bootstrap5-dark.scss
new file mode 100644
index 000000000..5c17a694c
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap5.3.scss b/components/dropdowns/styles/list-box/bootstrap5.3.scss
new file mode 100644
index 000000000..058da60c0
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/list-box/bootstrap5.scss b/components/dropdowns/styles/list-box/bootstrap5.scss
new file mode 100644
index 000000000..88cdf5245
--- /dev/null
+++ b/components/dropdowns/styles/list-box/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/bootstrap5.scss';
diff --git a/components/dropdowns/styles/list-box/fabric-dark.scss b/components/dropdowns/styles/list-box/fabric-dark.scss
new file mode 100644
index 000000000..920b06d9f
--- /dev/null
+++ b/components/dropdowns/styles/list-box/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fabric-dark.scss';
diff --git a/components/dropdowns/styles/list-box/fabric.scss b/components/dropdowns/styles/list-box/fabric.scss
new file mode 100644
index 000000000..94be1c152
--- /dev/null
+++ b/components/dropdowns/styles/list-box/fabric.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fabric.scss';
diff --git a/components/dropdowns/styles/list-box/fluent-dark.scss b/components/dropdowns/styles/list-box/fluent-dark.scss
new file mode 100644
index 000000000..75fc5997b
--- /dev/null
+++ b/components/dropdowns/styles/list-box/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fluent-dark.scss';
diff --git a/components/dropdowns/styles/list-box/fluent.scss b/components/dropdowns/styles/list-box/fluent.scss
new file mode 100644
index 000000000..fcb8f1784
--- /dev/null
+++ b/components/dropdowns/styles/list-box/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fluent.scss';
diff --git a/components/dropdowns/styles/list-box/fluent2.scss b/components/dropdowns/styles/list-box/fluent2.scss
new file mode 100644
index 000000000..840fb1d23
--- /dev/null
+++ b/components/dropdowns/styles/list-box/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fluent2.scss';
diff --git a/components/dropdowns/styles/list-box/highcontrast-light.scss b/components/dropdowns/styles/list-box/highcontrast-light.scss
new file mode 100644
index 000000000..a740e50b6
--- /dev/null
+++ b/components/dropdowns/styles/list-box/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/list-box/highcontrast.scss b/components/dropdowns/styles/list-box/highcontrast.scss
new file mode 100644
index 000000000..a0d577202
--- /dev/null
+++ b/components/dropdowns/styles/list-box/highcontrast.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/highcontrast.scss';
diff --git a/components/dropdowns/styles/list-box/material-dark.scss b/components/dropdowns/styles/list-box/material-dark.scss
new file mode 100644
index 000000000..7efca6877
--- /dev/null
+++ b/components/dropdowns/styles/list-box/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/material-dark.scss';
diff --git a/components/dropdowns/styles/list-box/material.scss b/components/dropdowns/styles/list-box/material.scss
new file mode 100644
index 000000000..269982b13
--- /dev/null
+++ b/components/dropdowns/styles/list-box/material.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/material.scss';
diff --git a/components/dropdowns/styles/list-box/material3-dark.scss b/components/dropdowns/styles/list-box/material3-dark.scss
new file mode 100644
index 000000000..fc7584ea0
--- /dev/null
+++ b/components/dropdowns/styles/list-box/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/list-box/material3-dark.scss';
diff --git a/components/dropdowns/styles/list-box/material3.scss b/components/dropdowns/styles/list-box/material3.scss
new file mode 100644
index 000000000..cbc812df3
--- /dev/null
+++ b/components/dropdowns/styles/list-box/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/list-box/material3.scss';
diff --git a/components/dropdowns/styles/list-box/tailwind-dark.scss b/components/dropdowns/styles/list-box/tailwind-dark.scss
new file mode 100644
index 000000000..fbfe3b9ed
--- /dev/null
+++ b/components/dropdowns/styles/list-box/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/list-box/tailwind.scss b/components/dropdowns/styles/list-box/tailwind.scss
new file mode 100644
index 000000000..21f79ced5
--- /dev/null
+++ b/components/dropdowns/styles/list-box/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/tailwind.scss';
diff --git a/components/dropdowns/styles/list-box/tailwind3.scss b/components/dropdowns/styles/list-box/tailwind3.scss
new file mode 100644
index 000000000..12e91eb42
--- /dev/null
+++ b/components/dropdowns/styles/list-box/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/tailwind3.scss';
diff --git a/components/dropdowns/styles/material-dark-lite.scss b/components/dropdowns/styles/material-dark-lite.scss
new file mode 100644
index 000000000..9a5cf3716
--- /dev/null
+++ b/components/dropdowns/styles/material-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/material-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/material-dark.scss b/components/dropdowns/styles/material-dark.scss
new file mode 100644
index 000000000..ec41f2600
--- /dev/null
+++ b/components/dropdowns/styles/material-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/material-dark.scss';
+@import 'drop-down-list/material-dark.scss';
+@import 'drop-down-tree/material-dark.scss';
+@import 'combo-box/material-dark.scss';
+@import 'auto-complete/material-dark.scss';
+@import 'multi-select/material-dark.scss';
+@import 'list-box/material-dark.scss';
+@import 'mention/material-dark.scss';
diff --git a/components/dropdowns/styles/material-lite.scss b/components/dropdowns/styles/material-lite.scss
new file mode 100644
index 000000000..3abcc607d
--- /dev/null
+++ b/components/dropdowns/styles/material-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/material-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/material.scss b/components/dropdowns/styles/material.scss
index 97e7934f2..5cc7fb84e 100644
--- a/components/dropdowns/styles/material.scss
+++ b/components/dropdowns/styles/material.scss
@@ -1,5 +1,8 @@
@import 'drop-down-base/material.scss';
@import 'drop-down-list/material.scss';
+@import 'drop-down-tree/material.scss';
@import 'combo-box/material.scss';
@import 'auto-complete/material.scss';
@import 'multi-select/material.scss';
+@import 'list-box/material.scss';
+@import 'mention/material.scss';
diff --git a/components/dropdowns/styles/material3-dark-lite.scss b/components/dropdowns/styles/material3-dark-lite.scss
new file mode 100644
index 000000000..fdfd877ee
--- /dev/null
+++ b/components/dropdowns/styles/material3-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/material3-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/material3-dark.scss b/components/dropdowns/styles/material3-dark.scss
new file mode 100644
index 000000000..4e9c7bd7d
--- /dev/null
+++ b/components/dropdowns/styles/material3-dark.scss
@@ -0,0 +1,9 @@
+
+@import 'drop-down-base/material3-dark.scss';
+@import 'drop-down-list/material3-dark.scss';
+@import 'drop-down-tree/material3-dark.scss';
+@import 'combo-box/material3-dark.scss';
+@import 'auto-complete/material3-dark.scss';
+@import 'multi-select/material3-dark.scss';
+@import 'list-box/material3-dark.scss';
+@import 'mention/material3-dark.scss';
diff --git a/components/dropdowns/styles/material3-lite.scss b/components/dropdowns/styles/material3-lite.scss
new file mode 100644
index 000000000..8c402cb63
--- /dev/null
+++ b/components/dropdowns/styles/material3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/material3-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/material3.scss b/components/dropdowns/styles/material3.scss
new file mode 100644
index 000000000..09b177556
--- /dev/null
+++ b/components/dropdowns/styles/material3.scss
@@ -0,0 +1,9 @@
+
+@import 'drop-down-base/material3.scss';
+@import 'drop-down-list/material3.scss';
+@import 'drop-down-tree/material3.scss';
+@import 'combo-box/material3.scss';
+@import 'auto-complete/material3.scss';
+@import 'multi-select/material3.scss';
+@import 'list-box/material3.scss';
+@import 'mention/material3.scss';
diff --git a/components/dropdowns/styles/mention/bds.scss b/components/dropdowns/styles/mention/bds.scss
new file mode 100644
index 000000000..debf96f57
--- /dev/null
+++ b/components/dropdowns/styles/mention/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bds.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap-dark.scss b/components/dropdowns/styles/mention/bootstrap-dark.scss
new file mode 100644
index 000000000..7fdd32c4a
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap.scss b/components/dropdowns/styles/mention/bootstrap.scss
new file mode 100644
index 000000000..f8481a9dc
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap4.scss b/components/dropdowns/styles/mention/bootstrap4.scss
new file mode 100644
index 000000000..dfc5f9b15
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap4.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap5-dark.scss b/components/dropdowns/styles/mention/bootstrap5-dark.scss
new file mode 100644
index 000000000..08e5bfe67
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap5.3.scss b/components/dropdowns/styles/mention/bootstrap5.3.scss
new file mode 100644
index 000000000..8ba70d799
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/mention/bootstrap5.scss b/components/dropdowns/styles/mention/bootstrap5.scss
new file mode 100644
index 000000000..ec6b0f93e
--- /dev/null
+++ b/components/dropdowns/styles/mention/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/bootstrap5.scss';
diff --git a/components/dropdowns/styles/mention/fabric-dark.scss b/components/dropdowns/styles/mention/fabric-dark.scss
new file mode 100644
index 000000000..c3905cd4a
--- /dev/null
+++ b/components/dropdowns/styles/mention/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/fabric-dark.scss';
diff --git a/components/dropdowns/styles/mention/fabric.scss b/components/dropdowns/styles/mention/fabric.scss
new file mode 100644
index 000000000..2a5193669
--- /dev/null
+++ b/components/dropdowns/styles/mention/fabric.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/fabric.scss';
diff --git a/components/dropdowns/styles/mention/fluent-dark.scss b/components/dropdowns/styles/mention/fluent-dark.scss
new file mode 100644
index 000000000..05e36fbcc
--- /dev/null
+++ b/components/dropdowns/styles/mention/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/fluent-dark.scss';
diff --git a/components/dropdowns/styles/mention/fluent.scss b/components/dropdowns/styles/mention/fluent.scss
new file mode 100644
index 000000000..122b23ad9
--- /dev/null
+++ b/components/dropdowns/styles/mention/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/fluent.scss';
diff --git a/components/dropdowns/styles/mention/fluent2.scss b/components/dropdowns/styles/mention/fluent2.scss
new file mode 100644
index 000000000..b189fdcff
--- /dev/null
+++ b/components/dropdowns/styles/mention/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/fluent2.scss';
diff --git a/components/dropdowns/styles/mention/highcontrast-light.scss b/components/dropdowns/styles/mention/highcontrast-light.scss
new file mode 100644
index 000000000..f5a9067c2
--- /dev/null
+++ b/components/dropdowns/styles/mention/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/mention/highcontrast.scss b/components/dropdowns/styles/mention/highcontrast.scss
new file mode 100644
index 000000000..363915719
--- /dev/null
+++ b/components/dropdowns/styles/mention/highcontrast.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/highcontrast.scss';
diff --git a/components/dropdowns/styles/mention/material-dark.scss b/components/dropdowns/styles/mention/material-dark.scss
new file mode 100644
index 000000000..d856a9a38
--- /dev/null
+++ b/components/dropdowns/styles/mention/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/material-dark.scss';
diff --git a/components/dropdowns/styles/mention/material.scss b/components/dropdowns/styles/mention/material.scss
new file mode 100644
index 000000000..062294c5e
--- /dev/null
+++ b/components/dropdowns/styles/mention/material.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/material.scss';
diff --git a/components/dropdowns/styles/mention/material3-dark.scss b/components/dropdowns/styles/mention/material3-dark.scss
new file mode 100644
index 000000000..870d1d193
--- /dev/null
+++ b/components/dropdowns/styles/mention/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/mention/material3-dark.scss';
diff --git a/components/dropdowns/styles/mention/material3.scss b/components/dropdowns/styles/mention/material3.scss
new file mode 100644
index 000000000..beea259bc
--- /dev/null
+++ b/components/dropdowns/styles/mention/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/mention/material3.scss';
diff --git a/components/dropdowns/styles/mention/tailwind-dark.scss b/components/dropdowns/styles/mention/tailwind-dark.scss
new file mode 100644
index 000000000..23e1f1b71
--- /dev/null
+++ b/components/dropdowns/styles/mention/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/mention/tailwind.scss b/components/dropdowns/styles/mention/tailwind.scss
new file mode 100644
index 000000000..dbedc3fe5
--- /dev/null
+++ b/components/dropdowns/styles/mention/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/tailwind.scss';
diff --git a/components/dropdowns/styles/mention/tailwind3.scss b/components/dropdowns/styles/mention/tailwind3.scss
new file mode 100644
index 000000000..c59d00c7d
--- /dev/null
+++ b/components/dropdowns/styles/mention/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/mention/tailwind3.scss';
diff --git a/components/dropdowns/styles/multi-select/bds.scss b/components/dropdowns/styles/multi-select/bds.scss
new file mode 100644
index 000000000..54cd71bee
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bds.scss';
diff --git a/components/dropdowns/styles/multi-select/bootstrap-dark.scss b/components/dropdowns/styles/multi-select/bootstrap-dark.scss
new file mode 100644
index 000000000..f4398589f
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/bootstrap4.scss b/components/dropdowns/styles/multi-select/bootstrap4.scss
new file mode 100644
index 000000000..926b6438d
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bootstrap4.scss';
diff --git a/components/dropdowns/styles/multi-select/bootstrap5-dark.scss b/components/dropdowns/styles/multi-select/bootstrap5-dark.scss
new file mode 100644
index 000000000..959f20f29
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/bootstrap5.3.scss b/components/dropdowns/styles/multi-select/bootstrap5.3.scss
new file mode 100644
index 000000000..28409712c
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bootstrap5.3.scss';
diff --git a/components/dropdowns/styles/multi-select/bootstrap5.scss b/components/dropdowns/styles/multi-select/bootstrap5.scss
new file mode 100644
index 000000000..d49f3ad48
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/bootstrap5.scss';
diff --git a/components/dropdowns/styles/multi-select/fabric-dark.scss b/components/dropdowns/styles/multi-select/fabric-dark.scss
new file mode 100644
index 000000000..4ca44c32a
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/fabric-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/fluent-dark.scss b/components/dropdowns/styles/multi-select/fluent-dark.scss
new file mode 100644
index 000000000..46129f813
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/fluent-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/fluent.scss b/components/dropdowns/styles/multi-select/fluent.scss
new file mode 100644
index 000000000..0c0481e31
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/fluent.scss';
diff --git a/components/dropdowns/styles/multi-select/fluent2.scss b/components/dropdowns/styles/multi-select/fluent2.scss
new file mode 100644
index 000000000..4da401364
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/fluent2.scss';
diff --git a/components/dropdowns/styles/multi-select/highcontrast-light.scss b/components/dropdowns/styles/multi-select/highcontrast-light.scss
new file mode 100644
index 000000000..e9930a9ab
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/highcontrast-light.scss';
diff --git a/components/dropdowns/styles/multi-select/material-dark.scss b/components/dropdowns/styles/multi-select/material-dark.scss
new file mode 100644
index 000000000..45595b9f3
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/material-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/material3-dark.scss b/components/dropdowns/styles/multi-select/material3-dark.scss
new file mode 100644
index 000000000..5f96f272a
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-dropdowns/styles/multi-select/material3-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/material3.scss b/components/dropdowns/styles/multi-select/material3.scss
new file mode 100644
index 000000000..602d06c3a
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-dropdowns/styles/multi-select/material3.scss';
diff --git a/components/dropdowns/styles/multi-select/tailwind-dark.scss b/components/dropdowns/styles/multi-select/tailwind-dark.scss
new file mode 100644
index 000000000..7d7f107d1
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/multi-select/tailwind.scss b/components/dropdowns/styles/multi-select/tailwind.scss
new file mode 100644
index 000000000..47d3f3861
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/tailwind.scss';
diff --git a/components/dropdowns/styles/multi-select/tailwind3.scss b/components/dropdowns/styles/multi-select/tailwind3.scss
new file mode 100644
index 000000000..b2239d8e3
--- /dev/null
+++ b/components/dropdowns/styles/multi-select/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/multi-select/tailwind3.scss';
diff --git a/components/dropdowns/styles/tailwind-dark-lite.scss b/components/dropdowns/styles/tailwind-dark-lite.scss
new file mode 100644
index 000000000..e30f47f62
--- /dev/null
+++ b/components/dropdowns/styles/tailwind-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/tailwind-dark-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/tailwind-dark.scss b/components/dropdowns/styles/tailwind-dark.scss
new file mode 100644
index 000000000..8ae03a2d0
--- /dev/null
+++ b/components/dropdowns/styles/tailwind-dark.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/tailwind-dark.scss';
+@import 'drop-down-list/tailwind-dark.scss';
+@import 'drop-down-tree/tailwind-dark.scss';
+@import 'combo-box/tailwind-dark.scss';
+@import 'auto-complete/tailwind-dark.scss';
+@import 'multi-select/tailwind-dark.scss';
+@import 'list-box/tailwind-dark.scss';
+@import 'mention/tailwind-dark.scss';
diff --git a/components/dropdowns/styles/tailwind-lite.scss b/components/dropdowns/styles/tailwind-lite.scss
new file mode 100644
index 000000000..8ed4d9918
--- /dev/null
+++ b/components/dropdowns/styles/tailwind-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/tailwind-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/tailwind.scss b/components/dropdowns/styles/tailwind.scss
new file mode 100644
index 000000000..6a3d470e2
--- /dev/null
+++ b/components/dropdowns/styles/tailwind.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/tailwind.scss';
+@import 'drop-down-list/tailwind.scss';
+@import 'drop-down-tree/tailwind.scss';
+@import 'combo-box/tailwind.scss';
+@import 'auto-complete/tailwind.scss';
+@import 'multi-select/tailwind.scss';
+@import 'list-box/tailwind.scss';
+@import 'mention/tailwind.scss';
diff --git a/components/dropdowns/styles/tailwind3-lite.scss b/components/dropdowns/styles/tailwind3-lite.scss
new file mode 100644
index 000000000..a1459ba08
--- /dev/null
+++ b/components/dropdowns/styles/tailwind3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/tailwind3-lite.scss';
\ No newline at end of file
diff --git a/components/dropdowns/styles/tailwind3.scss b/components/dropdowns/styles/tailwind3.scss
new file mode 100644
index 000000000..30cb5d7e5
--- /dev/null
+++ b/components/dropdowns/styles/tailwind3.scss
@@ -0,0 +1,8 @@
+@import 'drop-down-base/tailwind3.scss';
+@import 'drop-down-list/tailwind3.scss';
+@import 'drop-down-tree/tailwind3.scss';
+@import 'combo-box/tailwind3.scss';
+@import 'auto-complete/tailwind3.scss';
+@import 'multi-select/tailwind3.scss';
+@import 'list-box/tailwind3.scss';
+@import 'mention/tailwind3.scss';
diff --git a/components/dropdowns/tsconfig.json b/components/dropdowns/tsconfig.json
index 587eaf479..51a7cd44f 100644
--- a/components/dropdowns/tsconfig.json
+++ b/components/dropdowns/tsconfig.json
@@ -19,7 +19,8 @@
"allowJs": false,
"noEmitOnError":true,
"forceConsistentCasingInFileNames": true,
- "moduleResolution": "node"
+ "moduleResolution": "node",
+ "types": ["jasmine", "jasmine-ajax", "requirejs", "chai", "es6-promise"]
},
"exclude": [
"node_modules",
diff --git a/components/filemanager/CHANGELOG.md b/components/filemanager/CHANGELOG.md
new file mode 100644
index 000000000..54fd6ae9d
--- /dev/null
+++ b/components/filemanager/CHANGELOG.md
@@ -0,0 +1,697 @@
+# Changelog
+
+## [Unreleased]
+
+## 29.1.33 (2025-03-25)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I696366` - Resolved the issue with copying and pasting a folder from the navigation pane to the layout pane in File Manager component.
+
+## 28.2.9 (2025-03-04)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I691585` - Resolved the errors in the File Manager component while selecting multiple file items with virtualization support.
+- `#I683396` - The issue context menu is not closed when scrolling in the FileManager component layout content has been resolved.
+
+## 28.2.6 (2025-02-18)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I656917` - The issue with the selected item count when enabling range selection in the File Manager component has been resolved.
+
+## 28.2.5 (2025-02-11)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I676641` - The issue with the details View column and selection when dynamically changing the view in the File Manager component has been resolved.
+- `#I681088`, `#FB628089` - Provided `enableMenuItems` API method support to enable the menu items in the File Manager component.
+
+## 28.2.4 (2025-02-04)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I682491` - Resolved the issue with the flat data in the FileManager component, where the "This folder is empty" message still appeared after clearing the search input.
+
+## 28.2.3 (2025-01-29)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I677561` - The issue with the File Manager component's details view related to date formatting has been resolved.
+
+## 28.1.39 (2024-01-14)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I676141` - The issue with current directory drag-and-drop functionality in the navigation pane of the File Manager component has been resolved.
+
+## 28.1.36 (2024-12-24)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I663792` - The issue with the child item's filter path during the rename operation in the File Manager component flat data has been resolved.
+- `#I663788` - The issue with the incorrect filter path during the folder creation operation in the File Manager component flat data has been resolved.
+- `#I663794` - The issue with the error dialog appearing during drag-and-drop operations between nested folders in the flat data File Manager component has been resolved.
+- `#I663789` - The issue with drag-and-drop functionality in the navigation pane of the flat data File Manager has been resolved.
+- `#I663795` - The issue with the `hasChild` property not updating during move operations in the Navigation Pane of the flat data File Manager component has been resolved.
+- `#I663864` - The issue with nested-level drag and drop in the navigation pane of the File Manager component using SQL service has been resolved.
+
+## 28.1.33 (2024-12-12)
+
+### FileManager
+
+#### Features
+
+- `#FB22569` - Provided chunk upload support in the File Manager, making it easier to upload large files or folders by breaking them into smaller chunks based on the specified `chunkSize` within [uploadSettings](https://ej2.syncfusion.com/documentation/api/file-manager/#uploadsettings) property.
+
+## 27.2.5 (2024-12-03)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I657144` - Fixed an issue with the move event arguments in the File Manager component's flat data support.
+- `#I656248` - Addressed an issue with search results in the File Manager component's flat data support when searching within a subdirectory.
+- `#I655646` - Resolved the delete operation issue while performing delete operation for nested level of folder in the File Manager component navigation pane.
+- `#I658910` - The issue with navigation pane not reflect the renamed item data in File Manager component has been resolved.
+
+## 27.2.3 (2024-11-21)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I649098` - Resolved a console error that occurred during drag-and-drop operations in the File Manager component when integrated with the NodeJS service.
+
+## 27.1.55 (2024-10-22)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I641183` - Resolved the flat data navigation path and rename arguments issues in the File Manager component.
+
+## 27.1.53 (2024-10-15)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I629895` - The scrolling performance of the File Manager component has been enhanced to enable smoother scrolling during drag-and-drop operations.
+- `#I633879` - Improved error handling and null value management in File Manager component create folder and `filterFiles` operations.
+
+## 27.1.52 (2024-10-08)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I632755` - The issue with mobile mode tap events in File Manager component large icons view has been resolved.
+- `#I634920` - The issue with multiple selection in File Manager component details view has been resolved.
+
+## 27.1.51 (2024-09-30)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I633879` - Improved error handling and null value management in File Manager component file operations.
+
+## 27.1.50 (2024-09-24)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I629895` - The issue with drag and drop action in the File Manager component with virtualization has been resolved.
+- `#FB61054` - The issue with navigation pane update while performing drag and drop action in the File Manager component has been resolved.
+
+## 27.1.48 (2024-09-18)
+
+### FileManager
+
+#### Features
+
+- The Backspace key navigation support is provided for File Manager to navigate to the previous path in File Manager. To navigate to the previous path programmatically, you can use the [traverseBackward](https://ej2.syncfusion.com/documentation/api/file-manager/#traversebackward) method.
+- The File Manager supports for selecting files and folders in specific ranges through mouse drag as like File Explorer. This can be enabled through [enableRangeSelection](https://ej2.syncfusion.com/documentation/api/file-manager/#enablerangeselection) property.
+- `#FB22674`- [SharePoint file service](https://github.com/SyncfusionExamples/sharepoint-aspcore-file-provider/tree/master) has been implemented to connect as backend with File Manager.
+
+## 26.2.11 (2024-08-27)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I620497` - Provided `menuClose` event support to prevent the context menu close action in File Manager component.
+- `#I615927` - The issue with the drag and drop action in the navigation pane of the File Manager component has been resolved.
+
+## 26.2.10 (2024-08-20)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I620476` - Improved error handling and null value management in File Manager component file operations.
+
+## 26.2.7 (2024-07-30)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I608803` - The issue with renaming the tree item by directly right-clicking the item has been resolved.
+- `#F189075` - The issue with rendering the File Manager component using flat data support based on the root folder ID has been resolved.
+- `#I608802` - The issue with copy and paste a folder within File Manager component navigation pane has been resolved.
+
+## 26.1.41 (2024-07-09)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I603942` - Column hide issue in details view pane when utilizing the `hideAtMedia` property in File Manager component has been resolved.
+
+## 26.1.40 (2024-07-02)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I603473` - Resolved the issue where the context menu item in the File Manager component remained disabled after opening the context menu for the root folder in the navigation pane.
+
+## 26.1.35 (2024-06-11)
+
+### FileManager
+
+#### Features
+
+- `#FB10417` - Provided support for rendering flat data objects in FileManager component, removing the necessity for server requests and backend URL configuration. This enhancement also eliminating the need to define `ajaxSettings` while rendering the component.
+- Now, we have provided [closeDialog](https://ej2.syncfusion.com/documentation/api/file-manager/#closeDialog) method in FileManager to programmatically close the
+delete, rename, upload, create, details and other dialog popups.
+- Introduced new event support for actions performed within the FileManager component. These new events significantly expand your ability to tailor and enhance your interactions within the File Manager, providing you with more control and flexibility. Below, you will find the corresponding event names and event argument details.
+
+**Event Information**
+
+Event Name | Argument Name | Properties | Description
+ --- | --- | --- | ---
+[beforeDelete](https://ej2.syncfusion.com/documentation/api/file-manager/#beforedelete) | DeleteEventArgs | path, itemData, cancel. | This event is triggered before the deletion of a file or folder occurs. It can be utilized to prevent the deletion of specific files or folders. Any actions, such as displaying a spinner for deletion, can be implemented here.
+[delete](https://ej2.syncfusion.com/documentation/api/file-manager/#delete) | DeleteEventArgs | path, itemData, cancel. | This event is triggered after the file or folder is deleted successfully. The deleted file or folder details can be retrieved here. Additionally, custom elements' visibility can be managed here based on the application's use case.
+[beforeFolderCreate](https://ej2.syncfusion.com/documentation/api/file-manager/#beforefoldercreate) | FolderCreateEventArgs | path, folderName, parentFolder, cancel. | This event is triggered before a folder is created. It allows for the restriction of folder creation based on the application's use case.
+[folderCreate](https://ej2.syncfusion.com/documentation/api/file-manager/#foldercreate) | FolderCreateEventArgs | path, folderName, parentFolder, cancel. | This event is triggered when a folder is successfully created. It provides an opportunity to retrieve details about the newly created folder.
+[search](https://ej2.syncfusion.com/documentation/api/file-manager/#search) | SearchEventArgs | showHiddenItems, caseSensitive, searchText, path, cancel, searchResults. | This event is triggered when a search action occurs in the search bar of the File Manager component. It triggers each character entered in the input during the search process.
+[beforeRename](https://ej2.syncfusion.com/documentation/api/file-manager/#beforerename) | RenameEventArgs | path, itemData, newName, cancel. | This event is triggered when a file or folder is about to be renamed. It allows for the restriction of the rename action for specific folders or files by utilizing the cancel option.
+[rename](https://ej2.syncfusion.com/documentation/api/file-manager/#rename) | RenameEventArgs | path, itemData, newName, cancel. | This event is triggered when a file or folder is successfully renamed. It provides an opportunity to fetch details about the renamed file.
+[beforeMove](https://ej2.syncfusion.com/documentation/api/file-manager/#beforemove) | MoveEventArgs | path, targetPath, targetData, itemData, isCopy, cancel. | This event is triggered when a file or folder begins to move from its current path through a copy/cut and paste action.
+[move](https://ej2.syncfusion.com/documentation/api/file-manager/#move) | MoveEventArgs | path, targetPath, targetData, itemData, isCopy, cancel. | This event is triggered when a file or folder is pasted into the destination path.
+
+#### Bug Fixes
+
+- `#I594282` - Resolved the fileOpen event issue in the File Manager component.
+
+## 25.2.6 (2024-05-28)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I590909` - Resolved the file selection issue when enabling the virtualization support in the File Manager component.
+
+## 25.2.3 (2024-05-08)
+
+### FileManager
+
+#### Breaking Changes
+
+- The [`isPrimayKey`](https://ej2.syncfusion.com/documentation/api/file-manager/columnModel/#isprimarykey) property in the File Manager component `detailsViewSettings` has been marked as deprecated. It will continue to function as before, but it is recommended to avoid using it in new code as this usage is handled internally without declaring it in sample.
+
+## 25.1.40 (2024-04-16)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I574902` - The error dialog that appears when refreshing the File Manager component's SQL service has been resolved.
+
+## 25.1.39 (2024-04-09)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I574481` - The issue with context menu items not getting disabled when menu items contain spaces in the File Manager component has been resolved.
+- `#I573974` - The console error while trying to persist the deleted file in the File Manager component has been resolved.
+- `#I574902` - The error dialog that appears when refreshing the File Manager component's SQL service has been resolved.
+
+## 25.1.38 (2024-04-02)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I572635` - The problem where an extra plus icon appeared in the details view of the file manager component when in mobile mode has been resolved.
+
+## 25.1.37 (2024-03-26)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I561123` - The issue with being unable to sort the header columns using keyboard interaction has been resolved.
+
+## 25.1.35 (2024-03-15)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#FB50961` - The issues related to XSS attacks with file or folder names in the File Manager details view template is fixed.
+
+#### Features
+
+- Provided support in FileManager component to perform download operations via Fetch API request. Now FileManager component, will allow users to perform download operations using either the default form submit method or the latest Fetch API request with a Boolean property `useFormPost` in the `BeforeDownloadEventargs`. The default value of `useFormPost` is set to `true`, directing the FileManager component to utilize the form submit method by default for download operations.
+
+## 24.1.41 (2023-12-18)
+
+### FileManager
+
+#### Features
+
+- `#FB44788` - Provided template support to customize toolbar items. In earlier versions, Toolbar item customization was limited to a predefined set of options. With this new feature, you can now define your own templates to completely customize the appearance and functionality of toolbar items.
+
+## 19.2.56 (2021-08-17)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I337431` - The issue with "`filterFiles` method in FileManager component" has been resolved.
+
+## 19.2.48 (2021-07-20)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#F166908` - The issue with "When pressing Ctrl+A key, the scroll bar is moved to last item in FileManager detail view" has been resolved.
+
+## 19.2.44 (2021-06-30)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
+
+## 19.1.66 (2021-06-01)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#F165213` - The issue with "The Details view path column is not removed when refreshing the FileManager files" has been resolved.
+- `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
+
+## 19.1.63 (2021-05-13)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I323484` - Now, the warning dialog will be displayed while dropping the searched file into the same source location in the FileManager component.
+
+## 19.1.58 (2021-04-27)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#I321258`, `#I320950` - The issue with "Error as occurred while sorting the path column at second time in FileManager component" has been fixed.
+- `#I318476`, `#I320950` - Resolved the script error that occurred while dragging and dropping an item without selecting it in details view of the FileManager component.
+
+## 18.4.41 (2021-02-02)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#305138` - The issue with "Incorrect message is displayed in delete dialog for FileManager Component" has been resolved.
+
+## 18.3.42 (2020-10-20)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#288436` - The issue with "The error dialog appears when copy and paste the folder with the same name" has been resolved.
+
+## 18.2.57 (2020-09-08)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#288598` - Now, the file details will be sent correctly to the server side while using the rootAliasName property.
+
+## 18.2.56 (2020-09-01)
+
+### FileManager
+
+#### Bug Fixes
+
+- Resolved the incorrect delete confirmation dialog content for file in details view of the FileManager component.
+
+## 18.2.48 (2020-08-04)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with “The Toolbar is not updated while adding the sortOrder property value as none” is fixed now.
+
+## 18.2.47 (2020-07-28)
+
+### FileManager
+
+#### Bug Fixes
+
+- Resolved the issue with the incorrect delete confirmation dialog heading and content of the FileManager component.
+
+## 18.2.44 (2020-07-07)
+
+### FileManager
+
+#### New Features
+
+- Added the upload customization support for ASP.NET Core AmazonS3 File Provider.
+- Added the upload customization support for Google Drive File Provider.
+- Added the upload customization support for FTP File Provider.
+- Added the upload customization support for Firebase Realtime Database File Provider.
+- `#151112`, `#152443` - Added the access control support for SQL Server File Provider.
+- `#260977`, `#263918` - Added the file provider support in ASP.NET MVC for Amazon S3(Simple Storage Service) bucket storage service.
+- `#275878` - Provided an option to prevent default sorting of the files and folders in the FileManager component.
+- Provided the support to display the FileManager's dialog at the user specified target.
+
+## 18.1.56 (2020-06-09)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with "File name is not displayed in the access control error message" has been fixed.
+
+## 18.1.55 (2020-06-02)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with "The toolbar is not updated when selecting the root folder in the FileManager component" has been resolved.
+
+## 18.1.53 (2020-05-19)
+
+### FileManager
+
+#### Bug Fixes
+
+- Resolved the script error thrown from the FileManager component when resizing the window.
+
+## 18.1.46 (2020-04-28)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with `Unable to localize the error message in the access control actions` has been fixed.
+- `#269976` - Now, The FileManager UI will be refreshed properly when resizing the browser window.
+
+## 18.1.36-beta (2020-03-19)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#266091` - Now, the date modified column in the details view is globalized based on the locale value.
+- `#266713` - The script error thrown while performing the GetImage operation in NodeJS File System Provider has been fixed.
+
+#### New Features
+
+- Added the File Provider support for IBM Cloud Object Storage.
+- `#262023` - Added the upload customization support for ASP.NET Core Azure File Provider.
+- `#151515` - Added the upload customization support for SQL Server File Provider.
+
+## 17.4.51 (2020-02-25)
+
+### FileManager
+
+#### New Features
+
+- `#263021` - Support has been provided to auto close the upload dialog after uploading all the selected files.
+
+## 17.4.50 (2020-02-18)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#262675` - Provided the support to prevent the XSS attacks using the `enableHtmlSanitizer` property.
+- The issue with the given `name` column's width that is not applied in details view has been resolved.
+
+## 17.4.44 (2021-01-21)
+
+### FileManager
+
+#### Bug Fixes
+
+- Resolved the script error when navigate any folder after changing the toolbar settings dynamically in the FileManager component.
+
+## 17.4.43 (2020-01-14)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#149499` - The issue with date modified in ASP.NET Core Azure File System Provider has been fixed.
+- `#256589` - The issue with `Directory traversal vulnerability` in NodeJS File System Provider has been fixed.
+
+## 17.4.41 (2020-01-07)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#258121` - Resolved the CSS warnings in Firefox 71.0 version.
+
+## 17.4.39 (2019-12-17)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#149500` - The issue with `incorrect popup name in popupBeforeOpen event` has been fixed.
+
+#### New Features
+
+- The new events `beforeDownload` and `beforeImageLoad` have been provided to customize the `download` and `getImage` file operations.
+- The new ' rootAliasName ' property has been provided to display the custom root folder name.
+- Added the filesystem provider support for File Transfer Protocol.
+
+## 17.3.28 (2019-11-19)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#252873` - The issue with `file search on pressing the enter key` has been fixed.
+
+## 17.3.27 (2019-11-12)
+
+### FileManager
+
+#### Bug Fixes
+
+- `#148827` - New event `fileSelection` have been included to restrict the file selection in FileManager.
+
+## 17.3.26 (2019-11-05)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue `FileManager throws script error when navigate to the different folder after sorting the path column in details view` has been fixed.
+
+#### New Features
+
+- Support has been provided to include a custom message in `AccessRule` class using the message property.
+
+#### Breaking Changes
+
+- Now, in access control, the `FolderRule` and `FileRule` classes are combined into a single `AccessRule` class, where you can specify both folder and file rules by using the `IsFile` property.
+- Now, the `Edit` and `EditContents` in access control are renamed as `Write` and `WriteContents`.
+
+## 17.3.17 (2019-10-15)
+
+### FileManager
+
+#### Breaking Changes
+
+- Now, the rename dialog shows or hides the file name extension based on the `showFileExtension` property value in the FileManager.
+
+## 17.3.14 (2019-10-03)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with `the fileOpen event that was not triggered for folder navigation through navigation pane` has been fixed.
+
+## 17.3.9-beta (2019-09-20)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue `FileManager’s details view contains the unnecessary scrollbar and eclipsis in Chrome browser (version 76.0.3809.132)` has been fixed.
+
+#### Breaking Changes
+
+- Support has been provided in asp core platform for customizing the columns of FileManager's details view. We have also limited the `columns` attributes of the `detailsViewSettings` property instead of accessing the all attributes from the `Grid` sub component.
+
+## 17.2.49 (2019-09-04)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue `the FileManager throws script error when performing sorting in details view when the SortBy button is not present in toolbar` has been fixed.
+- The issue `the FileManager throws script error when return null response from server for search operation` has been fixed.
+
+#### New Features
+
+- New events have been provided to customize the dialog in FileManager.
+- New methods have been provided to select all files and clear the selection in current path of the FileManager.
+- New methods have been provided to customize the context menu items in FileManager.
+
+## 17.2.47 (2019-08-27)
+
+### FileManager
+
+#### New Features
+
+- Methods have been provided to perform file operations such as create, upload, download, delete, rename, and open in FileManager.
+
+## 17.2.41 (2019-08-14)
+
+### FileManager
+
+#### Bug Fixes
+
+- The issue with the `FileManager that throws script error while accessing the shared folder in physical file provider` has been fixed.
+
+#### New Features
+
+- A method has been provided to customize the filtering support in FileManager.
+
+## 17.2.40 (2019-08-06)
+
+### FileManager
+
+#### New Features
+
+- The `ID` based support has been provided to the `selectedItems` property to manage the files with duplicate names.
+
+## 17.2.36 (2019-07-24)
+
+### FileManager
+
+#### Bug Fixes
+
+- Issue with `when the component is rendering and you are trying to resize the window the component throws script error` is fixed.
+
+## 17.2.35 (2019-07-17)
+
+### FileManager
+
+#### Bug Fixes
+
+- Issue with `empty folder icon alignment when persistence enabled` is fixed.
+
+## 17.2.34 (2019-07-11)
+
+### FileManager
+
+#### New Features
+
+- Provided the `id` based support for `path` property to manage the files in an efficient way on going with file system providers.
+
+## 17.2.28-beta (2019-06-27)
+
+### FileManager
+
+#### New Features
+
+- Added file system provider support for SQL server database, Microsoft Azure cloud storage, NodeJS framework, and Google Drive cloud storage.
+- Provided access control support for physical file system provider.
+- Provided cut, copy, and paste file operations support.
+- Provided drag and drop support.
+- Provided rename and replace support for uploading files.
+- Provided options to upload specific types of files based on extensions.
+
+## 17.1.48 (2019-05-21)
+
+### FileManager
+
+#### New Features
+
+- `#144270` - Added support to use the JWT tokens with `beforeSend` event’s Ajax settings.
+
+## 17.1.42 (2019-04-23)
+
+### FileManager
+
+#### New Features
+
+- Added filesystem provider support for ASP.NET MVC 4 and 5 frameworks.
+
+## 17.1.40 (2019-04-09)
+
+### FileManager
+
+#### Breaking Changes
+
+- The `beforeFileLoad` event’s `module` argument values have been changed as follows:
+
+|Argument Name|Old Value|New Value|
+|----|----|----|
+|module|navigationpane|NavigationPane|
+|module|Grid|DetailsView|
+|module|LargeIcon|LargeIconView|
+
+## 17.1.32-beta (2019-03-13)
+
+### FileManager
+
+The `FileManager` is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
+
+- **Different Views** - Provides detailed and large icon views.
+- **Context menu support** - Provides detailed and large icon views.
+- **Custom toolbar support** - Customize the toolbar to provide only necessary features.
+- **Multiple file selection** - Select multiple files simultaneously.
+- **Accessibility** - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
+- **Localization** - Translate file names to any supported language.
\ No newline at end of file
diff --git a/components/filemanager/README.md b/components/filemanager/README.md
new file mode 100644
index 000000000..c1b1daca3
--- /dev/null
+++ b/components/filemanager/README.md
@@ -0,0 +1,127 @@
+# React FileManager Component
+
+The [React FileManager](https://www.syncfusion.com/react-components/react-file-manager?utm_source=npm&utm_medium=listing&utm_campaign=react-file-manager-npm) component is a graphical user interface that allows users to manage their file system in an intuitive and efficient manner. With this component, you can easily access, edit, upload, download, and organize files and folders. It also offers a convenient way to browse and select items from the file system.
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
