DOCINFRA-2341_merged_using_automation

ej2-angular/heatmap-chart/bubble-heatmap.md

@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
 
 # Bubble heatmap in Angular Heatmap chart component
 
+This section explains how to customize the appearance of the HeatMap cells as bubbles. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=WTK0lubgN9E" %}
+
 Data points represent the data source values with **gradient** or **fixed** colors in the HeatMap. You can customize the appearance of these data points by changing the `color` and `size` attributes.
 
 The data points can be represented in color fill or bubble shape by defining the [tileType](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#tiletype) property. By default, the data points are color filled with gradient or fixed colors and this depiction of data points is defined as `Rect` in the `tileType` property.
@@ -26,7 +30,7 @@ In bubble HeatMap, you can display the data points with bubble size, bubble colo
 
 In this bubble HeatMap type, the size factor of the bubble is used to denote the data variations. The radius of the bubble varies according to data values.
 
-By default, the bubble with small size denotes the data value with small magnitude and the larger bubble size denotes the data value with larger magnitude. This behavior can be inversed by using the [isinversedbubblesize](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#isinversedbubblesize) property.
+By default, the bubble with small size denotes the data value with small magnitude and the larger bubble size denotes the data value with larger magnitude. This behavior can be inversed by using the [isInversedBubbleSize](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#isinversedbubblesize) property.
 
 To render a bubble HeatMap with size series, set the [bubbleType](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#bubbletype) property to **Size**.
 
@@ -179,4 +183,4 @@ The size and color of the bubbles in the **SizeAndColor** bubble HeatMap type ca
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/samples/heatmap/bubble-heatmap/sizeAndColorJSONCell-cs2" %}
+{% previewsample "page.domainurl/samples/heatmap/bubble-heatmap/sizeAndColorJSONCell-cs2" %}

ej2-angular/heatmap-chart/getting-started.md

@@ -10,7 +10,11 @@ domainurl: ##DomainURL##
 
 # Getting started with Angular Heatmap chart component
 
-This section explains  the steps required to create a heat map and demonstrates the basic usage of the heat map control.
+This section explains the steps required to create a heat map and demonstrates the basic usage of the HeatMap component.
+
+You can explore some useful features in the HeatMap component using the following video.
+
+{% youtube "https://www.youtube.com/watch?v=GG3l2cAst7Y" %}
 
 ## Setup Angular Environment
 
@@ -254,4 +258,4 @@ The tooltip is used when you cannot display information by using the data labels
 
 {% previewsample "page.domainurl/samples/heatmap/getting-started/tooltip-cs1" %}
 
-> You can refer to our [Angular Heatmap Chart]( https://www.syncfusion.com/angular-ui-components/angular-heatmap-chart)  feature tour page for its groundbreaking feature representations. You can also explore our [Angular Heatmap Chart example](https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/default) that shows how to render the Heatmap Chart in Angular.
+> You can refer to our [Angular Heatmap Chart]( https://www.syncfusion.com/angular-ui-components/angular-heatmap-chart)  feature tour page for its groundbreaking feature representations. You can also explore our [Angular Heatmap Chart example](https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/default) that shows how to render the Heatmap Chart in Angular.

ej2-angular/heatmap-chart/working-with-data.md

@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
 
 # Working with data in Angular Heatmap chart component
 
+This section shows how to bind data to the HeatMap component. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=oK23v5DbbLg" %}
+
 Heat map visualizes the JSON data and two-dimensional array data. Using the data adaptor support, data can be bound to the heat map.
 
 ## Data adaptor
@@ -121,4 +125,4 @@ In complex data binding, you can bind the nested JSON data to the data points in
 
 ## See Also
 
-* [To bind data for bubble heat map with size and color attributes](./bubble-heatmap/#binding-data-for-bubble-heat-map-with-size-and-color-attributes)
+* [To bind data for bubble heat map with size and color attributes](./bubble-heatmap/#binding-data-for-bubble-heat-map-with-size-and-color-attributes)

ej2-angular/linear-gauge/axis.md

@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
 
 # Axis in Angular Linear gauge component
 
+This section explains how to customize the appearance of the axis labels, ranges, and pointers in the Linear Gauge component. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=pI9KyD74NQo" %}
+
 <!-- markdownlint-disable MD013 -->
 
 Axis is used to indicate the numeric values in the linear scale. The Linear Gauge component can have any number of axes. The sub-elements of an axis are line, ticks, labels, ranges, and pointers.

ej2-angular/linear-gauge/getting-started.md

@@ -14,6 +14,8 @@ domainurl: ##DomainURL##
 
 This section explains the steps required to create a simple Linear Gauge and demonstrate the basic usage of the Linear Gauge component.
 
+{% youtube "https://www.youtube.com/watch?v=KHAuX1TQisU" %}
+
 ## Dependencies
 
 Below is the list of minimum dependencies required to use the Linear Gauge component.

ej2-angular/samples/diagram/commands/grouping-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.f636748cc9bad9cc.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.41baf8de3e39b9ff.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/layers/layers-cs5/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.d56ef44cc2253cac.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.bcb24af3e7d3f91f.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/layers/layers-cs6/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.f823f2a09376668e.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.76de9ac9d4107d88.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/layers/layers-cs7/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.5c7a28317b4bc2f4.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.10ecba4e72d9d589.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/layers/layers-cs8/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.1c8c09371bc3e3ce.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.df0256789227b196.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/nodes/node-expandAndCollapse-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.55bf572d1a73b49c.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.4c4feb775a3c1aa7.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/nodes/node-expandAndCollapse-cs2/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.a5263187c36c3a78.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.348fc4eaf45b08b7.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/ports/add-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.606f4ee7e9720645.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.a8714d93274f2509.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/ports/connectionPort/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.af1e59c52e0906ea.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.de0f5aa53693d70c.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/ports/edges-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.023313dfd9f60d96.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.53ae47e68a59141c.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/ports/node-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.5b5747e17b12a4e6.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.7ea7dd8033e7551a.js" type="module"></script></body>
 </html>

ej2-angular/samples/diagram/ports/remove-cs1/index.html

@@ -19,5 +19,5 @@
     <app-container>
         <div id="loader">Loading....</div>
     </app-container>
-<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.057b645816e1cd30.js" type="module"></script></body>
+<script src="runtime.cf3bdadb8fd8abdc.js" type="module"></script><script src="main.89a4eb77ff6e4ae0.js" type="module"></script></body>
 </html>