Sync with Kendo UI Professional

Author: kendo-bot

docs-aspnet/_config-mvc.yml

@@ -77,10 +77,10 @@ knowledge-base/vs-code-extension-issues.md,
 html-helpers/hybrid/*,
 html-helpers/helper-basics/fundamentals.md,
 html-helpers/helper-basics/declarative-initialization.md,
-*/razor-page.md,
+html-helpers/**/razor-page.md,
 html-helpers/data-management/filemanager/binding/razor-page.md,
 html-helpers/datasource/razor-page.md,
-html-helpers/diagrams-and-maps/diagram/binding/razor-pages
+html-helpers/diagrams-and-maps/diagram/binding/razor-pages,
 html-helpers/conversational-ui/chat/razor-page.md,
 html-helpers/editors/autocomplete/binding/razor-pages.md,
 html-helpers/editors/checkboxgroup/razor-page.md,

docs/api/javascript/dataviz/ui/diagram.md

@@ -10306,6 +10306,35 @@ The point to zoom into or out of.
       });
     </script>
 
+#### Example - zoom Diagram dynamically to point
+
+	  <button id="btn">Zoom Diagram</button>
+    <div id="diagram"></div>
+    <script>
+      $("#btn").on("click", function () {
+        var diagram = $("#diagram").getKendoDiagram();
+        var point = new kendo.dataviz.diagram.Point(100, 100);
+        diagram.zoom(2.5, { point: point });
+      });
+
+      $("#diagram").kendoDiagram({
+        shapes: [
+          {
+            id: "1",
+            x: 70,
+            y: 120,
+            fill: {
+              color: "#0000ff",
+              opacity: 0.5,
+            },
+            width: 140,
+            height: 80,
+          },
+        ],
+      });
+    </script>
+
+
 ## Events
 
 ### add

docs/api/javascript/pdf.md

@@ -18,6 +18,7 @@ The [exportPDF](/api/javascript/drawing/methods/drawdom) method will use the fon
 Since Kendo UI 2014 Q3 SP1, the Kendo UI PDF generator is able to dig [CSS `@font-face` declarations](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face) directly from the stylesheets. "Manually" calling the `pdf.defineFont()`method is no longer necessary. For more information how to embed fonts using CSS at-rules - check [this]({% slug drawingofhtmlelements_drawingapi %}#configuration-Custom) section. This will work only if the style sheet and fonts are loaded from the same domain.
 
 > Fonts must be loaded from the same origin or [CORS-enabled](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image).
+> The only format supported by the `defineFont` method is `.ttf`.
 
 #### Parameters
 

docs/intro/installation/npm.md

@@ -72,7 +72,7 @@ As of the 2022.3.1109 version, the `package.json` file comes with three [fields
 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/).
 
 > 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. 
+> * Use the `import kendo from "@progress/kendo-ui"` syntax to import the Kendo UI scripts in your application. 
 > * Use the `kendo` instance to get the jQuery in which the Kendo UI components are defined. For example, `const $ = kendo.jQuery; $("#grid").kendoGrid({...});`.
 
 ### ECMAScript
@@ -83,18 +83,18 @@ To bundle the ECMAScript files:
 
     ```javascript
      // rollup.config.js
-     import { nodeResolve } from '@rollup/plugin-node-resolve';
+     import { nodeResolve } from "@rollup/plugin-node-resolve";
 
      export default {
-        input: 'index.js',
+        input: "index.js",
         output: [{
-          file: 'dist/bundled.js',
-          sourcemap: 'inline',
+          file: "dist/bundled.js",
+          sourcemap: "inline",
           globals: {
-            jquery: '$'
+            jquery: "$"
           }
         }],
-        external: ['jquery'],
+        external: ["jquery"],
         treeshake: false,
         plugins: [
           nodeResolve()
@@ -107,8 +107,8 @@ To bundle the ECMAScript files:
     ```javascript
     // index.js file located in the main directory of your project (same level as rollup.config.js).
 
-    import `jquery`;
-    import `@progress/kendo-ui`;
+    import "jquery";
+    import "@progress/kendo-ui";
 
     // A sample Kendo UI component in your project.
     $("#grid").kendoGrid({...grid configs...});
@@ -129,19 +129,19 @@ To bundle the CommonJS files:
 
     ```javascript
      // rollup.config.js
-     import { nodeResolve } from '@rollup/plugin-node-resolve';
-     import commonjs from '@rollup/plugin-commonjs';
+     import { nodeResolve } from "@rollup/plugin-node-resolve";
+     import commonjs from "@rollup/plugin-commonjs";
 
      export default {
-        input: 'index.js',
+        input: "index.js",
         output: [{
-          file: 'dist/bundled.js',
-          sourcemap: 'inline',
+          file: "dist/bundled.js",
+          sourcemap: "inline",
           globals: {
-            jquery: '$'
+            jquery: "$"
           }
         }],
-        external: ['jquery'],
+        external: ["jquery"],
         treeshake: false,
         plugins: [
           commonjs(), // Add the commonjs plugin.
@@ -155,8 +155,8 @@ To bundle the CommonJS files:
     ```javascript
     // index.js file located in the main directory of your project (same level as rollup.config.js).
 
-    require(`jquery`);
-    require(`@progress/kendo-ui`);
+    require("jquery");
+    require("@progress/kendo-ui");
 
     // A sample Kendo UI component in your project.
     $("#grid").kendoGrid({...grid configs...});
@@ -177,18 +177,18 @@ To bundle the UMD files:
 
     ```javascript
      // rollup.config.js
-     import { nodeResolve } from '@rollup/plugin-node-resolve';
+     import { nodeResolve } from "@rollup/plugin-node-resolve";
 
      export default {
-        input: 'index.js',
+        input: "index.js",
         output: [{
-          file: 'dist/bundled.js',
-          sourcemap: 'inline',
+          file: "dist/bundled.js",
+          sourcemap: "inline",
           globals: {
-            jquery: '$'
+            jquery: "$"
           }
         }],
-        external: ['jquery'],
+        external: ["jquery"],
         treeshake: false,
         plugins: [
           nodeResolve({
@@ -203,8 +203,8 @@ To bundle the UMD files:
     ```javascript
     // index.js file located in the main directory of your project (same level as rollup.config.js).
 
-    import `jquery`;
-    import `@progress/kendo-ui`;
+    import "jquery";
+    import "@progress/kendo-ui";
 
     // A sample Kendo UI component in your project.
     $("#grid").kendoGrid({...grid configs...});
@@ -221,14 +221,14 @@ To bundle the UMD files:
 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 module 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` //Imports kendo.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 the files for UMD.
+"@progress/kendo-ui" //Imports the kendo.all.js 
+"@progress/kendo-ui/*.js" //Imports the files corresponding to the module 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" //Imports kendo.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 the files for UMD.
 ```
 
 #### Examples

docs/third-party/webpack.md

@@ -160,8 +160,8 @@ Create a folder named `dist` and add the `index.html` file in it.
 
 In the root directory add a new `src` folder that will contain the scripts. Then, add a `index.js` file and import the needed modules:
 ```
-    import '@progress/kendo-ui/esm/kendo.button'
-    import '@progress/kendo-ui/esm/kendo.dropdownlist'
+    import '@progress/kendo-ui/esm/kendo.button.js'
+    import '@progress/kendo-ui/esm/kendo.dropdownlist.js'
 
     $(function () {
         $("#btn").kendoButton();