Sync with Kendo UI Professional

Author: Kendo Bot

VERSION

@@ -1 +1 @@
-{ "year": 2022, "release": 1 }
+{ "year": 2021, "release": 3, "servicePack": "next", "servicePackNumber": 1 }

docs/api/javascript/ui/flatcolorpicker.md

@@ -133,6 +133,33 @@ Specifies the initially selected color.
     });
     </script>
 
+### view `String` *(default: "gradient")*
+
+The initially selected view in the FlatColorPicker.
+
+#### Example
+
+    <div id="flatcolorpicker"></div>
+    <script>
+    $("#colorpicker").kendoFlatColorPicker({
+      view: "palette"
+    });
+    </script>
+
+### views `Array` *(default: [ "gradient", "palette" ])*
+
+The available views in the FlatColorPicker. Valid values are "gradient" and "palette".
+
+#### Example
+
+    <div id="flatcolorpicker"></div>
+    <script>
+    $("#colorpicker").kendoFlatColorPicker({
+      view: "palette",
+      views: ["palette"]
+    });
+    </script>
+
 ### preview `Boolean` *(default: true)*
 
 Specifies whether a selected and previous color are displayed for color comparison. with autoupdate set to true both selected and previous colors will be updated.

docs/api/javascript/ui/grid.md

@@ -10773,7 +10773,7 @@ Gets an array that holds the id field values of the selected rows.
 
 ### setDataSource
 
-Sets the data source of the widget.
+Sets the data source of the widget. The new dataSource will override the configurations and data of the old one.
 
 #### Parameters
 

docs/api/javascript/ui/pivotconfiguratorv2.md

@@ -888,6 +888,36 @@ The text of the "not equal" filter operator.
     });
     </script>
 
+### orientation `String` *(default: "vertical")*
+
+Defines a value indicating the type of layout that the configurator has. Possible values are:
+
+- "vertical"
+- "horizontal"
+
+#### Example
+
+    <div id="configurator"></div>
+    <script>
+    $("#configurator").kendoPivotConfiguratorV2({
+        filterable: true,
+        orientation: "horizontal",
+        dataSource: {
+            type: "xmla",
+            columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Geography].[City]" } ],
+            rows: [{ name: "[Product].[Product]" }],
+            measures: ["[Measures].[Internet Sales Amount]"],
+            transport: {
+                connection: {
+                    catalog: "Adventure Works DW 2008R2",
+                    cube: "Adventure Works"
+                },
+                read: 'https://demos.telerik.com/olap/msmdpump.dll'
+            }
+        }
+    });
+    </script>
+
 ## Fields
 
 ### dataSource `kendo.data.PivotDataSourceV2`

docs/controls/data-management/pivotgrid/how-to/dimensions/expand-multiple-dimensions.md

