From 073f24bf822afcdfb46c258b820bd4319ac2a718 Mon Sep 17 00:00:00 2001
From: Build Automaion <buildautomation@syncfusion.com>
Date: Mon, 8 Jul 2024 19:25:43 +0530
Subject: [PATCH] Integrated latest changes at 07-08-2024 6:56:56 PM

---
 ej2-javascript-toc.html                       |  2 +-
 ej2-javascript/Release-notes/26.1.41.md       | 16 ++++++
 ej2-javascript/appearance/css-variables.md    | 34 +++++++++----
 .../auto-complete/virtual-scroll.md           | 30 +++++++++++
 .../virtual-scroll-items/index.js             | 30 +++++++++++
 .../virtual-scroll-items/index.ts             | 40 +++++++++++++++
 .../virtual-scroll-items/js/index.html        | 31 +++++++++++
 .../virtual-scroll-items/styles.css           | 16 ++++++
 .../virtual-scroll-items/systemjs.config.js   | 34 +++++++++++++
 .../virtual-scroll-items/ts/index.html        | 26 ++++++++++
 .../combobox/virtual-scroll-items/index.js    | 30 +++++++++++
 .../combobox/virtual-scroll-items/index.ts    | 40 +++++++++++++++
 .../virtual-scroll-items/js/index.html        | 31 +++++++++++
 .../combobox/virtual-scroll-items/styles.css  | 16 ++++++
 .../virtual-scroll-items/systemjs.config.js   | 34 +++++++++++++
 .../virtual-scroll-items/ts/index.html        | 26 ++++++++++
 .../code-snippet/common/fluent2-cs2/index.css | 51 +++++++++++++++++++
 .../code-snippet/common/fluent2-cs2/index.js  |  4 ++
 .../code-snippet/common/fluent2-cs2/index.ts  | 10 ++++
 .../common/fluent2-cs2/js/index.html          | 25 +++++++++
 .../common/fluent2-cs2/systemjs.config.js     | 45 ++++++++++++++++
 .../common/fluent2-cs2/ts/index.html          | 18 +++++++
 .../code-snippet/common/fluent2-cs3/index.js  |  2 +-
 .../code-snippet/common/fluent2-cs3/index.ts  |  2 +-
 .../common/material3-cs1/ts/index.html        |  1 +
 .../virtual-scroll-items/index.js             | 30 +++++++++++
 .../virtual-scroll-items/index.ts             | 40 +++++++++++++++
 .../virtual-scroll-items/js/index.html        | 31 +++++++++++
 .../virtual-scroll-items/styles.css           | 16 ++++++
 .../virtual-scroll-items/systemjs.config.js   | 34 +++++++++++++
 .../virtual-scroll-items/ts/index.html        | 26 ++++++++++
 .../multiselect/virtual-scroll-items/index.js |  4 +-
 .../multiselect/virtual-scroll-items/index.ts |  4 +-
 .../virtual-scroll-remote/index.js            |  4 +-
 .../virtual-scroll-remote/index.ts            |  6 +--
 .../pivot-table-cs375/systemjs.config.js      |  3 +-
 ej2-javascript/combo-box/virtual-scroll.md    | 30 +++++++++++
 .../drop-down-list/virtual-scroll.md          | 31 +++++++++++
 .../pivotview/ts/getting-started.md           |  5 +-
 ej2-typescript-toc.html                       |  2 +-
 40 files changed, 833 insertions(+), 27 deletions(-)
 create mode 100644 ej2-javascript/Release-notes/26.1.41.md
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.js
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.ts
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/js/index.html
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/styles.css
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/systemjs.config.js
 create mode 100644 ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/ts/index.html
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.js
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.ts
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/js/index.html
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/styles.css
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/systemjs.config.js
 create mode 100644 ej2-javascript/code-snippet/combobox/virtual-scroll-items/ts/index.html
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/index.css
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/index.js
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/index.ts
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/js/index.html
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/systemjs.config.js
 create mode 100644 ej2-javascript/code-snippet/common/fluent2-cs2/ts/index.html
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.js
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.ts
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/js/index.html
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/styles.css
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/systemjs.config.js
 create mode 100644 ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/ts/index.html

diff --git a/ej2-javascript-toc.html b/ej2-javascript-toc.html
index 31603ee9b..ae9a158a6 100644
--- a/ej2-javascript-toc.html
+++ b/ej2-javascript-toc.html
@@ -2940,7 +2940,7 @@
 </ul>
 </li> <li>Release Notes
                 <ul>
