936558: Resolved the conflict for JS and TS docs

ej2-javascript-toc.html

@@ -530,6 +530,7 @@
 <ul>
 <li><a href="/ej2-javascript/chips/getting-started">Getting started</a></li>
 <li><a href="/ej2-javascript/chips/types">Types</a></li>
+<li><a href="/ej2-javascript/chips/draganddrop">Drag and Drop</a></li>
 <li><a href="/ej2-javascript/chips/customization">Customization</a></li>
 <li><a href="/ej2-javascript/chips/style">CSS Structure</a></li>
 <li><a href="/ej2-javascript/chips/accessibility">Accessibility</a></li>
@@ -683,8 +684,10 @@
 <li><a href="/ej2-javascript/data/data-binding">Data Binding</a></li>
 <li><a href="/ej2-javascript/data/adaptors">Adaptors</a></li>
 <li><a href="/ej2-javascript/data/querying">Querying</a></li>
+<li><a href="/ej2-javascript/data/cache">Cache</a></li>
 <li><a href="/ej2-javascript/data/manipulation">CRUD Data operations</a></li>
 <li><a href="/ej2-javascript/data/dataManager-persistence">State Persistence</a></li>
+<li><a href="/ej2-javascript/data/applying-middleware-logic">Applying Middleware Logic</a></li>
 <li><a href="/ej2-javascript/data/how-to">How To</a></li>
 <li><a href="https://ej2.syncfusion.com/javascript/documentation/api/data/overview/">API Reference</a></li>
 </ul>
@@ -1489,19 +1492,19 @@
 <li><a href="/ej2-javascript/image-editor/end-user-capabilities">End User Capabilities</a></li>
 <li><a href="/ej2-javascript/image-editor/open-save">Open and Save</a></li>
 <li><a href="/ej2-javascript/image-editor/selection-cropping">Selection and Cropping</a></li>
-<li><a href="/ej2-javascript/image-editor/annotation">Annotation</a></li>
 <li><a href="/ej2-javascript/image-editor/transform">Transform</a></li>
-<li><a href="/ej2-javascript/image-editor/toolbar">Toolbar</a></li>
-<li><a href="/ej2-javascript/image-editor/localization">Localization</a></li>
-<li><a href="/ej2-javascript/image-editor/filter">Filter</a></li>
+<li><a href="/ej2-javascript/image-editor/annotation">Annotation</a></li>
+<li><a href="/ej2-javascript/image-editor/z-order">Z-Order</a></li>
+<li><a href="/ej2-javascript/image-editor/quick-access">Quick Access Toolbar</a></li>
 <li><a href="/ej2-javascript/image-editor/finetune">Finetune</a></li>
+<li><a href="/ej2-javascript/image-editor/filter">Filter</a></li>
 <li><a href="/ej2-javascript/image-editor/frame">Frame</a></li>
 <li><a href="/ej2-javascript/image-editor/resize">Resize</a></li>
-<li><a href="/ej2-javascript/image-editor/quick-access">Quick Access Toolbar</a></li>
-<li><a href="/ej2-javascript/image-editor/undo-redo">Undo Redo</a></li>
-<li><a href="/ej2-javascript/image-editor/z-order">Z-Order</a></li>
 <li><a href="/ej2-javascript/image-editor/redact">Redact</a></li>
+<li><a href="/ej2-javascript/image-editor/undo-redo">Undo Redo</a></li>
 <li><a href="/ej2-javascript/image-editor/image-restrictions">Image Restrictions</a></li>
+<li><a href="/ej2-javascript/image-editor/toolbar">Toolbar</a></li>
+<li><a href="/ej2-javascript/image-editor/localization">Localization</a></li>
 <li><a href="/ej2-javascript/image-editor/accessibility">Accessibility</a></li>
 <li>How To
 <ul>
@@ -2096,6 +2099,7 @@
 <li><a href="/ej2-javascript/pivotview/how-to/bind-complex-data-to-the-pivot-table">Convert complex JSON to flat JSON and assign it to the pivot table</a></li>
 <li><a href="/ej2-javascript/pivotview/how-to/load-pre-defined-report-in-initial-rendering">Load desired report from the report list as default</a></li>
 <li><a href="/ej2-javascript/pivotview/how-to/display-value-in-hrs-min-sec-format">Display string value to pivot table values</a></li>
+<li><a href="/ej2-javascript/pivotview/how-to/configuring-the-pivotview-control-minimum-width">Configuring the minimum width in the pivot table control</a></li>
 </ul>
 </li>
 <li><a href="https://ej2.syncfusion.com/javascript/documentation/api/pivotview">API Reference</a></li>
