Sync with Kendo UI Professional

Author: kendo-bot

docs/intro/installation/npm.md

@@ -69,7 +69,7 @@ As of the 2022.3.1109 version, the `package.json` file comes with three [fields
 - `main`—Points to the CommonJS `kendo.all.js` script in the `js` folder.
 - `browser`—Points to the UMD `kendo.all.min.js` script in the `umd` folder.
 
-To bundle the Kendo UI scripts by using one of the [module systems](#3-choose-a-module-system-to-use), you can use a plugin such as [rollup](https://rollupjs.org/guide/en/).
+To bundle the Kendo UI scripts by using one of the [module systems](#3-choose-a-module-system-to-use), you can use a plugin such as [rollup](https://rollupjs.org/guide/en/). For more information on working with different module bundlers, see [Module Bundlers]({% slug module_bundlers_integration_kendoui %}) and [Webpack Support]({% slug webpacksupport_integration_kendoui %}).
 
 > Starting from version 2023.3.718, the `kendo` instance is exported as a default export for the CommonJS and ECMAScript modules. This allows you to:
 > * Use the `import kendo from "@progress/kendo-ui"` syntax to import the Kendo UI scripts in your application. 
@@ -263,6 +263,8 @@ import "@progress/kendo-ui/esm/kendo.grid.js"; //Imports the Grid related files
 ## Next Steps
 
 * [Create Your Own Custom Bundles]({% slug include_only_what_you_need_kendoui_scripts %})
+* [Work with Module Bundlers]({% slug module_bundlers_integration_kendoui %})
+* [Use Kendo UI with Webpack]({% slug webpacksupport_integration_kendoui %})
 * [The Component DOM Element Structure]({% slug widgetwrapperandelement_references_gettingstarted %})
 * [Initialize Components as jQuery Plugins]({% slug initialize_widgets_using_jquery_plugins_installation %})
 * [Initialize Components with MVVM]({% slug mvvm_initialization_kendoui %})
@@ -274,11 +276,12 @@ import "@progress/kendo-ui/esm/kendo.grid.js"; //Imports the Grid related files
 
 ## See Also
 
+* [Module Bundlers]({% slug module_bundlers_integration_kendoui %})
+* [Webpack Support]({% slug webpacksupport_integration_kendoui %})
 * [Troubleshooting When Installing with NPM]({% slug troubleshoot_npm_installing %})
 * [Hosting Kendo UI for jQuery in Your Project]({% slug hosting_kendoui %})
 * [Installing Kendo UI for jQuery with Bower]({% slug kendoui_bower_packages_kendoui_installation %})
 * [Installing Kendo UI for jQuery by Using the CDN Services]({% slug kendoui_cdn_services_installation %})
 * [Installing Kendo UI for jQuery with NuGet]({% slug kendoui_nuget_packages %})
 * [Getting Up and Running with Your Kendo UI for jQuery Project (Guide)]({% slug getting_started_installation_kendoui %})
-* [Module Bundlers]({% slug module_bundlers_integration_kendoui %})
 * [Licensing Overview]({% slug licensing-overview %})

docs/introduction.md

@@ -2,7 +2,7 @@
 title: Introduction
 page_title: Introduction to Kendo UI by Progress
 description: "Learn more about the Kendo UI for jQuery components by Progress, their distributions, frameworks, tools, and utilities, the available license and support options, and learning resources."
-previous_url: /index, /intro/supporting/list-of-widgets, /third-party/electron, /third-party/kinvey
+previous_url: /index, /intro/supporting/list-of-widgets, /third-party/electron, /third-party/kinvey, /third-party/sharepoint-add-ins, /third-party/aurelia, /third-party/using-kendo-with-data-access
 slug: welcometo_kendoui
 position: 2
 ---

docs/third-party/angular2.md

@@ -1,33 +1,30 @@
 ---
 title: Angular
 page_title: Angular - Kendo UI Third-Party Tools
-description: "Learn how to use Kendo UI widgets in Angular applications."
+description: "Learn how to use Kendo UI components in an Angular Application."
 previous_url: /angular2
 slug: angular2support_integration_kendoui
 ---
 
-# Angular
+# Kendo UI for jQuery in an Angular application
 
-Kendo UI provides integration support for the Angular framework.
+> Integrating Kendo UI components for jQuery in an Angular application is not officially supported and has certain limitations. Using the jQuery components within Angular components is possible and working as expected in multiple scenarios. The developers have to rely on this integration at their own discretion.
 
-[Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/) is a separate suite of native Angular 2 UI components. The [Kendo UI for Angular Roadmap](https://www.telerik.com/kendo-angular-ui/roadmap/) page provides information about the development plans of the team with regard to new components and features. The [Telerik blogs](https://www.telerik.com/blogs/) are an additional source for the latest updates on Kendo UI for Angular. For example, [Petyo Ivanov's blog posts](https://www.telerik.com/blogs/author/petyo-ivanov).
+For a runnable demo demonstrating how to use Kendo UI for jQuery components in Angular applications please refer to [this article](https://www.telerik.com/kendo-angular-ui/components/framework/kendo-jquery).
 
-For the sake of distinction, Kendo UI Professional (subject of this documentation hub) is also regarded as the Kendo UI for jQuery suite.
+## Recommended Approach for Angular Applications
 
-* The Angular integration, which was previously provided in this article, is no longer applicable. Telerik has decided to deliver a fresh, [native Angular implementation](https://www.telerik.com/kendo-angular-ui/) instead of wrapping the existing Kendo UI Professional library.
-* The community has come up with some examples on initializing the existing Kendo UI Professional widgets in Angular 2 context—[this forum thread](https://www.telerik.com/forums/problem-with-kendovalueaccessor-in-angular-2-0-0-beta-0) contains some of them.
-* Note that this approach, while working in certain cases, is not supported by Telerik.
+If you are building an Angular application, we encourage you to use [Kendo UI for Angular components](https://www.telerik.com/kendo-angular-ui). These components are:
+
+* Purpose-Built for Angular–Designed specifically for Angular applications, ensuring seamless integration and optimal performance.
+* Native Angular Support–Leverage Angular best practices, including directives, modules, and reactive forms compatibility.
+* Consistent & High-Performance–Provides a rich set of UI components tailored for Angular’s change detection and rendering pipeline.
+
+By choosing Kendo UI for Angular, you align with a framework-specific solution that enhances development efficiency and maintains Angular’s core principles.
 
 ## See Also
 
-* [Angular 2 Migration Guide](https://www.telerik.com/blogs/ngmigrate-helps-you-move-from-angularjs-1-to-angular-2)
-* [SharePoint Add-Ins]({% slug sharepoint_tutorials %})
-* [Twitter Bootstrap]({% slug twitterbootstrapintegration_integration_kendoui %})
-* [RequireJS]({% slug requirejs_integration_kendoui %})
 * [TypeScript]({% slug typescript_integration_kendoui %})
-* [Visual Studio IntelliSense]({% slug visualstudiointellisense_integration_kendoui %})
-* [Telerik Data Access]({% slug bindtotelerikdataaccesstool_integration_kendoui %})
-* [SystemJS Support]({% slug systemjs_integration_kendoui %})
 * [Webpack Support]({% slug webpacksupport_integration_kendoui %})
 * [Module Bundlers]({% slug module_bundlers_integration_kendoui %})
-* [Aurelia]({% slug aurelia_integration_kendoui %})
+

docs/third-party/aurelia.md

@@ -0,0 +1,83 @@
+---
+title: Handlebars
+page_title: Handlebars - Kendo UI Third-Party Tools
+description: "Learn how to use Kendo UI components with Handlebars templating library and enhance your web applications with dynamic templates."
+slug: handlebars_integration_kendoui
+---
+
+# Handlebars
+
+The [Kendo UI components](https://demos.telerik.com/kendo-ui/) can be integrated with the [Handlebars](https://handlebarsjs.com/) templating library to create dynamic content for your components.
+
+## Basic Integration
+
+1. Include the Handlebars library in your project:
+
+    ```html
+    <script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.min.js"></script>
+    ```
+
+2. Create a Handlebars template:
+
+    ```html
+    <script id="template" type="text/x-handlebars-template">
+        <div>
+            <h3>{{name}}</h3>
+            <p>{{description}}</p>
+        </div>
+    </script>
+    ```
+
+3. Use the template with a Kendo UI component:
+
+    ```javascript
+    // Compile the template
+    var source = $("#template").html();
+    var template = Handlebars.compile(source);
+
+    // Use with a Kendo UI component
+    $("#listView").kendoListView({
+        dataSource: dataSource,
+        template: function(data) {
+            return template(data);
+        }
+    });
+    ```
+
+## Example: Handlebars with Kendo UI ListView
+
+```html
+<script id="product-template" type="text/x-handlebars-template">
+    <div class="product">
+        <h3>{{ProductName}}</h3>
+        <p>Price: ${{UnitPrice}}</p>
+    </div>
+</script>
+
+<div id="listView"></div>
+
+<script>
+    var template = Handlebars.compile($("#product-template").html());
+    
+    $("#listView").kendoListView({
+        dataSource: {
+            transport: {
+                read: {
+                    url: "https://demos.telerik.com/kendo-ui/service/Products",
+                    dataType: "jsonp"
+                }
+            }
+        },
+        template: function(data) {
+            return template(data);
+        }
+    });
+</script>
+```
+
+## See Also
+
+* [Kendo UI Templates]({% slug overview_kendoui_templatescomponent %})
+* [Twitter Bootstrap Integration]({% slug twitterbootstrapintegration_integration_kendoui %})
+* [Webpack Support]({% slug webpacksupport_integration_kendoui %})
+* [Module Bundlers]({% slug module_bundlers_integration_kendoui %})7

docs/third-party/handlebars.md

@@ -7,7 +7,7 @@ slug: module_bundlers_integration_kendoui
 
 # Module Bundlers
 
-The recommended approach to include Kendo UI is by using the NPM package.
+The recommended approach to include Kendo UI is by using the NPM package. For more information, refer to the [Installing with NPM](/intro/installation/npm) article. If you need specific instructions for working with Webpack, see the [Webpack Support]({% slug webpacksupport_integration_kendoui %}) article.
 
 Version 2023.3.718 of the `@progress/kendo-ui` package provides various improvements in the support for modern module bundlers. If you use an older version, consider upgrading to the latest one to take advantage of the improvements.
 
@@ -170,14 +170,6 @@ To set up the same with the module bundler you are using, refer to its documenta
 ## See Also
 
 * [Installing with NPM]({% slug kendoui_npm_packages_kendoui_installation %})
-* [Installing Kendo UI for jQuery by Using the CDN Services]({% slug kendoui_cdn_services_installation %})
-* [Installing Kendo UI for jQuery with NuGet]({% slug kendoui_nuget_packages %})
-* [SharePoint Add-Ins]({% slug sharepoint_tutorials %})
-* [Twitter Bootstrap]({% slug twitterbootstrapintegration_integration_kendoui %})
-* [Angular 2.0]({% slug angular2support_integration_kendoui %})
-* [RequireJS]({% slug requirejs_integration_kendoui %})
 * [TypeScript]({% slug typescript_integration_kendoui %})
-* [Visual Studio IntelliSense]({% slug visualstudiointellisense_integration_kendoui %})
-* [Telerik Data Access]({% slug bindtotelerikdataaccesstool_integration_kendoui %})
-* [SystemJS Support]({% slug systemjs_integration_kendoui %})
-* [Aurelia]({% slug aurelia_integration_kendoui %})
+* [Webpack Support]({% slug webpacksupport_integration_kendoui %})
+