Skip to content

Commit fd86b84

Browse files
Integrated latest changes at 09-14-2023 1:30:14 AM
1 parent 020be40 commit fd86b84

File tree

229 files changed

+2084
-687
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

229 files changed

+2084
-687
lines changed

ej2-angular-toc.html

Lines changed: 29 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -185,6 +185,7 @@
185185
<li><a href="/ej2-angular/auto-complete/getting-started">Getting Started</a></li>
186186
<li><a href="/ej2-angular/auto-complete/data-binding">Data Binding</a></li>
187187
<li><a href="/ej2-angular/auto-complete/templates">Templates</a></li>
188+
<li><a href="/ej2-angular/auto-complete/virtual-scroll">Virtualization</a></li>
188189
<li><a href="/ej2-angular/auto-complete/grouping">Grouping</a></li>
189190
<li><a href="/ej2-angular/auto-complete/filtering">Filtering</a></li>
190191
<li><a href="/ej2-angular/auto-complete/localization">Localization</a></li>
@@ -535,6 +536,7 @@
535536
<li><a href="/ej2-angular/combo-box/getting-started">Getting Started</a></li>
536537
<li><a href="/ej2-angular/combo-box/data-binding">Data Binding</a></li>
537538
<li><a href="/ej2-angular/combo-box/templates">Templates</a></li>
539+
<li><a href="/ej2-angular/combo-box/virtual-scroll">Virtualization</a></li>
538540
<li><a href="/ej2-angular/combo-box/grouping">Grouping</a></li>
539541
<li><a href="/ej2-angular/combo-box/filtering">Filtering</a></li>
540542
<li><a href="/ej2-angular/combo-box/localization">Localization</a></li>
@@ -894,6 +896,7 @@
894896
<li><a href="/ej2-angular/drop-down-list/getting-started">Getting Started</a></li>
895897
<li><a href="/ej2-angular/drop-down-list/data-binding">Data Binding</a></li>
896898
<li><a href="/ej2-angular/drop-down-list/templates">Templates</a></li>
899+
<li><a href="/ej2-angular/drop-down-list/virtual-scroll">Virtualization</a></li>
897900
<li><a href="/ej2-angular/drop-down-list/grouping">Grouping</a></li>
898901
<li><a href="/ej2-angular/drop-down-list/filtering">Filtering</a></li>
899902
<li><a href="/ej2-angular/drop-down-list/localization">Localization</a></li>
@@ -1590,6 +1593,7 @@
15901593
<ul>
15911594
<li><a href="/ej2-angular/pdfviewer/getting-started">with Standalone PDF Viewer</a></li>
15921595
<li><a href="/ej2-angular/pdfviewer/getting-started-with-server-backed">with Server-Backed PDF Viewer</a></li>
1596+
<li><a href="/ej2-angular/pdfviewer/feature-module">Feature Modules</a></li>
15931597
</ul>
15941598
</li>
15951599
<li>
@@ -1614,8 +1618,7 @@
16141618
<li><a href="/ej2-angular/pdfviewer/save-pdf-file/to-dropbox-cloud-file-storage">To Dropbox cloud file storage</a></li>
16151619
<li><a href="/ej2-angular/pdfviewer/save-pdf-file/to-box-cloud-file-storage">To Box cloud file storage</a></li>
16161620
</ul>
1617-
</li>
1618-
<li><a href="/ej2-angular/pdfviewer/feature-module">Feature Modules</a></li>
1621+
</li>
16191622
<li><a href="/ej2-angular/pdfviewer/toolbar">Toolbar</a></li>
16201623
<li><a href="/ej2-angular/pdfviewer/navigation">Navigation</a></li>
16211624
<li><a href="/ej2-angular/pdfviewer/magnification">Magnification</a></li>
@@ -2655,9 +2658,9 @@
26552658
<li>2023 Volume 3 - 23.*<ul><li><a href="/ej2-angular/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
26562659
<li>2023 Volume 2 - 22.*
26572660
<ul>
2658-
<li> Weekly Nuget Release
2661+
<li> Weekly Release
26592662
<ul>
2660-
<li><a href="/ej2-angular/release-notes/22.2.12">22.2.12</a></li>
2663+
<li><a href="/ej2-angular/release-notes/22.2.12">22.2.12</a></li>
26612664
<li><a href="/ej2-angular/release-notes/22.2.11">22.2.11</a></li>
26622665
<li><a href="/ej2-angular/release-notes/22.2.10">22.2.10</a></li>
26632666
<li><a href="/ej2-angular/release-notes/22.2.9">22.2.9</a></li>
@@ -2675,7 +2678,7 @@
26752678
</li>
26762679
<li>2023 Volume 1 - 21.*
26772680
<ul>
2678-
<li> Weekly Nuget Release
2681+
<li> Weekly Release
26792682
<ul>
26802683
<li><a href="/ej2-angular/release-notes/21.2.10">21.2.10</a></li>
26812684
<li><a href="/ej2-angular/release-notes/21.2.9">21.2.9</a></li>
@@ -2697,7 +2700,7 @@
26972700
</li>
26982701
<li>2022 Volume 4 - 20.4.*
26992702
<ul>
2700-
<li> Weekly Nuget Release
2703+
<li> Weekly Release
27012704
<ul>
27022705
<li><a href="/ej2-angular/release-notes/20.4.54">20.4.54</a></li>
27032706
<li><a href="/ej2-angular/release-notes/20.4.53">20.4.53</a></li>
@@ -2718,7 +2721,7 @@
27182721
</li>
27192722
<li>2022 Volume 3 - 20.3.*
27202723
<ul>
2721-
<li> Weekly Nuget Release
2724+
<li> Weekly Release
27222725
<ul>
27232726
<li><a href="/ej2-angular/release-notes/20.3.61">20.3.61</a></li>
27242727
<li><a href="/ej2-angular/release-notes/20.3.60">20.3.60</a></li>
@@ -2737,7 +2740,7 @@
27372740
</li>
27382741
<li>2022 volume 2 - 20.2.*
27392742
<ul>
2740-
<li> Weekly Nuget Release
2743+
<li> Weekly Release
27412744
<ul>
27422745
<li><a href="/ej2-angular/release-notes/20.2.50">20.2.50</a></li>
27432746
<li><a href="/ej2-angular/release-notes/20.2.49">20.2.49</a></li>
@@ -2756,7 +2759,7 @@
27562759
</li>
27572760
<li>2022 volume 1 - 20.1.*
27582761
<ul>
2759-
<li> Weekly Nuget Release
2762+
<li> Weekly Release
27602763
<ul>
27612764
<li><a href="/ej2-angular/release-notes/20.1.61">v20.1.61</a></li>
27622765
<li><a href="/ej2-angular/release-notes/20.1.60">v20.1.60</a></li>
@@ -2776,7 +2779,7 @@
27762779
</li>
27772780
<li>2021 Volume 4 - 19.4.*
27782781
<ul>
2779-
<li> Weekly Nuget Release
2782+
<li> Weekly Release
27802783
<ul>
27812784
<li><a href="/ej2-angular/release-notes/19.4.56">v19.4.56</a></li>
27822785
<li><a href="/ej2-angular/release-notes/19.4.55">v19.4.55</a></li>
@@ -2797,7 +2800,7 @@
27972800
</li>
27982801
<li>2021 volume 3 - 19.3.*
27992802
<ul>
2800-
<li> Weekly Nuget Release
2803+
<li> Weekly Release
28012804
<ul>
28022805
<li><a href="/ej2-angular/release-notes/19.3.59">v19.3.59</a></li>
28032806
<li><a href="/ej2-angular/release-notes/19.3.57">v19.3.57</a></li>
@@ -2817,7 +2820,7 @@
28172820
</li>
28182821
<li>2021 Volume 2 - 19.2.*
28192822
<ul>
2820-
<li> Weekly Nuget Release
2823+
<li> Weekly Release
28212824
<ul>
28222825
<li><a href="/ej2-angular/release-notes/19.2.62">v19.2.62</a></li>
28232826
<li><a href="/ej2-angular/release-notes/19.2.60">v19.2.60</a></li>
@@ -2837,7 +2840,7 @@
28372840
</li>
28382841
<li>2021 volume 1 - 19.1.*
28392842
<ul>
2840-
<li> Weekly Nuget Release
2843+
<li> Weekly Release
28412844
<ul>
28422845
<li><a href="/ej2-angular/release-notes/19.1.69">v19.1.69</a></li>
28432846
<li><a href="/ej2-angular/release-notes/19.1.67">v19.1.67</a></li>
@@ -2857,7 +2860,7 @@
28572860
</li>
28582861
<li>2020 volume 4 - 18.4.*
28592862
<ul>
2860-
<li> Weekly Nuget Release
2863+
<li> Weekly Release
28612864
<ul>
28622865
<li><a href="/ej2-angular/release-notes/18.4.49">v18.4.49</a></li>
28632866
<li><a href="/ej2-angular/release-notes/18.4.48">v18.4.48</a></li>
@@ -2880,7 +2883,7 @@
28802883
</li>
28812884
<li>2020 volume 3 - 18.3.*
28822885
<ul>
2883-
<li> Weekly Nuget Release
2886+
<li> Weekly Release
28842887
<ul>
28852888
<li><a href="/ej2-angular/release-notes/18.3.53">v18.3.53</a></li>
28862889
<li><a href="/ej2-angular/release-notes/18.3.52">v18.3.52</a></li>
@@ -2898,7 +2901,7 @@
28982901
</li>
28992902
<li>2020 volume 2 - 18.2.*
29002903
<ul>
2901-
<li> Weekly Nuget Release
2904+
<li> Weekly Release
29022905
<ul>
29032906
<li><a href="/ej2-angular/release-notes/18.2.59">v18.2.59</a></li>
29042907
<li><a href="/ej2-angular/release-notes/18.2.58">v18.2.58</a></li>
@@ -2917,7 +2920,7 @@
29172920
</li>
29182921
<li>2020 volume 1 - 18.1.*
29192922
<ul>
2920-
<li> Weekly Nuget Release
2923+
<li> Weekly Release
29212924
<ul>
29222925
<li><a href="/ej2-angular/release-notes/18.1.59">v18.1.59</a></li>
29232926
<li><a href="/ej2-angular/release-notes/18.1.57">v18.1.57</a></li>
@@ -2939,7 +2942,7 @@
29392942
</li>
29402943
<li>2019 volume 4 - 17.4.*
29412944
<ul>
2942-
<li> Weekly Nuget Release
2945+
<li> Weekly Release
29432946
<ul><li><a href="/ej2-angular/release-notes/17.4.55">v17.4.55</a></li>
29442947
<li><a href="/ej2-angular/release-notes/17.4.51">v17.4.51</a></li>
29452948
<li><a href="/ej2-angular/release-notes/17.4.50">v17.4.50</a></li>
@@ -2957,7 +2960,7 @@
29572960
</li>
29582961
<li>2019 Volume 3 - 17.3.*
29592962
<ul>
2960-
<li> Weekly Nuget Release
2963+
<li> Weekly Release
29612964
<ul><li><a href="/ej2-angular/release-notes/17.3.34">v17.3.34</a></li>
29622965
<li><a href="/ej2-angular/release-notes/17.3.30">v17.3.30</a></li>
29632966
<li><a href="/ej2-angular/release-notes/17.3.29">v17.3.29</a></li>
@@ -2976,7 +2979,7 @@
29762979
</li>
29772980
<li> 2019 Volume 2 - 17.2.*
29782981
<ul>
2979-
<li> Weekly NuGet Release
2982+
<li> Weekly Release
29802983
<ul>
29812984

