Sync with Kendo UI Professional

kendo-bot · kendo-bot · commit 07bc57ce6d34 · 2024-11-18T04:19:55.000Z
diff --git a/docs-aspnet/html-helpers/charts/overview.md b/docs-aspnet/html-helpers/charts/overview.md
@@ -310,7 +310,6 @@ You may also need to apply global settings that affect all axes. In such cases,
 
 * [Data binding]({% slug htmlhelpers_charts_databinding_aspnetcore %})—You can populate the Telerik UI Chart for {{ site.framework }} with data by binding it to inline data, local data, or remote data.
 * [Appearance]({% slug htmlhelpers_charts_appearance_aspnetcore %})—Unlike other {{ site.product }} components which use only CSS for styling, you can control the appearance of the Chart elements primarily by using JavaScript style options.
-* [Scaffolding]({% slug scaffoldingchart_aspnetmvc %})—The Chart for {{ site.framework }} enables you to use the Kendo UI Scaffolder Visual Studio extension.
 * [No Data Template]({% slug htmlhelpers_charts_no_data_template %})—The Chart for {{ site.framework }} allows you to display a message when there is no data to show. Here’s how to set up a custom message for scenarios where the chart data is unavailable.
 * [Series Patterns]({% slug htmlhelpers_charts_patterns %})—The Telerik UI Chart component for {{ site.framework }} offers customization options for presenting data visually, including support for using patterns in chart series.
 