-				<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-javascript/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-javascript/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-javascript/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-javascript/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-javascript/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-javascript/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-javascript/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-javascript/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-javascript/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-javascript/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-javascript/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-javascript/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
+				<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-javascript/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-javascript/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-javascript/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-javascript/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-javascript/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-javascript/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-javascript/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-javascript/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-javascript/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-javascript/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-javascript/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-javascript/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-javascript/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
 				<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-javascript/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-javascript/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-javascript/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-javascript/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-javascript/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-javascript/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-javascript/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-javascript/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-javascript/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-javascript/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-javascript/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
 				<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-javascript/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-javascript/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-javascript/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-javascript/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-javascript/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-javascript/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-javascript/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-javascript/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-javascript/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-javascript/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
 				<li>2023 Volume 2 - 22.*
diff --git a/ej2-javascript/Release-notes/26.1.41.md b/ej2-javascript/Release-notes/26.1.41.md
new file mode 100644
index 000000000..fc28f46d8
--- /dev/null
+++ b/ej2-javascript/Release-notes/26.1.41.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-javascript
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="July 09, 2024"  version="v26.1.41" %}
+
+{% directory path: _includes/release-notes/v26.1.41 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/ej2-javascript/appearance/css-variables.md b/ej2-javascript/appearance/css-variables.md
index 305612850..0a8a32ce1 100644
--- a/ej2-javascript/appearance/css-variables.md
+++ b/ej2-javascript/appearance/css-variables.md
@@ -78,27 +78,33 @@ Here you can find the example for `Material 3` customization using CSS class.
 
  {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/common/material3-cs1/index.ts %}
+{% include code-snippet/common/material3-cs2/index.ts %}
 {% endhighlight %}
 {% highlight html tabtitle="index.html" %}
-{% include code-snippet/common/material3-cs1/index.html %}
+{% include code-snippet/common/material3-cs2/index.html %}
+{% endhighlight %}
+{% highlight css tabtitle="index.css" %}
+{% include code-snippet/common/material3-cs2/index.css %}
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/common/material3-cs1" %}
+{% previewsample "page.domainurl/code-snippet/common/material3-cs2" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}
-{% include code-snippet/common/material3-cs1/index.js %}
+{% include code-snippet/common/material3-cs2/index.js %}
 {% endhighlight %}
 {% highlight html tabtitle="index.html" %}
-{% include code-snippet/common/material3-cs1/index.html %}
+{% include code-snippet/common/material3-cs2/index.html %}
+{% endhighlight %}
+{% highlight css tabtitle="index.css" %}
+{% include code-snippet/common/material3-cs2/index.css %}
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/common/material3-cs1" %}
+{% previewsample "page.domainurl/code-snippet/common/material3-cs2" %}
 {% endif %}
 
 Example for `Fluent 2` customization using Css class.
@@ -107,10 +113,13 @@ Example for `Fluent 2` customization using Css class.
 
  {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/common/fluent2-cs1/index.ts %}
+{% include code-snippet/common/fluent2-cs2/index.ts %}
 {% endhighlight %}
 {% highlight html tabtitle="index.html" %}
-{% include code-snippet/common/fluent2-cs1/index.html %}
+{% include code-snippet/common/fluent2-cs2/index.html %}
+{% endhighlight %}
+{% highlight css tabtitle="index.css" %}
+{% include code-snippet/common/fluent2-cs2/index.css %}
 {% endhighlight %}
 {% endtabs %}
         
@@ -120,14 +129,17 @@ Example for `Fluent 2` customization using Css class.
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}
-{% include code-snippet/common/fluent2-cs1/index.js %}
+{% include code-snippet/common/fluent2-cs2/index.js %}
 {% endhighlight %}
 {% highlight html tabtitle="index.html" %}
-{% include code-snippet/common/fluent2-cs1/index.html %}
+{% include code-snippet/common/fluent2-cs2/index.html %}
+{% endhighlight %}
+{% highlight css tabtitle="index.css" %}
+{% include code-snippet/common/fluent2-cs2/index.css %}
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/common/fluent2-cs1" %}
+{% previewsample "page.domainurl/code-snippet/common/fluent2-cs2" %}
 {% endif %}
 
 #### Customization using JavaScript
diff --git a/ej2-javascript/auto-complete/virtual-scroll.md b/ej2-javascript/auto-complete/virtual-scroll.md
index 7f5496196..3ecfbb1f9 100644
--- a/ej2-javascript/auto-complete/virtual-scroll.md
+++ b/ej2-javascript/auto-complete/virtual-scroll.md
@@ -86,6 +86,36 @@ The following sample displays the OrderId from the `Orders` Data Service.
 {% previewsample "page.domainurl/code-snippet/autocomplete/virtual-scroll-remote" %}
 {% endif %}
 