@@ -22,10 +22,10 @@ The following example demonstrates how to expand multiple column dimensions by u
     <script>
         $(document).ready(function () {
             var paths = [
-              //Expand CY 2005 - first dimension
-              ["[Date].[Calendar].[Calendar Year].&[2005]"],
-              //Expand All Products under CY 2015 - second dimension
-                ["[Date].[Calendar].[Calendar Year].&[2005]","[Product].[Category].[All Products]"]
+              //Expand CY 2010 - first dimension
+              ["[Date].[Calendar].[Calendar Year].&[2010]"],
+              //Expand All Products under CY 2010 - second dimension
+                ["[Date].[Calendar].[Calendar Year].&[2010]","[Product].[Category].[All Products]"]
             ];
 
             var pivotgrid = $("#pivotgrid").kendoPivotGrid({

docs/controls/data-management/pivotgrid/overview.md

@@ -12,7 +12,7 @@ The Kendo UI PivotGrid represents multidimensional data in a cross-tabular forma
 
 * [Demo page for the PivotGrid](https://demos.telerik.com/kendo-ui/pivotgrid/index)
 
-> Тhe new PivotGridV2 is now available. It offers a brand new design and a new future-proof architecture that allows the implementation of many upcoming functionalities. As PivotGridV2 aims to replace the legacy PivotGrid, it is recommended to use the PivotGridV2 in your new projects. For information about the new PivotGridV2, refer to the [PivotGridV2 Overview]({% slug overview_kendoui_pivotgridv2_widget %}) article.
+> Тhe new PivotGridV2 is now available. It offers a brand new design and a new future-proof architecture that allows the implementation of many upcoming functionalities. As PivotGridV2 aims to replace the legacy PivotGrid, it is recommended to use the PivotGridV2 in your new projects. For information about the differences between the PivotGrid and PivotGridV2, refer to the [Comparison]({% slug comparison_kendoui_pivotgridv2 %}) article.
 
 ## Basic Configuration
 
@@ -60,6 +60,7 @@ The previous example outputs the following result.
 ## Functionality and Features
 
 * [Data binding]({% slug databinding_kendoui_pivotgrid %})
+* [Comparison with the PivotGridV2]({% slug comparison_kendoui_pivotgridv2 %})
 * [Filtering]({% slug filtering_kendoui_pivotgrid %})
 * [Sorting]({% slug sorting_kendoui_pivotgrid %})
 * [Excel export]({% slug excelexport_functionality_pivotgrid %})

docs/controls/data-management/pivotgridv2/comparison.md

@@ -0,0 +1,62 @@
+---
+title: Comparison
+page_title: jQuery PivotGridV2 Documentation | Comparison
+description: "Learn about the differences between the old and the new version of the Kendo UI PivotGrid widget."
+slug: comparison_kendoui_pivotgridv2
+position: 2
+---
+
+# Comparison
+
+As of the November 2021 release, Kendo UI introduces the brand new PivotGridV2 which aims to replace the old Kendo UI PivotGrid. In this article you will learn about the major differences between the two widgets and what to expect in the future.
+
+- [Why Do Two PivotGrid Widgets Exist?](#why-do-two-pivotgrid-widgets-exist)
+- [What Can I Expect from the New PivotGridV2?](#what-can-i-expect-from-the-new-pivotgridv2)
+    - [New Engine](#new-engine)
+    - [Performance](#performance)
+    - [Design](#design)
+    - [Customization](#customization)
+- [Summary](#summary)
+
+## Why Do Two PivotGrid Widgets Exist?
+
+There are many developers who use and depend on the PivotGrid. Making any drastic changes to the source code of the old widget would undoubtedly interfere with their work. That is why the decision to introduce a second widget, was taken.
+
+Тhe old and new versions of the PivotGrid can coexist. The old PivotGrid will not disappear with the upcoming release. This allows developers to smoothly transition to the new version without rushing their projects.
+
+## What Can I Expect from the New PivotGridV2?
+
+The new PivotGridV2 has improved performance, brand new design and is easier to customize.
+
+### New Engine
+
+The engine for the new PivotGridV2 is a cross-team development effort, meaning that it will be used by multiple different Kendo suites such as JQuery, Angular, React, and so on. This approach will ultimately lead to the implementation of many new features as all of them will be shared between the different products.
+
+### Performance
+
+Performance is another important aspect that is improved in the new PivotGridV2. Merging newly requested data on top of the already present data in the widget, will be much faster.
+
+### Design
+
+The new PivotGridV2 has a brand new design and some additional basic UX functionalities such as hiding the [`configurator`]({% slug overview_kendoui_pivotconfiguratorv2 %}) when it is not in use. This approach will provide the end user with much better experience when working with the widget.
+
+### Customization
+
+The new PivotGridV2 will be easier to customize when it comes down to functionalities such as data aggregation.
+
+## Summary
+
+Developers are encouraged to use the PivotGridV2 when starting new projects.
+
+Here's a quick summary to outline the benefits of the new PivotGridV2:
+
+- Brand-new engine which allows for quicker implementation of features and quicker bugfixes.
+- Improved performance of the entire widget.
+- Brand new design.
+- Easier to customize compared to the old PivotGrid.
+- Improved API as new features are implemented.
+
+## See Also
+
+* [Basic Usage of the PivotGridV2 (Demo)](https://demos.telerik.com/kendo-ui/pivotgridv2/index)
+* [PivotGridV2 JavaScript API Reference](/api/javascript/ui/pivotgridv2)

docs/controls/data-management/pivotgridv2/overview.md

@@ -12,7 +12,7 @@ The Kendo UI PivotGridV2 represents multidimensional data in a cross-tabular for
 
 * [Demo page for the PivotGridV2](https://demos.telerik.com/kendo-ui/pivotgridv2/index)
 
-Compared to the legacy PivotGrid, the new PivotGridV2 offers a brand new design, and its future-proof architecture allows the implementation of many upcoming functionalities. As PivotGridV2 aims to replace the legacy PivotGrid, it is recommended to use the PivotGridV2 in your new projects. For information about the legacy PivotGrid, refer to the [PivotGrid Overview]({% slug overview_kendoui_pivotgrid_widget %}) article.
+Compared to the legacy PivotGrid, the new PivotGridV2 offers a brand new design, and its future-proof architecture allows the implementation of many upcoming functionalities. As PivotGridV2 aims to replace the legacy PivotGrid, it is recommended to use the PivotGridV2 in your new projects. For information about the differences between the PivotGrid and PivotGridV2, refer to the [Comparison]({% slug comparison_kendoui_pivotgridv2 %}) article.
 
 ## Basic Configuration
 
@@ -52,6 +52,7 @@ The following image demonstrates the output from the previous example.
 ## Functionality and Features
 
 * [Data binding]({% slug databinding_kendoui_pivotgridv2 %})
+* [Comparison with the PivotGrid]({% slug comparison_kendoui_pivotgridv2 %})
 * [Templates]({% slug templates_kendoui_pivotgridv2 %})
 * [PDF export]({% slug pdfexport_kendoui_pivotgridv2 %})
 

docs/knowledge-base/barcode-how-to-print-the-barcode.md

@@ -44,48 +44,35 @@ How can I print the Kendo UI Barcode?
 Open a new window and place the Barcode DOM elements on the page.
 
 ```dojo
-    <button class="k-button">Print</button>
-    <div id="toPrint">
-      <span id="manchego"></span>
-    </div>
-
-    <script>
-      $(document).ready(function () {
-        $("#manchego").kendoBarcode({
-          value: "2346722",
-          type: "ean8"            
-        });
-
-        $('button').click(function(){
-
-
-          var divToPrint=document.getElementById('toPrint');
-
-          var newWin=window.open('','Print-Window');
-
-          newWin.document.open();
-
-          newWin.document.write('<html><head> <link href="https://kendo.cdn.telerik.com/' + kendo.version + '/styles/kendo.common.min.css" rel="stylesheet" /></head>  <body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
-
-          newWin.document.close();
-
-
-        })
-
-      });
-    </script>
-    <style scoped>
-
-      #manchego svg{
-        width: 102mm !important;
-        height: 192mm !important;;
-      }
-
-      @media print{
-        #manchego svg{
-          width: 102mm !important;;
-          height: 192mm !important;;
-        }  
-      }           
-    </style>
+<button class="k-button">Print</button>
+<div id="toPrint">
+<span id="manchego"></span>
+</div>
+<script>
+  $(document).ready(function () {
+    $("#manchego").kendoBarcode({
+      value: "2346722",
+      type: "ean8"            
+    });
+    $('button').click(function(){
+      var divToPrint=document.getElementById('toPrint');
+      var newWin=window.open('','Print-Window');
+      newWin.document.open();
+      newWin.document.write('<html><head> <link href="https://kendo.cdn.telerik.com/' + kendo.version + '/styles/kendo.common.min.css" rel="stylesheet" /></head>  <body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
+      newWin.document.close();
+    })
+  });
+</script>
+<style>
+  #manchego svg{
+    width: 102mm !important;
+    height: 192mm !important;;
+  }
+  @media print{
+    #manchego svg{
+      width: 102mm !important;;
+      height: 192mm !important;;
+    }  
+  }           
+</style>
 ```

typescript/kendo.all.d.ts

@@ -8305,6 +8305,7 @@ declare namespace kendo.ui {
         sortable?: boolean|any;
         height?: number|string;
         messages?: PivotConfiguratorV2Messages;
+        orientation?: string;
     }
     interface PivotConfiguratorV2Event {
         sender: PivotConfiguratorV2;