diff --git a/docs-aspnet/installation/system-requirements/jquery-support.md b/docs-aspnet/installation/system-requirements/jquery-support.md
@@ -18,7 +18,7 @@ The Kendo UI library is based on [jQuery](http://jquery.com/) and all Kendo UI b
 
 ## Supported Versions
 
-{{ site.product }} is compatible with jQuery 1.10.x, 2.2.x and 3.7.0. Usually, each newly released jQuery version introduces breaking changes and is not compatible with the existing {{ site.product }}. In such cases, use the previous jQuery version until the release of the next official {{ site.product }} version that resolves the issue is released.
+{{ site.product }} is compatible with jQuery 1.10.x, 2.2.x and 3.7.x. Usually, each newly released jQuery version introduces breaking changes and is not compatible with the existing {{ site.product }}. In such cases, use the previous jQuery version until the release of the next official {{ site.product }} version that resolves the issue is released.
 
 Generally, the {{ site.product }} service packs and their related major releases ship with the same jQuery version. The jQuery version changes only with new major releases.
 
@@ -27,7 +27,7 @@ The following table provides a list of the jQuery versions that are compatible w
 {% if site.core %}
 | Major Releases												                                         | Compatible jQuery Versions    |
 | :---															                                             | :---			         |
-| [UI for ASP.NET Core 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-4-1112-(2024-q4))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
+| [UI for ASP.NET Core 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-4-1112-(2024-q4))|3.7.x, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2024.3.806 (2024 Q3)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-3-806-(2024-q3))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2024.2.514 (2024 Q2)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/telerik-ui-for-asp-net-core-2024-2-514-(2024-q2))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [UI for ASP.NET Core 2024.1.130 (2024 Q1)](https://www.telerik.com/support/whats-new/aspnet-core-ui/release-history/ui-for-asp-net-core-2024-q1-(version-2024-1-130))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
diff --git a/docs/controls/charts/no-data-template.md b/docs/controls/charts/no-data-template.md
@@ -0,0 +1,95 @@
+---
+title: No Data Template
+page_title: No Data Template
+description: "Learn how to use the No Data Template of the Kendo UI for jQuery Chart."
+slug: kendo_charts_no_data_template
+position: 7
+---
+
+# No Data Template
+
+The Kendo UI for jQuery Chart component allows to display a message when there is no data to show. This feature is particularly useful when loading data asynchronously, as it reassures users that data may appear after a delay. Customizing the No Data Template is simple, enabling to add styling or interactive elements like buttons to improve usability. The No Data Template can be used for all [chart types]({% slug overview_charttypes_charts %}). Here's how to set up a custom message for scenarios where the chart data is unavailable.
+
+## Example with Bar Chart
+
+```dojo
+<div id="chart"></div> 
+<script>
+    $(document).ready(function () {
+        var dataSource = new kendo.data.DataSource({
+            transport: {
+                read: {
+                    url: "https://demos.telerik.com/kendo-ui/content/dataviz/js/spain-electricity.json",
+                    dataType: "json"
+                }
+            },
+            sort: {
+                field: "year",
+                dir: "asc"
+            }
+        });
+
+        $("#chart").kendoChart({
+            dataSource: {
+                data: []
+            },
+            title: {
+                text: 'Spain electricity production (GWh)'
+            },
+            series:
+                [{
+                    field: "nuclear",
+                    categoryField: "year",
+                    name: "Nuclear"
+                }, {
+                    field: "hydro",
+                    categoryField: "year",
+                    name: "Hydro"
+                }, {
+                    field: "wind",
+                    categoryField: "year",
+                    name: "Wind"
+                }],
+            categoryAxis: {
+                labels: {
+                    rotation: -90
+                },
+                majorGridLines: {
+                    visible: false
+                }
+            },
+            valueAxis: {
+                labels: {
+                    format: "N0"
+                },
+                majorUnit: 10000,
+                line: {
+                    visible: false
+                }
+            },
+            noData: {
+                template: () => {
+                    return `<div class="empty-template">
+                                        <p>There is no data to display.</p>
+                                        <button id="button" type="button">Load Data</button>
+                                    </div>`;
+                }
+            },
+            dataBound: function () {
+                $("#button").kendoButton({
+                    icon: "arrow-rotate-cw",
+                    click: function () {
+                        let chart = $("#chart").data("kendoChart");
+                        chart.setDataSource(dataSource);
+                    }
+                })
+            }
+        });
+    });
+</script>
+```
+
+## See Also
+
+* [API Reference of the Kendo UI for jQuery Chart](api/javascript/dataviz/ui/chart)
+* [Overview of the Kendo UI for jQuery Bar Chart (Demos)](https://demos.telerik.com/kendo-ui/bar-charts/index) 
diff --git a/docs/controls/charts/overview.md b/docs/controls/charts/overview.md
@@ -31,6 +31,7 @@ All graphics are rendered on the client by using [Scalable Vector Graphics (SVG)
 |[Panes]({% slug panes_charts_widget %}) | The Chart panes enable you to create vertical sub-divisions in a single categorical Chart.
 |[Title]({% slug title_features_charts %}) | The Chart enables you to configure its title.
 |[Tooltip]({% slug tooltip_charts_widget %}) | The Chart enables you to display details about the data point over which the mouse is currently hovering.
+|[No Data Template]({% slug kendo_charts_no_data_template %}) | The Chart allows you to show an overlay with a "No Data Available" message when there's no data in the component.
 
 ## Next Steps 
 
diff --git a/docs/intro/installation/npm.md b/docs/intro/installation/npm.md
@@ -216,6 +216,39 @@ To bundle the UMD files:
     npx rollup -c
     ```
 
+### Latest Export Settings
+
+As of `2024.4.1112` the `@progress/kendo-ui` NPM package introduce a more fine-grained exports setting to satisfy various module bundlers and easy its usage in the NPM ecosystem.
+
+```javascript
+`@progress/kendo-ui` //Imports the kendo.all.js 
+`@progress/kendo-ui/*.js` //Imports the files corresponding to the modul system used - ESM or CJS.
+`@progress/kendo-ui/esm` //Imports kendo.all.js only for ESM.
+`@progress/kendo-ui/esm/*.js` //Imports the files for ESM.
+`@progress/kendo-ui/cjs` //Importskendo.all.js only for CJS.
+`@progress/kendo-ui/esm/*.js` //Imports the files for CJS.
+`@progress/kendo-ui/umd` //Imports kendo.all.min.js only for UMD.
+`@progress/kendo-ui/umd/*.js` //Imports th files for UMD.
+```
+
+#### Examples
+
+```javascript
+import "@progress/kendo-ui"; //Imports the kendo.all.js 
+```
+
+```javascript
+import "@progress/kendo-ui/esm"; //Imports kendo.all.js only for ESM.
+```
+
+```javascript
+import "@progress/kendo-ui/kendo.grid.js"; //Imports the Grid related files corresponding to the modul system used - ESM or CJS.
+```
+
+```javascript
+import "@progress/kendo-ui/esm/kendo.grid.js"; //Imports the Grid related files for ESM.
+```
+
 ## Known Issues 
 
 * The Progress NPM registry was retired in favor of [npmjs.com](https://www.npmjs.com/). To start using the default registry, remove the two lines which contain `registry.npm.telerik.com` from your `.npmrc` file.
diff --git a/docs/intro/supporting/jquery-support.md b/docs/intro/supporting/jquery-support.md
@@ -17,12 +17,12 @@ The Kendo UI library is based on [jQuery](https://jquery.com/).
 
 ## Supported Versions
 
-Kendo UI is compatible with jQuery 1.10.x, 2.2.x and 3.7.0. Each newly released jQuery version introduces breaking changes and is not compatible with the existing Kendo UI versions. In such cases, use the previous jQuery version until the next official Kendo UI version that resolves the issue is released.
+Kendo UI is compatible with jQuery 1.10.x, 2.2.x and 3.7.x. Each newly released jQuery version introduces breaking changes and is not compatible with the existing Kendo UI versions. In such cases, use the previous jQuery version until the next official Kendo UI version that resolves the issue is released.
 The following table provides a list of the jQuery versions that are compatible with the major Kendo UI releases and their corresponding service packs.
 
 | Major Releases												                                         | Compatible jQuery Versions    |
 | :---															                                             | :---			         |
-| [Kendo UI 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-4-1112-(2024-q4))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
+| [Kendo UI 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-4-1112-(2024-q4))|3.7.x, 2.2.x, 1.12.4, 1.10.x|
 | [Kendo UI 2024.3.806 (2024 Q3)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-3-806-(2024-q3))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [Kendo UI 2024.2.514 (2024 Q2)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-2-514-(2024-q2))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
 | [Kendo UI 2024.1.130 (2024 Q1)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-2024-q1-(version-2024-1-130))|3.7.0, 2.2.x, 1.12.4, 1.10.x|
diff --git a/docs/redirects.conf b/docs/redirects.conf
@@ -18,10 +18,18 @@ rewrite ^/kendo-ui/jsp/(.*)$
          https://www.telerik.com/jsp-ui
          permanent;
 
+rewrite ^/kendo-ui/api/jsp/(.*)$
+         https://www.telerik.com/jsp-ui
+         permanent;
+
 rewrite ^/kendo-ui/php/(.*)$
          https://www.telerik.com/php-ui
          permanent;
 
+rewrite ^/kendo-ui/api/php/(.*)$
+         https://www.telerik.com/php-ui
+         permanent;
+
 rewrite ^/kendo-ui/api/web/(.*)$
          /kendo-ui/api/javascript/ui/$1
          permanent;
diff --git a/tests/popup/popup.js b/tests/popup/popup.js
@@ -272,7 +272,7 @@
             scrollTo(0, anchor.offset().top);
             popup.open();
             scrollTo(0, 0);
-            assert.equal(round100(div.parent().offset().top) + Math.round(div.outerHeight()), round100(anchor.offset().top), 8);
+            roughlyEqual(round100(div.parent().offset().top) + Math.round(div.outerHeight()), round100(anchor.offset().top), 8, 1);
         });
 
         it("origin top and position center", function() {
diff --git a/tests/tooltip/tooltip.js b/tests/tooltip/tooltip.js
@@ -493,7 +493,7 @@
             });
 
             tooltip.show(container);
-            assert.equal(kendo._outerWidth(tooltip.popup.element) + 1, tooltip.popup.wrapper.width());
+            roughlyEqual(kendo._outerWidth(tooltip.popup.element) + 1, tooltip.popup.wrapper.width(), 0.5);
         });
 
         it("width is set to the popup", function() {