+## Customizing items count in virtualization 
+
+When the `enableVirtualization` property is enabled, the `take` property provided by the user within the Query parameter at the initial state or during the `actionBegin` event will be considered. Internally, it calculates the items that fit onto the current page (i.e., probably twice the amount of the popup's height). If the user-provided take value is less than the minimum number of items that fit into the popup, the user-provided take value will not be considered.
+
+The following sample shows the example for Customizing items count in virtualization.
+
+{% if page.publishingplatform == "typescript" %}
+
+ {% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/autocomplete/virtual-scroll-items/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/autocomplete/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+        
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/autocomplete/virtual-scroll-items/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/autocomplete/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% endif %}
+
 ## Grouping with Virtualization
 
 The AutoComplete component supports grouping with Virtualization. It allows you to organize elements into groups based on different categories. Each item in the list can be classified using the [groupBy](../api/auto-complete/#fields) field in the data table. After grouping, virtualization works similarly to local data binding, providing a seamless user experience. When the data source is bound to remote data, an initial request is made to retrieve all data for the purpose of grouping. Subsequently, the grouped data works in the same way as local data binding virtualization, enhancing performance and responsiveness.
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.js b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.js
new file mode 100644
index 000000000..26355d312
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.js
@@ -0,0 +1,30 @@
+var records = [];
+for (var i = 1; i <= 150; i++) {
+    var item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+var autoObject = new ej.dropdowns.AutoComplete({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'text' },
+    query: new ej.data.Query().take(40),
+    actionBegin: (args) => {
+        args.query = new ej.data.Query().take(45);
+    },
+    //set the placeholder to AutoComplete input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+autoObject.appendTo('#atcelement');
+
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.ts b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.ts
new file mode 100644
index 000000000..9487055e5
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/index.ts
@@ -0,0 +1,40 @@
+
+
+
+import { AutoComplete, VirtualScroll } from '@syncfusion/ej2-dropdowns';
+import { Query } from '@syncfusion/ej2-data';
+
+AutoComplete.Inject(VirtualScroll);
+
+let records: { [key: string]: Object }[] = [];
+for (let i: number = 1; i <= 150; i++) {
+    let item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+let autoCompleteObject: AutoComplete = new AutoComplete({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'text' },
+    query: new Query().take(40),
+    actionBegin: (args) => {
+        args.query = new Query().take(45);
+    },
+    //set the placeholder to AutoComplete input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+autoCompleteObject.appendTo('#atcelement');
+
+
+
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/js/index.html b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/js/index.html
new file mode 100644
index 000000000..e0e3a8524
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/js/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html><html lang="en"><head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Typescript UI Controls">
+    <meta name="author" content="Syncfusion">
+    <link href="styles.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    
+    
+<script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
+</head>
+
+<body>
+    
+    <div id="container" style="margin:0 auto; width:250px;">
+        <input type="text" id="atcelement">
+    </div>
+
+
+<script>
+var ele = document.getElementById('container');
+if(ele) {
+  ele.style.visibility = "visible";
+}   
+      </script>
+<script src="index.js" type="text/javascript"></script>
+</body></html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/styles.css b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/styles.css
new file mode 100644
index 000000000..2b4fb90b7
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/styles.css
@@ -0,0 +1,16 @@
+#container {
+    visibility: hidden;
+}
+
+#loader {
+  color: #008cff;
+  height: 40px;
+  width: 30%;
+  position: absolute;
+  top: 45%;
+  left: 45%;
+}
+.city{
+    right: 15px;
+    position: absolute;
+}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/systemjs.config.js b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/systemjs.config.js
new file mode 100644
index 000000000..f549f72fc
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/systemjs.config.js
@@ -0,0 +1,34 @@
+System.config({
+    transpiler: "typescript",
+    typescriptOptions: {
+        compilerOptions: {
+            target: "umd",
+            module: "commonjs",
+            moduleResolution: "node",
+            emitDecoratorMetadata: true,
+            experimentalDecorators: true
+        }
+    },
+    paths: {
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
+    },
+    map: {
+        main: "index.ts",
+        typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+         "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",        
+        "@syncfusion/ej2-data":"syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+        "@syncfusion/ej2-inputs":"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+        "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+        "@syncfusion/ej2-lists":"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+        "@syncfusion/ej2-navigations":"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+    }
+});
+
+System.import('index.ts').catch(console.error.bind(console)).then(function () {
+    document.getElementById('loader').style.display = "none";
+    document.getElementById('container').style.visibility = "visible";
+});
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/ts/index.html b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/ts/index.html
new file mode 100644
index 000000000..18a598061
--- /dev/null
+++ b/ej2-javascript/code-snippet/autocomplete/virtual-scroll-items/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Typescript UI Controls" />
+    <meta name="author" content="Syncfusion" />
+    <link href="styles.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
+    <script src="systemjs.config.js"></script>
+</head>
+
+<body>
+    <div id='loader'>LOADING....</div>
+    <div id='container' style="margin:0 auto; width:250px;">
+        <input type="text" id='atcelement' />
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.js b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.js
new file mode 100644
index 000000000..a37dd14cb
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.js
@@ -0,0 +1,30 @@
+var records = [];
+for (var i = 1; i <= 150; i++) {
+    var item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+var ComboBoxObject = new ej.dropdowns.ComboBox({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'id', text: 'text' },
+    query: new ej.data.Query().take(40),
+    actionBegin: (args) => {
+        args.query = new ej.data.Query().take(45);
+    },
+    //set the placeholder to ComboBox input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+ComboBoxObject.appendTo('#comboelement');
+
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.ts b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.ts
new file mode 100644
index 000000000..8719fbac4
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/index.ts
@@ -0,0 +1,40 @@
+
+
+
+import { ComboBox, VirtualScroll } from '@syncfusion/ej2-dropdowns';
+import { Query } from '@syncfusion/ej2-data';
+
+ComboBox.Inject(VirtualScroll);
+
+let records: { [key: string]: Object }[] = [];
+for (let i: number = 1; i <= 150; i++) {
+    let item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+let comboBoxObject: ComboBox = new ComboBox({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'id', text: 'text' },
+    query: new Query().take(40),
+    actionBegin: (args) => {
+        args.query = new Query().take(45);
+    },
+    //set the placeholder to ComboBox input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+comboBoxObject.appendTo('#comboelement');
+
+
+
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/js/index.html b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/js/index.html
new file mode 100644
index 000000000..c44d6a10b
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/js/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html><html lang="en"><head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Typescript UI Controls">
+    <meta name="author" content="Syncfusion">
+    <link href="styles.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    
+    
+<script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
+</head>
+
+<body>
+    
+    <div id="container" style="margin:0 auto; width:250px;">
+        <input type="text" id="comboelement">
+    </div>
+
+
+<script>
+var ele = document.getElementById('container');
+if(ele) {
+  ele.style.visibility = "visible";
+}   
+      </script>
+<script src="index.js" type="text/javascript"></script>
+</body></html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/styles.css b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/styles.css
new file mode 100644
index 000000000..2b4fb90b7
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/styles.css
@@ -0,0 +1,16 @@
+#container {
+    visibility: hidden;
+}
+
+#loader {
+  color: #008cff;
+  height: 40px;
+  width: 30%;
+  position: absolute;
+  top: 45%;
+  left: 45%;
+}
+.city{
+    right: 15px;
+    position: absolute;
+}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/systemjs.config.js b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/systemjs.config.js
new file mode 100644
index 000000000..f549f72fc
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/systemjs.config.js
@@ -0,0 +1,34 @@
+System.config({
+    transpiler: "typescript",
+    typescriptOptions: {
+        compilerOptions: {
+            target: "umd",
+            module: "commonjs",
+            moduleResolution: "node",
+            emitDecoratorMetadata: true,
+            experimentalDecorators: true
+        }
+    },
+    paths: {
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
+    },
+    map: {
+        main: "index.ts",
+        typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+         "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",        
+        "@syncfusion/ej2-data":"syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+        "@syncfusion/ej2-inputs":"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+        "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+        "@syncfusion/ej2-lists":"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+        "@syncfusion/ej2-navigations":"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+    }
+});
+
+System.import('index.ts').catch(console.error.bind(console)).then(function () {
+    document.getElementById('loader').style.display = "none";
+    document.getElementById('container').style.visibility = "visible";
+});
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/combobox/virtual-scroll-items/ts/index.html b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/ts/index.html
new file mode 100644
index 000000000..529abd9f7
--- /dev/null
+++ b/ej2-javascript/code-snippet/combobox/virtual-scroll-items/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Typescript UI Controls" />
+    <meta name="author" content="Syncfusion" />
+    <link href="styles.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
+    <script src="systemjs.config.js"></script>
+</head>
+
+<body>
+    <div id='loader'>LOADING....</div>
+    <div id='container' style="margin:0 auto; width:250px;">
+        <input type="text" id='comboelement' />
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/index.css b/ej2-javascript/code-snippet/common/fluent2-cs2/index.css
new file mode 100644
index 000000000..9fdf34137
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/index.css
@@ -0,0 +1,51 @@
+:root {
+  --color-sf-primary: #8d969e;
+}
+
+body {
+  touch-action: none;
+}
+@font-face {
+  font-family: 'button-icons';
+  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.e-btn-sb-icons {
+  font-family: 'button-icons';
+  line-height: 1;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.e-play-icon::before {
+  content: '\e701';
+}
+
+.e-pause-icon::before {
+  content: '\e705';
+}
+
+.e-open-icon::before {
+  content: '\e70d';
+}
+
+.e-add-icon::before {
+  content: '\e70a';
+}
+
+.e-style {
+  margin-top: 50px;
+}
+td {
+  padding: 20px;
+}
+
+body.e-dark-mode {
+  background: #1c1e1f;
+}
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/index.js b/ej2-javascript/code-snippet/common/fluent2-cs2/index.js
new file mode 100644
index 000000000..6bf28e007
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/index.js
@@ -0,0 +1,4 @@
+var button = new ej.buttons.Button({
+    content: 'Button', cssClass: 'e-primary'
+});
+button.appendTo('#element');
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/index.ts b/ej2-javascript/code-snippet/common/fluent2-cs2/index.ts
new file mode 100644
index 000000000..1201d787d
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/index.ts
@@ -0,0 +1,10 @@
+import { Button } from '@syncfusion/ej2-buttons';
+import { enableRipple } from '@syncfusion/ej2-base';
+
+enableRipple(true);
+
+// Initialize the Button component.
+let button: Button = new Button({ content: 'Button', cssClass: 'e-primary' });
+
+// Render initialized button.
+button.appendTo('#element');
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/js/index.html b/ej2-javascript/code-snippet/common/fluent2-cs2/js/index.html
new file mode 100644
index 000000000..2a9abb737
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/js/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html><html lang="en"><head>
+    <title>EJ2 Material3</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Typescript Grid Control">
+    <meta name="author" content="Syncfusion">
+    <link href="./index.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/26.1.35/fluent2.css" rel="stylesheet">
+    <script src="https://cdn.syncfusion.com/ej2/22.1.34/dist/ej2.min.js" type="text/javascript"></script>
+</head>
+<body>
+    
+    <div id='container'>
+        <button id='element'></button>
+    </div>
+
+
+<script>
+var ele = document.getElementById('container');
+if(ele) {
+  ele.style.visibility = "visible";
+}   
+      </script>
+<script src="./index.js" type="text/javascript"></script>
+</body></html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/systemjs.config.js b/ej2-javascript/code-snippet/common/fluent2-cs2/systemjs.config.js
new file mode 100644
index 000000000..56f999fb6
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/systemjs.config.js
@@ -0,0 +1,45 @@
+System.config({
+    transpiler: "typescript",
+    typescriptOptions: {
+        compilerOptions: {
+            target: "umd",
+            module: "commonjs",
+            moduleResolution: "node",
+            emitDecoratorMetadata: true,
+            experimentalDecorators: true
+        }
+    },
+    paths: {
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
+    },
+    map: {
+        main: "index.ts",
+        typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+        'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
+        "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+        "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+        "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+        "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+        "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+        "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+        "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+        "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+        "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", 
+        "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+        "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+        "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+        "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js"
+    },
+     meta: { 
+       '*.json': { loader: 'plugin-json' }
+    }
+});
+
+System.import('index.ts').catch(console.error.bind(console)).then(function () {
+    document.getElementById('loader').style.display = "none";
+    document.getElementById('container').style.visibility = "visible";
+});
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs2/ts/index.html b/ej2-javascript/code-snippet/common/fluent2-cs2/ts/index.html
new file mode 100644
index 000000000..26bad3399
--- /dev/null
+++ b/ej2-javascript/code-snippet/common/fluent2-cs2/ts/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html><html lang="en"><head>
+    <title>EJ2 Material3</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Typescript Grid Control">
+    <meta name="author" content="Syncfusion">
+    <link href="./index.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/26.1.35/fluent2.css" rel="stylesheet">
+    <script src="https://cdn.syncfusion.com/ej2/22.1.34/dist/ej2.min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
+    <script src="systemjs.config.js"></script>
+</head>
+<body>
+    
+    <div id='container'>
+        <button id='element'></button>
+    </div>
+</body></html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs3/index.js b/ej2-javascript/code-snippet/common/fluent2-cs3/index.js
index 8e0dd93e5..41ce76712 100644
--- a/ej2-javascript/code-snippet/common/fluent2-cs3/index.js
+++ b/ej2-javascript/code-snippet/common/fluent2-cs3/index.js
@@ -4,5 +4,5 @@ var button = new ej.buttons.Button({
 button.appendTo('#element');
 
 var root = document.documentElement;
-var colorSFPrimary = '104, 134, 164';
+var colorSFPprimary = '#8d969e';
 root.style.setProperty('--color-sf-primary', colorSFPrimary);
diff --git a/ej2-javascript/code-snippet/common/fluent2-cs3/index.ts b/ej2-javascript/code-snippet/common/fluent2-cs3/index.ts
index 794512310..3af489a54 100644
--- a/ej2-javascript/code-snippet/common/fluent2-cs3/index.ts
+++ b/ej2-javascript/code-snippet/common/fluent2-cs3/index.ts
@@ -10,5 +10,5 @@ let button: Button = new Button({ content: 'Button', cssClass: 'e-primary' });
 button.appendTo('#element');
 
 var root = document.documentElement;
-var colorSFPrimary = '104, 134, 164';
+var colorSFPprimary = '#8d969e';
 root.style.setProperty('--color-sf-primary', colorSFPrimary);
diff --git a/ej2-javascript/code-snippet/common/material3-cs1/ts/index.html b/ej2-javascript/code-snippet/common/material3-cs1/ts/index.html
index 58323ea85..d3bc304aa 100644
--- a/ej2-javascript/code-snippet/common/material3-cs1/ts/index.html
+++ b/ej2-javascript/code-snippet/common/material3-cs1/ts/index.html
@@ -7,6 +7,7 @@
     <link href="./index.css" rel="stylesheet">
     <link href="https://cdn.syncfusion.com/ej2/22.1.34/material3.css" rel="stylesheet">
     <script src="https://cdn.syncfusion.com/ej2/22.1.34/dist/ej2.min.js" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
 </head>
 <body>
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.js b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.js
new file mode 100644
index 000000000..8bbfb8e8f
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.js
@@ -0,0 +1,30 @@
+var records = [];
+for (var i = 1; i <= 150; i++) {
+    var item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+var ddlObject = new ej.dropdowns.DropDownList({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'id', text: 'text' },
+    query: new ej.data.Query().take(40),
+    actionBegin: (args) => {
+        args.query = new ej.data.Query().take(45);
+    },
+    //set the placeholder to DropDownList input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+ddlObject.appendTo('#ddlelement');
+
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.ts b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.ts
new file mode 100644
index 000000000..a2f4d7135
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/index.ts
@@ -0,0 +1,40 @@
+
+
+
+import { DropDownList, VirtualScroll } from '@syncfusion/ej2-dropdowns';
+import { Query } from '@syncfusion/ej2-data';
+
+DropDownList.Inject(VirtualScroll);
+
+let records: { [key: string]: Object }[] = [];
+for (let i: number = 1; i <= 150; i++) {
+    let item = {
+        id: 'id' + i,
+        text: "Item " + i,
+    };
+    records.push(item);
+}
+
+//initiates the component
+let DropDownListObject: DropDownList = new DropDownList({
+    //bind the dataSorce property
+    dataSource: records,
+    //map the appropriate columns to fields property
+    fields: { value: 'id', text: 'text' },
+    query: new Query().take(40),
+    actionBegin: (args) => {
+        args.query = new Query().take(45);
+    },
+    //set the placeholder to DropDownList input
+    placeholder:"Select an Item ",
+    //set enableVirtualization property to true
+    enableVirtualization: true,
+    //set the height of the popup element
+    popupHeight: '200px'
+});
+
+//render the component
+DropDownListObject.appendTo('#ddlelement');
+
+
+
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/js/index.html b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/js/index.html
new file mode 100644
index 000000000..36d9d60f9
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/js/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html><html lang="en"><head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Typescript UI Controls">
+    <meta name="author" content="Syncfusion">
+    <link href="styles.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    
+    
+<script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
+</head>
+
+<body>
+    
+    <div id="container" style="margin:0 auto; width:250px;">
+        <input type="text" id="ddlelement">
+    </div>
+
+
+<script>
+var ele = document.getElementById('container');
+if(ele) {
+  ele.style.visibility = "visible";
+}   
+      </script>
+<script src="index.js" type="text/javascript"></script>
+</body></html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/styles.css b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/styles.css
new file mode 100644
index 000000000..2b4fb90b7
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/styles.css
@@ -0,0 +1,16 @@
+#container {
+    visibility: hidden;
+}
+
+#loader {
+  color: #008cff;
+  height: 40px;
+  width: 30%;
+  position: absolute;
+  top: 45%;
+  left: 45%;
+}
+.city{
+    right: 15px;
+    position: absolute;
+}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/systemjs.config.js b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/systemjs.config.js
new file mode 100644
index 000000000..f549f72fc
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/systemjs.config.js
@@ -0,0 +1,34 @@
+System.config({
+    transpiler: "typescript",
+    typescriptOptions: {
+        compilerOptions: {
+            target: "umd",
+            module: "commonjs",
+            moduleResolution: "node",
+            emitDecoratorMetadata: true,
+            experimentalDecorators: true
+        }
+    },
+    paths: {
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
+    },
+    map: {
+        main: "index.ts",
+        typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+         "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+        "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",        
+        "@syncfusion/ej2-data":"syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+        "@syncfusion/ej2-inputs":"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+        "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+        "@syncfusion/ej2-lists":"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+        "@syncfusion/ej2-navigations":"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+    }
+});
+
+System.import('index.ts').catch(console.error.bind(console)).then(function () {
+    document.getElementById('loader').style.display = "none";
+    document.getElementById('container').style.visibility = "visible";
+});
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/ts/index.html b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/ts/index.html
new file mode 100644
index 000000000..9410755b8
--- /dev/null
+++ b/ej2-javascript/code-snippet/dropdownlist/virtual-scroll-items/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Essential JS 2 MultiSelect</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Typescript UI Controls" />
+    <meta name="author" content="Syncfusion" />
+    <link href="styles.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
+    <script src="systemjs.config.js"></script>
+</head>
+
+<body>
+    <div id='loader'>LOADING....</div>
+    <div id='container' style="margin:0 auto; width:250px;">
+        <input type="text" id='ddlelement' />
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.js b/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.js
index cbe18541c..9b05ec8e5 100644
--- a/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.js
+++ b/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.js
@@ -13,9 +13,9 @@ var multiObject = new ej.dropdowns.MultiSelect({
     dataSource: records,
     //map the appropriate columns to fields property
     fields: { value: 'id', text: 'text' },
-    query: new ej.data.Query().take(20),
+    query: new ej.data.Query().take(40),
     actionBegin: (args) => {
-        args.query = new ej.data.Query().take(25);
+        args.query = new ej.data.Query().take(45);
     },
     //set the placeholder to MultiSelect input
     placeholder:"Select an Item ",
diff --git a/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.ts b/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.ts
index 0ab3461d8..9f63646d7 100644
--- a/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.ts
+++ b/ej2-javascript/code-snippet/multiselect/virtual-scroll-items/index.ts
@@ -21,9 +21,9 @@ let MultiSelectObject: MultiSelect = new MultiSelect({
     dataSource: records,
     //map the appropriate columns to fields property
     fields: { value: 'id', text: 'text' },
-    query: new Query().take(20),
+    query: new Query().take(40),
     actionBegin: (args) => {
-        args.query = new Query().take(25);
+        args.query = new Query().take(45);
     },
     //set the placeholder to MultiSelect input
     placeholder:"Select an Item ",
diff --git a/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.js b/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.js
index c0123c3aa..44b93f2e7 100644
--- a/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.js
+++ b/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.js
@@ -3,8 +3,8 @@
 var multiObject = new ej.dropdowns.MultiSelect({
     //bind the dataSorce property
     dataSource: new ej.data.DataManager({
-        url: 'https://services.syncfusion.com/js/production/api/Orders',
-        adaptor: new ej.data.WebApiAdaptor(),
+        url: 'https://services.syncfusion.com/js/production/api/VirtualDropdownData',
+        adaptor: new ej.data.UrlAdaptor(),
         crossDomain: true
     }),
     //map the appropriate columns to fields property
diff --git a/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.ts b/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.ts
index 3101ca2b2..20eee137d 100644
--- a/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.ts
+++ b/ej2-javascript/code-snippet/multiselect/virtual-scroll-remote/index.ts
@@ -2,7 +2,7 @@
 
 
 import { DropDownList, VirtualScroll } from '@syncfusion/ej2-dropdowns';
-import { DataManager, WebApiAdaptor  } from '@syncfusion/ej2-data';
+import { DataManager, UrlAdaptor  } from '@syncfusion/ej2-data';
 
 DropDownList.Inject(VirtualScroll);
 
@@ -10,8 +10,8 @@ DropDownList.Inject(VirtualScroll);
 let MultiSelectObject: DropDownList = new DropDownList({
     //bind the dataSorce property
     dataSource: new DataManager({
-        url: 'https://services.syncfusion.com/js/production/api/Orders',
-        adaptor: new WebApiAdaptor ,
+        url: 'https://services.syncfusion.com/js/production/api/VirtualDropdownData',
+        adaptor: new UrlAdaptor ,
         crossDomain: true
     }),
     //map the appropriate columns to fields property
diff --git a/ej2-javascript/code-snippet/pivot-table/pivot-table-cs375/systemjs.config.js b/ej2-javascript/code-snippet/pivot-table/pivot-table-cs375/systemjs.config.js
index 1b02d6f42..738b31781 100644
--- a/ej2-javascript/code-snippet/pivot-table/pivot-table-cs375/systemjs.config.js
+++ b/ej2-javascript/code-snippet/pivot-table/pivot-table-cs375/systemjs.config.js
@@ -10,7 +10,8 @@ System.config({
         }
     },
     paths: {
-        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/",
+        "*": "*.ts"
     },
     map: {
         main: "index.ts",
diff --git a/ej2-javascript/combo-box/virtual-scroll.md b/ej2-javascript/combo-box/virtual-scroll.md
index 87a3afbbc..41447db1c 100644
--- a/ej2-javascript/combo-box/virtual-scroll.md
+++ b/ej2-javascript/combo-box/virtual-scroll.md
@@ -88,6 +88,36 @@ The following sample displays the OrderId from the `Orders` Data Service.
 {% previewsample "page.domainurl/code-snippet/combobox/virtual-scroll-remote" %}
 {% endif %}
 
+## Customizing items count in virtualization 
+
+When the `enableVirtualization` property is enabled, the `take` property provided by the user within the Query parameter at the initial state or during the `actionBegin` event will be considered. Internally, it calculates the items that fit onto the current page (i.e., probably twice the amount of the popup's height). If the user-provided take value is less than the minimum number of items that fit into the popup, the user-provided take value will not be considered.
+
+The following sample shows the example for Customizing items count in virtualization.
+
+{% if page.publishingplatform == "typescript" %}
+
+ {% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/combobox/virtual-scroll-items/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/combobox/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+        
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/combobox/virtual-scroll-items/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/combobox/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% endif %}
+
 ## Grouping with Virtualization
 
 The Combobox component supports grouping with Virtualization. It allows you to organize elements into groups based on different categories. Each item in the list can be classified using the [groupBy](../api/combo-box/#fields) field in the data table. After grouping, virtualization works similarly to local data binding, providing a seamless user experience. When the data source is bound to remote data, an initial request is made to retrieve all data for the purpose of grouping. Subsequently, the grouped data works in the same way as local data binding virtualization, enhancing performance and responsiveness.
diff --git a/ej2-javascript/drop-down-list/virtual-scroll.md b/ej2-javascript/drop-down-list/virtual-scroll.md
index c66b999ae..0b8c50147 100644
--- a/ej2-javascript/drop-down-list/virtual-scroll.md
+++ b/ej2-javascript/drop-down-list/virtual-scroll.md
@@ -88,6 +88,37 @@ The following sample displays the OrderId from the `Orders` Data Service.
 {% previewsample "page.domainurl/code-snippet/dropdownlist/virtual-scroll-remote" %}
 {% endif %}
 
+## Customizing items count in virtualization 
+
+When the `enableVirtualization` property is enabled, the `take` property provided by the user within the Query parameter at the initial state or during the `actionBegin` event will be considered. Internally, it calculates the items that fit onto the current page (i.e., probably twice the amount of the popup's height). If the user-provided take value is less than the minimum number of items that fit into the popup, the user-provided take value will not be considered.
+
+The following sample shows the example for Customizing items count in virtualization.
+
+{% if page.publishingplatform == "typescript" %}
+
+ {% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/dropdownlist/virtual-scroll-items/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/dropdownlist/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+        
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/dropdownlist/virtual-scroll-items/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/dropdownlist/virtual-scroll-items/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% endif %}
+
+
 ## Grouping with Virtualization
 
 The DropDownList component supports grouping with Virtualization. It allows you to organize elements into groups based on different categories. Each item in the list can be classified using the [groupBy](../api/drop-down-list/#fields) field in the data table. After grouping, virtualization works similarly to local data binding, providing a seamless user experience. When the data source is bound to remote data, an initial request is made to retrieve all data for the purpose of grouping. Subsequently, the grouped data works in the same way as local data binding on virtualization. 
diff --git a/ej2-javascript/pivotview/ts/getting-started.md b/ej2-javascript/pivotview/ts/getting-started.md
index 5fd36ae12..9d061638c 100644
--- a/ej2-javascript/pivotview/ts/getting-started.md
+++ b/ej2-javascript/pivotview/ts/getting-started.md
@@ -398,6 +398,7 @@ Output will be displayed as follows.
 {% endhighlight %}
 {% endtabs %}
 
-For more information and to access the quick start project, visit: [GitHub Repository](https://github.com/SyncfusionExamples/getting-started-with-the-typescript-pivot-table-component)
-          
 {% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs375" %}
+
+For more information and to access the quick start project, visit: [GitHub Repository](https://github.com/SyncfusionExamples/getting-started-with-the-typescript-pivot-table-component)
+          
\ No newline at end of file
diff --git a/ej2-typescript-toc.html b/ej2-typescript-toc.html
index 1bab9b210..ecbed4212 100644
--- a/ej2-typescript-toc.html
+++ b/ej2-typescript-toc.html
@@ -2942,7 +2942,7 @@
 </ul>
 </li> <li>Release Notes
                 <ul>
-				<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-typescript/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-typescript/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-typescript/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-typescript/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul>
+				<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-typescript/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-typescript/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-typescript/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-typescript/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-typescript/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul>
 				<li>Weekly Release<ul><li><a href="/ej2-typescript/release-notes/25.2.7">25.2.7</a></li>
 				<li><a href="/ej2-typescript/release-notes/25.2.6">25.2.6</a></li>
 				<li><a href="/ej2-typescript/release-notes/25.2.5">25.2.5</a></li>