v22.1.34 is released

Author: pipeline

config.json

@@ -176,7 +176,6 @@
 		"workflow",
 		"form-validator",
 		"signature",
-		"multiline-textbox",
-		null
+		"multiline-textbox"
 	]
 }

index.html

@@ -221,13 +221,21 @@
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Tailwind CSS Dark</span>
                     </li>
-                    <li class='active' id="material" role="listitem">
+                    <li class='e-list' id="material" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Material</span>
                     </li>
                     <li class="e-list" id="material-dark">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Material Dark</span>
+                    </li>
+                     <li class='active' id="material3" role="listitem">
+                            <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                            <span class="switch-text">Material 3</span>
+                      </li>
+                     <li class="e-list" id="material3-dark" role="listitem">
+                            <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                            <span class="switch-text">Material 3 Dark</span>
                     </li>
                     <li id="fabric" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
@@ -277,6 +285,8 @@
                                 <option value="tailwind-dark">Tailwind CSS Dark</option>
                                 <option value="material">Material</option>
                                 <option value="material-dark">Material Dark</option>
+                                <option value="material3">Material 3</option>
+                                <option value="material3-dark">Material 3 Dark</option>
                                 <option value="fabric">Fabric</option>
                                 <option value="fabric-dark">Fabric Dark</option>
                                 <option value="bootstrap4">Bootstrap v4</option>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "21.1.35",
+  "version": "22.1.34",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

src/accordion/ajax-content.html renamed to src/accordion/fetch-content.html

@@ -95,12 +95,12 @@
 </div>
 <div id="action-description">
     <p>
-        This sample demonstrates rendering <code>Accordion</code> content from external source using <code>Ajax</code> library. The content of panel “Network & Connectivity" is loaded from external element.
+        This sample demonstrates rendering <code>Accordion</code> content from external source using <code>Fetch</code> library. The content of panel “Network & Connectivity" is loaded from external element.
     </p>
 </div>
 <div id="description">
     <p>
-        This sample illustrates the external webpage content loaded inside the Accordion panel by using AJAX library.
+        This sample illustrates the external webpage content loaded inside the Accordion panel by using FETCH library.
     </p>
     <p>
         More information about Accordion can be found in this <a target="_blank" href="https://ej2.syncfusion.com/documentation/accordion/getting-started/">

src/accordion/ajax.html renamed to src/accordion/fetch.html

@@ -1,18 +1,18 @@
 import { loadCultureFiles } from '../common/culture-loader';
 /**
- * Accordion Ajax Sample
+ * Accordion Fetch Sample
  */
 import { Accordion, ExpandEventArgs } from '@syncfusion/ej2-navigations';
-import { Ajax } from '@syncfusion/ej2-base';
+import { Fetch } from '@syncfusion/ej2-base';
 
 let acrdnObj: Accordion;
 let nestAcrdn: Accordion;
 (window as any).default = (): void => {
     loadCultureFiles();
 
-    let ajax: Ajax = new Ajax('./src/accordion/ajax-content.html', 'GET', true);
-    ajax.send().then();
-    ajax.onSuccess = (data: string): void => {
+    let fetch: Fetch = new Fetch('./src/accordion/fetch-content.html', 'GET', "application/json",);
+    fetch.send().then();
+    fetch.onSuccess = (data: string): void => {
         //Initialize Accordion component
         acrdnObj = new Accordion({
             expandMode: 'Single',

src/accordion/ajax.ts renamed to src/accordion/fetch.ts

@@ -12,10 +12,10 @@
             "api": {"AccordionItem": ["header", "content", "expanded"], "Accordion":["items"] }
         },
         {
-            "url": "ajax",
-            "name": "Ajax Content",
+            "url": "fetch",
+            "name": "Fetch Content",
             "category": "Accordion",
-            "description":"The sample demonstrates how to load the content to the Accordion control from external sources using Ajax library in TypeScript platform.",
+            "description":"The sample demonstrates how to load the content to the Accordion control from external sources using Fetch library in TypeScript platform.",
             "api": {"Accordion": ["expandMode","expanding"] }
         },
         {

src/accordion/sample.json

@@ -24,6 +24,9 @@
     </p>
 </div>
 <style>
+    #gauge_Annotations_0 {
+        line-height: 0.4;
+    }
     .triangle-up {
         width: 20;
         height: 20;

src/arc-gauge/key-performance-indicator.html

@@ -14,7 +14,7 @@ import * as data from './dataSource.json';
     let atcObj1: AutoComplete = new AutoComplete({
         // bind the DataManager instance to dataSource property
         dataSource: new DataManager({
-            url: 'https://ej2services.syncfusion.com/js/development/api/Employees',
+            url: 'https://services.syncfusion.com/js/production/api/Employees',
             adaptor: new WebApiAdaptor,
             crossDomain: true
         }),

src/auto-complete/data-binding.ts

@@ -52,6 +52,7 @@ <h4> Icons</h4>
         color: #495057;
     }
     .material-dark .e-list-icon,
+    .material3-dark .e-list-icon,
     .bootstrap5-dark .e-list-icon,
     .tailwind-dark .e-list-icon,
     .fluent-dark .e-list-icon {