Integrated latest changes at 10-12-2023 1:30:14 AM

Author: SyncfusionBuild

ej2-angular-toc.html

@@ -2693,7 +2693,7 @@
     </ul>
  </li> <li>Release Notes
                 <ul>
-				<li>2023 Volume 3 - 23.*<ul><li> Weekly Nuget Release <ul><li><a href="/ej2-angular/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-angular/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
+				<li>2023 Volume 3 - 23.*<ul><li> Weekly Nuget Release <ul><li><a href="/ej2-angular/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-angular/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-angular/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
 				<li>2023 Volume 2 - 22.*
 				    <ul>
 					    <li> Weekly Release 

ej2-angular/Release-notes/23.1.40.md

@@ -0,0 +1,18 @@
+---
+title: Essential Studio for Angular 2023 Weekly Nuget Release Release Notes  
+description: Essential Studio for Angular 2023 Weekly Nuget Release Release Notes  
+platform: ej2-angular
+documentation: ug
+---
+
+# Essential Studio for  ##Platform_Name##   Release Notes  
+
+{% include release-info.html date="October 10, 2023"  version="v23.1.40" %} 
+
+{% directory path: _includes/release-notes/v23.1.40 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+

ej2-angular/auto-complete/virtual-scroll.md

@@ -10,7 +10,11 @@ domainurl: ##DomainURL##
 
 # Virtualization in AutoComplete Component
 
-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.
+AutoComplete virtualization is a technique used to efficiently render extensive lists of items while minimizing the impact on performance. This method is particularly advantageous when dealing with large datasets because it ensures that only a fixed number of DOM (Document Object Model) elements are created. When scrolling through the list, existing DOM elements are reused to display relevant data instead of generating new elements for each item. This recycling process is managed internally.
+ 
+During virtual scrolling, the data retrieved from the data source depends on the popup height and the calculation of the list item height. Enabling the [enableVirtualization](../api/auto-complete/#enableVirtualization) option in a AutoComplete activates this virtualization technique.
+ 
+When fetching data from the data source, the [actionBegin](../api/auto-complete/#actionbegin) event is triggered before data retrieval begins. Then, the [actionComplete](../api/auto-complete/#actioncomplete) event is triggered once the data is successfully fetched.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -29,20 +33,7 @@ AutoComplete virtualization is a technique used to efficiently render long lists
 
 {% previewsample "page.domainurl/samples/autocomplete/virtual-scroll" %}
 
-## Keyboard interaction
-
-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.
-
-| Key | Action |
-|-----|-----|
-| `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.  |
-| `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. |
-| `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. |
-| `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.|
-
 ## Limitation of virtualization
 
 * Virtualization is not supported in the grouping feature.
-* Selected Value may or may not be present in the current view port.
-* Once filtered, close the popup. Then open the popup with the initially loaded items.
-* Virtualization does not work when the popup is closed, and a keyboard action is performed.
+* Virtual scrolling in a AutoComplete control may not perform optimally when users attempt to interact with the component using the down and up arrow keys while the dropdown popup is closed.

ej2-angular/code-snippet/document-editor/link-cs1/src/app.component.ts

@@ -29,7 +29,7 @@ export class AppComponent {
     }
 
     public onInsertImage(args: any): void {
-        let documentEditor: DocumentEditorComponent = this.documentEditor;
+        let documentEditor: DocumentEditorComponent = this.documentEditor as DocumentEditorComponent;
         if (navigator.userAgent.match('Chrome') || navigator.userAgent.match('Firefox') || navigator.userAgent.match('Edge') || navigator.userAgent.match('MSIE') || navigator.userAgent.match('.NET')) {
             if (args.target.files[0]) {
                 //Get selected image.

ej2-angular/code-snippet/document-editor/link-cs2/src/app.component.ts

@@ -20,7 +20,7 @@ export class AppComponent {
     @ViewChild('document_editor')
     public documentEditor?: DocumentEditorComponent;
 
-    public onRequestNavigate(args: DocumentEditorKeyDownEventArgs): void {
+    public onRequestNavigate(args: RequestNavigateEventArgs): void {
         if (args.linkType !== 'Bookmark') {
             let link: string = args.navigationLink;
             if (args.localReference.length > 0) {

ej2-angular/code-snippet/document-editor/link-cs3/src/app.component.ts

@@ -19,7 +19,7 @@ export class AppComponent {
     @ViewChild('document_editor')
     public documentEditor?: DocumentEditorComponent;
 
-    public onRequestNavigate(args: DocumentEditorKeyDownEventArgs): void {
+    public onRequestNavigate(args: RequestNavigateEventArgs): void {
         if (args.linkType !== 'Bookmark') {
             let link: string = args.navigationLink;
             if (args.localReference.length > 0) {

ej2-angular/code-snippet/document-editor/link-cs7/src/app.component.ts

@@ -27,12 +27,12 @@ export class AppComponent {
     public onPrint(): void {
         let sfdtData = (this.documentEditor as DocumentEditorComponent).serialize();
         //Open the document in preview document editor.
-        this.documentEditorPreview.open(sfdtData);
+        (this.documentEditorPreview as DocumentEditorComponent).open(sfdtData);
         //Set A5 paper size
-        this.documentEditorPreview.selection.sectionFormat.pageWidth = 419.55;
-        this.documentEditorPreview.selection.sectionFormat.pageHeight = 595.30;
+        (this.documentEditorPreview as DocumentEditorComponent).selection.sectionFormat.pageWidth = 419.55;
+        (this.documentEditorPreview as DocumentEditorComponent).selection.sectionFormat.pageHeight = 595.30;
         //Print the document content.
-        this.documentEditorPreview.print();
+        (this.documentEditorPreview as DocumentEditorComponent).print();
     }
 }