29822985
<li><a href="/ej2-angular/release-notes/17.2.49">v17.2.49</a></li>
@@ -2996,7 +2999,7 @@
29962999
</li>
29973000
<li> 2019 Volume 1 - 17.1.*
29983001
<ul>
2999-
<li> Weekly NuGet Release
3002+
<li> Weekly Release
30003003
<ul>
30013004
<li> <a href="/ej2-angular/release-notes/17.1.53">v17.1.53</a></li>
30023005
<li> <a href="/ej2-angular/release-notes/17.1.51">v17.1.51</a></li>
@@ -3018,7 +3021,7 @@
30183021
</li>
30193022
<li> 2018 Volume 4 - v16.4.*
30203023
<ul>
3021-
<li> Weekly NuGet Release
3024+
<li> Weekly Release
30223025
<ul>
30233026
<li> <a href="/ej2-angular/release-notes/16.4.55">v16.4.55</a></li>
30243027
<li> <a href="/ej2-angular/release-notes/16.4.54">v16.4.54</a></li>
@@ -3037,7 +3040,7 @@
30373040
</li>
30383041
<li> 2018 Volume 3 - v16.3.*
30393042
<ul>
3040-
<li> Weekly NuGet Release
3043+
<li> Weekly Release
30413044
<ul>
30423045
<li> <a href="/ej2-angular/release-notes/16.3.34">v16.3.34</a></li>
30433046
<li> <a href="/ej2-angular/release-notes/16.3.33">v16.3.33</a></li>
@@ -3058,7 +3061,7 @@
30583061
</li>
30593062
<li> 2018 Volume 2 - v16.2.*
30603063
<ul>
3061-
<li> Weekly NuGet Release
3064+
<li> Weekly Release
30623065
<ul>
30633066
<li> <a href="/ej2-angular/release-notes/16.2.52">v16.2.52</a></li>
30643067
<li> <a href="/ej2-angular/release-notes/16.2.51">v16.2.51</a></li>
@@ -3078,7 +3081,7 @@
30783081
</li>
30793082
<li> 2018 Volume 1 - 16.1.*
30803083
<ul>
3081-
<li> Weekly Nuget Release <ul>
3084+
<li> Weekly Release <ul>
30823085
<li><a href="/ej2-angular/release-notes/16.1.49">16.1.49</a></li>
30833086
<li><a href="/ej2-angular/release-notes/16.1.48">16.1.48</a></li>
30843087
<li><a href="/ej2-angular/release-notes/16.1.47">16.1.47</a></li>
@@ -3106,7 +3109,7 @@
31063109
</li>
31073110
<li> 2017 Volume 4 - 15.4.*
31083111
<ul>
3109-
<li> Weekly Nuget Release <ul>
3112+
<li> Weekly Release <ul>
31103113
<li><a href="/ej2-angular/release-notes/15.4.30">15.4.30</a></li>
31113114
<li><a href="/ej2-angular/release-notes/15.4.29">15.4.29</a></li>
31123115
<li><a href="/ej2-angular/release-notes/15.4.28">15.4.28</a></li>