@@ -2319,8 +2323,8 @@
 <li><a href="/ej2-javascript/rich-text-editor/accessibility">Accessibility</a></li>
 <li>How To
 <ul>
-<li><a href="/ej2-javascript/rich-text-editor/how-to/richtexteditor-inside-dialog">Integrating Rich Text Editor in Dialog Components</a></li>
-<li><a href="/ej2-javascript/rich-text-editor/how-to/richtexteditor-inside-tab">Integrating Rich Text Editor in Tab Components</a></li>
+<li><a href="/ej2-javascript/rich-text-editor/how-to/richtexteditor-inside-dialog">Integrating Rich Text Editor in Dialog Control</a></li>
+<li><a href="/ej2-javascript/rich-text-editor/how-to/richtexteditor-inside-tab">Integrating Rich Text Editor in Tab Control</a></li>
 <li><a href="/ej2-javascript/rich-text-editor/how-to/default-font">Change default font-family</a></li>
 <li><a href="/ej2-javascript/rich-text-editor/how-to/file-size">Check image size</a></li>
 <li><a href="/ej2-javascript/rich-text-editor/how-to/shortcut-key">Customize shortcut keys</a></li>
@@ -2487,6 +2491,18 @@
 <li><a href="/ej2-javascript/sparkline/ej1-api-migration">Migration from Essential JS 1</a></li>
 <li><a href="https://ej2.syncfusion.com/javascript/documentation/api/sparkline/">API Reference</a></li>
 </ul>
+</li><li>Speech To Text
+    <ul>
+        <li><a href="/ej2-javascript/speech-to-text/es5-getting-started">Getting Started</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/speech-recognition">Speech recognition</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/appearance">Appearance</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/globalization">Globalization</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/accessibility">Accessibility</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/security">Security concerns</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/methods">Methods</a></li>
+        <li><a href="/ej2-javascript/speech-to-text/events">Events</a></li>
+        <li><a href="https://ej2.syncfusion.com/javascript/documentation/api/speech-to-text/">API Reference</a></li>
+    </ul>
 </li><li>
 SpeedDial
 <ul>

ej2-javascript/accumulation-chart/funnel.md

@@ -226,6 +226,72 @@ Individual points can be customized using the `pointRender` event.
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs24" %}
 {% endif %}
 
+## Mode
+
+The Funnel chart supports both Standard and Trapezoidal modes of rendering. The default value of the `funnelMode` is `Standard`.
+
+### Standard Mode
+
+The `Standard` funnel mode follows the traditional funnel shape, with the width continuously narrowing down to a point at the bottom.
+
+{% if page.publishingplatform == "typescript" %}
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs495/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs495/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs495" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs495/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs495/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs495" %}
+{% endif %}
+
+### Trapezoidal Mode
+
+The `Trapezoidal` mode is a modified funnel shape where the width narrows, but features a flattened or parallel section near the top, creating a trapezoidal appearance. This mode helps compare different data points more clearly while maintaining a funnel-like structure.
+
+{% if page.publishingplatform == "typescript" %}
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs489/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs489/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs489" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs489/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs489/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs489" %}
+{% endif %}
+
 ## See also
 
 * [Data label](./data-label)

ej2-javascript/accumulation-chart/title-and-sub-title.md

