v21.1.35 is released

Author: pipeline

config.json

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

index.html

@@ -432,7 +432,7 @@ <h1 class='sb-sample-text'>Chart</h1>
                                     <div class="content-area">
                                         <div class="ad-cnt-pt">
                                             <div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
-                                            <div class="cnt-text">65+ high-performance and responsive UI components</div>
+                                            <div class="cnt-text">80+ high-performance and responsive UI components</div>
                                         </div>
                                         <div class="ad-cnt-pt">
                                             <div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "20.4.38",
+  "version": "21.1.35",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -50,6 +50,7 @@
     "@types/marked": "^0.3.0",
     "@types/codemirror": "0.0.56",
     "@types/es6-promise": "0.0.28",
+    "@types/node": "12.12.25",
     "hasher": "^1.2.0",
     "moment-timezone": "0.5.13",
     "tributejs": "^3.7.3"

sampleOrder.json

@@ -509,7 +509,7 @@
         }
     },
     "gantt": {
-        "ControlName": "Gantt",
+        "ControlName": "Gantt Chart",
         "Samples": {
             "default": "Default Functionalities",
             "local-data": "Local Data",
@@ -903,6 +903,14 @@
             "navigation": "Keyboard Navigations"
         }
     },
+    "ribbon": {
+        "ControlName": "Ribbon",
+        "Samples": {
+            "default":"Default Functionalities",
+            "simplified": "Simplified Mode",
+            "resize": "Ribbon Resizing"            
+        }
+    },
     "rich-text-editor": {
         "ControlName": "Rich Text Editor",
         "Samples": {
@@ -1265,4 +1273,4 @@
             "custom-drop-area": "Custom Drop Area"
         }
     }
-}
+}

src/accordion/keyboard-interaction.ts

@@ -16,4 +16,14 @@ import { loadCultureFiles } from '../common/culture-loader';
      });
      // tslint:enable:max-line-length
      acrdnObj.appendTo('#Accordion_keyboard_interaction');      //Render initialized Accordion component
+
+     //Focus the Accordion header (alt+j) key combination
+    document.body.addEventListener('keydown', (e: KeyboardEvent) => {
+        let accordionElement: HTMLElement = document.querySelector(
+            '#Accordion_keyboard_interaction .e-acrdn-header'
+        );
+        if (e.altKey && e.keyCode === 74 && accordionElement) {
+            accordionElement.focus();
+        }
+    });
  };

src/arc-gauge/default.ts

@@ -137,7 +137,7 @@ let circulargauge: CircularGauge = new CircularGauge({
             color: '#7a7f82',
             startWidth: 1,
             endWidth: 1,
-            radius: '90%',
+            radius: '89%',
           },
           {
             start: 0,
@@ -153,7 +153,7 @@ let circulargauge: CircularGauge = new CircularGauge({
             color: '#7a7f82',
             startWidth: 1,
             endWidth: 1,
-            radius: '76%',
+            radius: '75%',
           },
           {
             start: 0,
@@ -169,7 +169,7 @@ let circulargauge: CircularGauge = new CircularGauge({
             color: '#7a7f82',
             startWidth: 1,
             endWidth: 1,
-            radius: '63%',
+            radius: '61%',
           },
           {
             start: 0,
@@ -185,7 +185,7 @@ let circulargauge: CircularGauge = new CircularGauge({
             color: '#7a7f82',
             startWidth: 1,
             endWidth: 1,
-            radius: '49%',
+            radius: '47%',
           },
           {
             start: 0,
@@ -201,7 +201,7 @@ let circulargauge: CircularGauge = new CircularGauge({
             color: '#7a7f82',
             startWidth: 1,
             endWidth: 1,
-            radius: '35%',
+            radius: '34%',
           },
         ],
         pointers: [],

src/arc-gauge/sample.json

@@ -2,34 +2,29 @@
     "name": "Arc Gauge",
     "directory": "arc-gauge",
     "category": "Data Visualization",
-    "type":"new",
     "ftName": "arcgauge",
     "samples": [
         {
             "url": "default",
             "name": "Default Functionalities",
-            "type":"new",
             "description": "This Essential JS2 Arc Gauge demo shows the gauge's basic rendering.",
             "category": "Arc Gauge"
         },
         {
             "url": "customer-satisfaction-score",
             "name": "Customer Satisfaction Score",
-            "type":"new",
             "description": "This Essential JS2 Arc Gauge demo shows how the gauge can be customized to represent a customer satisfaction score scenario.",
             "category": "Arc Gauge"
         },
         {
             "url": "key-performance-indicator",
             "name": "Key Performance Indicator",
-            "type":"new",
             "description": "This Essential JS2 Arc Gauge demo shows how the gauge can be customized to represent a key performance indicator scenario.",
             "category": "Arc Gauge"
         },
         {
             "url": "patterns",
             "name": "Patterns",
-            "type":"new",
             "description": "This Essential JS2 Arc Gauge demo shows how the gauge can be rendered in many ways to demonstrate different user interfaces by customizing its axis, range, pointer, etc.",
             "category": "Arc Gauge"
         }

src/auto-complete/data-binding.ts

@@ -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/production/web-services/api/Employees',
+            url: 'https://ej2services.syncfusion.com/js/development/api/Employees',
             adaptor: new WebApiAdaptor,
             crossDomain: true
         }),

src/auto-complete/highlight.html

@@ -40,5 +40,9 @@
         width: 50%;
         padding-left: 10px;
     }
+
+    .e-dropdownbase .e-list-item .e-highlight {
+        color: red;
+    }
 </style>
 <!-- custom code end-->

src/chart/accumulation-distribution-indicator.html

@@ -3,16 +3,15 @@
 </div>
 <div id="action-description">
     <p>
-        This sample illustrates a stock chart with candle series and an accumulation distribution indicator. Trackball shows the information about the stock and signal value of a day.
+        This sample illustrates a chart with candle series and an accumulation distribution indicator. The trackball shows information about the stock rates and signal values each day.
    </p>
 </div>
 <div id="description">
     <p>
-        In this example, you can see how to render and configure the Accumulation Distribution Indicator. You can use <code>border</code>, 
-        <code>fill</code> properties to customize the area.
+        In this example, you can see how to render and configure an accumulation distribution indicator. This uses volume and price to identify whether stock is accumulated or distributed. It also identifies divergences between the stock price and volume flow.
     </p>
     <p>
-        Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.
+        <code>Tooltip</code> is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.
     </p>
     <br>
     <p style="font-weight: 500"><b>Injecting Module</b></p>
@@ -22,7 +21,7 @@
     </p>
     <p>
         More information on the Accumulation Distribution Indicator can be found in this
-        <a target="_blank" href="http://ej2.syncfusion.com/documentation/chart/api-series.html#type">documentation section</a>.
+        <a target="_blank" href="https://ej2.syncfusion.com/documentation/chart/technical-indicators/#accumulation-distribution">documentation section</a>.
     </p>
 </div>
 <style>