ej2-angular/Release-notes/21.2.36.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
title: Essential Studio for Angular 2022 Weekly Nuget Release Release Notes
3+
description: Essential Studio for Angular 2022 Weekly Nuget Release Release Notes
4+
platform: ej2-angular
5+
6+
documentation: ug
7+
---
8+
9+
# Essential Studio for Angular Release Notes
10+
11+
{% include release-info.html date="June 28, 2023" version="v21.2.36" %}
12+
13+
{% directory path: _includes/release-notes/v21.2.36 %}
14+
15+
{% include {{file.url}} %}
16+
17+
{% enddirectory %}
18+
19+

ej2-angular/appearance/material3.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ With this CSS variable support, you can effortlessly customize the color variabl
6363

6464
## Dark mode support
6565

66-
The controls in our system now seamlessly transition between light and dark modes without any noticeable delay. This achievement was made by consolidating the configurations of the light theme and dark theme into [material3 light theme](https://unpkg.com/@syncfusion/ej2@22.1.34/material3.css) file.
66+
The controls in our system now seamlessly transition between light and dark modes without any noticeable delay. This achievement was made by consolidating the configurations of the light theme and dark theme into [material 3 light theme](https://unpkg.com/@syncfusion/ej2@22.1.34/material3.css) file.
6767

6868
![dark mode](images/material3.gif)
6969

ej2-angular/appearance/overview.md

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -56,17 +56,22 @@ Syncfusion Angular Themes are available in the CDN. Make sure that the version i
5656

5757
| Theme Name | CDN Reference |
5858
|--- | --- |
59-
| Material 3 | [https://cdn.syncfusion.com/styles/ej2/22.1.34/material3.css](https://cdn.syncfusion.com/22.1.34/material3.css) |
60-
| Material 3 Dark | [https://cdn.syncfusion.com/ej2/22.1.34/material3-dark.css](https://cdn.syncfusion.com/22.1.34/material3-dark.css) |
61-
| Bootstrap 5 | `https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5.css` |
62-
| Bootstrap 5 Dark| `https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5-dark.css` |
63-
| Google’s Material | `https://cdn.syncfusion.com/ej2/22.1.34/material.css` |
64-
| Google’s Material Dark | `https://cdn.syncfusion.com/ej2/22.1.34/material-dark.css` |
65-
| Tailwind CSS | `https://cdn.syncfusion.com/ej2/22.1.34/tailwind.css` |
66-
| Tailwind Dark CSS | `https://cdn.syncfusion.com/ej2/22.1.34/tailwind-dark.css` |
67-
| Microsoft Office Fabric | `https://cdn.syncfusion.com/ej2/22.1.34/fabric.css` |
68-
| Microsoft Office Fabric Dark | `https://cdn.syncfusion.com/ej2/22.1.34/fabric-dark.css` |
69-
| High Contrast | `https://cdn.syncfusion.com/ej2/22.1.34/highcontrast.css` |
59+
| Material 3 | [https://cdn.syncfusion.com/ej2/22.1.34/material3.css](https://cdn.syncfusion.com/ej2/22.1.34/material3.css) |
60+
| Material 3 Dark | [https://cdn.syncfusion.com/ej2/22.1.34/material3-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/material3-dark.css) |
61+
| Fluent | [https://cdn.syncfusion.com/ej2/22.1.34/fluent.css](https://cdn.syncfusion.com/ej2/22.1.34/fluent.css) |
62+
| Fluent Dark | [https://cdn.syncfusion.com/ej2/22.1.34/fluent-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/fluent-dark.css) |
63+
| Bootstrap 5 | [https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5.css](https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5.css) |
64+
| Bootstrap 5 Dark| [https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/bootstrap5-dark.css) |
65+
| Bootstrap 4 | [https://cdn.syncfusion.com/ej2/22.1.34/bootstrap4.css](https://cdn.syncfusion.com/ej2/22.1.34/bootstrap4.css) |
66+
| Bootstrap 3 | [https://cdn.syncfusion.com/ej2/22.1.34/bootstrap.css](https://cdn.syncfusion.com/ej2/22.1.34/bootstrap.css) |
67+
| Bootstrap 3 Dark| [https://cdn.syncfusion.com/ej2/22.1.34/bootstrap-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/bootstrap-dark.css) |
68+
| Google’s Material | [https://cdn.syncfusion.com/ej2/22.1.34/material.css](https://cdn.syncfusion.com/ej2/22.1.34/material.css) |
69+
| Google’s Material Dark | [https://cdn.syncfusion.com/ej2/22.1.34/material-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/material-dark.css) |
70+
| Tailwind CSS | [https://cdn.syncfusion.com/ej2/22.1.34/tailwind.css](https://cdn.syncfusion.com/ej2/22.1.34/tailwind.css) |
71+
| Tailwind CSS Dark | [https://cdn.syncfusion.com/ej2/22.1.34/tailwind-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/tailwind-dark.css) |
72+
| Microsoft Office Fabric | [https://cdn.syncfusion.com/ej2/22.1.34/fabric.css](https://cdn.syncfusion.com/ej2/22.1.34/fabric.css) |
73+
| Microsoft Office Fabric Dark | [https://cdn.syncfusion.com/ej2/22.1.34/fabric-dark.css](https://cdn.syncfusion.com/ej2/22.1.34/fabric-dark.css) |
74+
| High Contrast | [https://cdn.syncfusion.com/ej2/22.1.34/highcontrast.css](https://cdn.syncfusion.com/ej2/22.1.34/highcontrast.css) |
7075

7176
### Using Precompiled CSS and SCSS File
7277

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
layout: post
3+
title: Virtualization in Angular AutoComplete component | Syncfusion
4+
description: Learn here all about Virtualization in Syncfusion Angular AutoComplete component of Syncfusion Essential JS 2 and more.
5+
platform: ej2-angular
6+
control: Virtualization
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Virtualization in AutoComplete Component
12+
13+
AutoComplete virtualization is a technique used to efficiently render long lists of items in a user interface while minimizing the impact on performance. It's particularly useful when dealing with large datasets, as it ensures that only a fixed number of DOM (Document Object Model) elements are created and displayed in the AutoComplete Component. As the user scrolls through the list, the existing DOM elements are reused to display the relevant data, rather than creating new elements for each item. Enabling the [`enableVirtualization`](../api/auto-complete/#enableVirtualization) option in a dropdown list activates this virtualization technique, significantly enhancing the list's performance and user experience, especially when handling large datasets.
14+
15+
{% tabs %}
16+
{% highlight ts tabtitle="app.component.ts" %}
17+
{% include code-snippet/autocomplete/virtual-scroll/app/app.component.ts %}
18+
{% endhighlight %}
19+
{% highlight ts tabtitle="app.module.ts" %}
20+
{% include code-snippet/autocomplete/virtual-scroll/app/app.module.ts %}
21+
{% endhighlight %}
22+
{% highlight ts tabtitle="main.ts" %}
23+
{% include code-snippet/autocomplete/virtual-scroll/app/main.ts %}
24+
{% endhighlight %}
25+
{% highlight ts tabtitle="template.html" %}
26+
{% include code-snippet/autocomplete/virtual-scroll/app/virtual-scroll.html %}
27+
{% endhighlight %}
28+
{% endtabs %}
29+
30+
{% previewsample "page.domainurl/samples/autocomplete/virtual-scroll" %}
31+
32+
## Keyboard interaction
33+
34+
Users can navigate through the scrollable content using keyboard actions. This feature loads the next or next set of items based on the key inputs in the popup.
35+
36+
| Key | Action |
37+
|-----|-----|
38+
| `ArrowDown` | Loads the next virtual list item if the focus is present in last item of the current page. Additionally, when holding the key, further virtual list items are loaded in the popup. |
39+
| `ArrowUp` | Loads the previous virtual list item if the focus is present in first item of the current page. Additionally, when holding the key, further virtual list items are loaded in the popup. |
40+
| `PageDown` | Loads the next page and focus the last item in it. Additionally, when holding the key, further virtual list items are loaded in the popup. |
41+
| `PageUp` | Loads the previous page and focus the first item in it. Additionally, when holding the key, further virtual list items are loaded in the popup.|
42+
43+
## Limitation of virtualization
44+
45+
* Virtualization is not supported in the grouping feature.
46+
* Selected Value may or may not be present in the current view port.
47+
* Once filtered, close the popup. Then open the popup with the initially loaded items.
48+
* Virtualization does not work when the popup is closed, and a keyboard action is performed.

ej2-angular/code-snippet/kanban/priority-cs2/angular.json renamed to ej2-angular/code-snippet/autocomplete/virtual-scroll/angular.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
"app/styles.css"
2525
],
2626
"assets": [
27-
27+
{"glob": "*.css", "input": "", "output": ""}
2828
]
2929
},
3030
"configurations": {

0 commit comments

Comments
 (0)