@@ -73,6 +73,37 @@ Accumulation Chart can be customizing a title using [`titleStyle`](../api/accumu
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs63" %}
 {% endif %}
 
+### Position
+
+The `position` property customizes the placement of the accumulation chart title. It supports the following options: `Right`, `Left`, `Bottom`, `Top`, and `Custom`. The Custom option allows you to position the title anywhere on the chart using x and y coordinates, providing flexible title alignment based on layout requirements.
+
+{% if page.publishingplatform == "typescript" %}
+
+ {% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs496/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs496/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs496" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs496/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs496/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs496" %}
+{% endif %}
+
 ## SubTitle
 
 Accumulation Chart can be given a subtitle using [`subTitle`](../api/accumulation-chart/accumulationChartModel/#subtitle) property, to show the information about the data plotted.
@@ -134,3 +165,34 @@ Accumulation Chart can be customizing a subtitle using [`subTitleStyle`](../api/
 
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs65" %}
 {% endif %}
+
+### Position
+
+The `position` property customizes the placement of the accumulation chart subtitle. It supports the following options: `Right`, `Left`, `Bottom`, `Top`, and `Custom`. The Custom option allows you to position the subtitle anywhere on the chart using x and y coordinates, providing flexible subtitle alignment based on layout requirements.
+
+{% if page.publishingplatform == "typescript" %}
+
+ {% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs496/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs496/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs496" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs496/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs496/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs496" %}
+{% endif %}

ej2-javascript/bullet-chart/js/es5-getting-started.md

@@ -178,7 +178,7 @@ var data = [
 ];
 ```
 
-Now assign the local data to `dataSource` property. `value` and `target` values should be mapped with `valueName` and `targetName` respectively.
+Now assign the local data to `dataSource` property. `value` and `target` values should be mapped with `valueField` and `targetField` respectively.
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}

ej2-javascript/bullet-chart/ts/getting-started.md

@@ -172,7 +172,7 @@ let data: any[] = [
 {% endhighlight %}
 {% endtabs %}
 
-Now assign the local data to `dataSource` property. `value` and `target` values should be mapped with `valueName` and `targetName` respectively.
+Now assign the local data to `dataSource` property. `value` and `target` values should be mapped with `valueField` and `targetField` respectively.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}

ej2-javascript/chart/Chart-types/scatter.md

@@ -173,6 +173,7 @@ The [shape](../../api/chart/markerSettings/#shape) property allows you to custom
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs351" %}
 {% endif %}
 
+
 **Border**
 
 The [border](../../api/chart/series/#border) property allows you to customize the border of the series by defining its [color](../../api/chart/borderModel/#color), [width](../../api/chart/borderModel/#width), and [dashArray](../../api/chart/borderModel/#dasharray).
@@ -187,7 +188,7 @@ The [border](../../api/chart/series/#border) property allows you to customize th
 {% include code-snippet/chart/chart-types-cs488/index.html %}
 {% endhighlight %}
 {% endtabs %}
-
+        
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs488" %}
 
 {% elsif page.publishingplatform == "javascript" %}
@@ -204,7 +205,6 @@ The [border](../../api/chart/series/#border) property allows you to customize th
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs488" %}
 {% endif %}
 
-
 ## Empty points
 
 Data points with `null` or `undefined` values are considered empty. Empty data points are ignored and not plotted on the chart.

ej2-javascript/chart/Chart-types/stack-area.md

@@ -397,6 +397,83 @@ The [`pointRender`](../../api/chart#pointrender) event allows you to customize e
 {% previewsample "page.domainurl/code-snippet/chart/chart-types-cs414" %}
 {% endif %}
 
+## Stack labels
+
+The `stackLabels` in stacked charts display cumulative total values for stack segments directly using data labels. If a stacked point has negative values, the stack labels are displayed below the point.
+
+{% if page.publishingplatform == "typescript" %}
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs491/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs491/index.html %}
+{% endhighlight %}
+{% highlight ts tabtitle="datasource.ts" %}
+{% include code-snippet/chart/chart-types-cs491/datasource.ts %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs491" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs491/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs491/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs491" %}
+{% endif %}
+
+### Stack labels customization
+Stack labels have various properties for customization to enhance the visual based on your requirements:
+
+* `visible` - Specifies whether stack labels are visible. Setting to true will display the labels. Default is false.
+* `fill` - Defines the background color of the stack labels. Accepts valid CSS color strings (hex, RGBA, etc.). Default is transparent.
+* `format` - Formats the text displayed in the stack labels. Supports placeholders like {value}. Default is null.
+* `angle` - Specifies the rotation angle for stack labels in degrees. Default is 0.
+* `rx` - Defines the rounded corner radius along the X-axis (horizontal direction) for the stack label background. Default is 5.
+* `ry` - Defines the rounded corner radius along the Y-axis (vertical direction) for the stack label background. Default is 5.
+* `margin` - Configures the margin around the stack label (left, right, top, and bottom).
+* `border` - Configures the appearance of the stack label's border.
+* `font` - Customizes the stack label text, including font size, color, style, weight, and family.
+
+{% if page.publishingplatform == "typescript" %}
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/chart/chart-types-cs491A/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs491A/index.html %}
+{% endhighlight %}
+{% highlight ts tabtitle="datasource.ts" %}
+{% include code-snippet/chart/chart-types-cs491A/datasource.ts %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs491A" %}
+
+{% elsif page.publishingplatform == "javascript" %}
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/chart/chart-types-cs491A/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/chart/chart-types-cs491A/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/chart/chart-types-cs491A" %}
+{% endif %}
+
 ## See also
 
 * [Data label](../data-labels)