Sync with Kendo UI Professional

Author: Kendo Bot

docs/controls/diagrams-and-maps/map/layers.md

@@ -18,6 +18,7 @@ The tile layers in the Map are suitable for:
 
 * Displaying raster maps from popular online providers such as [OpenStreetMap](http://www.openstreetmap.org/), [OpenWeatherMap](http://openweathermap.org/), [ArcGIS](https://developers.arcgis.com/en/), and so on.
 * Any other Map tile service that supports the [WGS 84 projection standards](https://en.wikipedia.org/wiki/World_Geodetic_System). [Microsoft Bing](https://msdn.microsoft.com/en-us/library/ff701713.aspx) provides dedicated support for Map layers. However, it requires you to [obtain an API key](https://msdn.microsoft.com/en-us/library/ff428642.aspx).
+* Azure maps tiles is compatible with Kendo UI Map. You need to have an active [Azure Maps account and key](https://docs.microsoft.com/en-us/azure/azure-maps/how-to-manage-authentication).
 
 The following example demonstrates how to display an OpenStreetMap tile layer.
 

docs/controls/diagrams-and-maps/map/overview.md

@@ -43,6 +43,7 @@ The following example demonstrates how to add a basic tile layer to the Map that
 
 * [Layers]({% slug maplayers_mapwidget %})
 * [Creating maps]({% slug mapauthoring_mapwidget %})
+* [Implementation with Azure](https://docs.telerik.com/kendo-ui/knowledge-base/map-implementation-with-azure)
 
 ## Events
 

docs/controls/editors/editor/troubleshooting.md

@@ -52,15 +52,11 @@ Iframes cannot be scrollable in iOS and always expand to display all their conte
 
 **Solution** Use the inline Editor mode that excludes an `iframe`. When in inline mode, you need to manually post the value of the Editor (see below).
 
-## Images and tables are not resizable
+## Images and tables are now resizable
 
-Image and table resizing inside `contenteditable` elements depends on the browser. As a result, images may not resize if a classic-mode Editor (which uses an `iframe`) is created while hidden, or is hidden after its initialization and then displayed back. The reason for the issue is the functionalities of the browser.
+As of R2 2021 release, image resizing has been implemented in the Editor while table resizing was included back in R3 2016. To resize an image, you can use the resize handlers. Similarly, you can use resize handlers to resize a table. Additionally, to resize a table row or a column, you can drag the cell borders with the mouse.  
 
-**Solution** Call the [`refresh`](/api/javascript/ui/editor/methods/refresh) method of the Editor after the widget becomes visible. Refreshing the widget recreates the `iframe`.
-
-Another possible approach is to use the inline mode of the Editor, that is, to create the Editor from a `div` element.
-
-> * As of the R3 2016 release, resizing of table rows and columns has been implemented in the Editor. To resize a row or a column of the Editor, the user can drag the cell borders with the mouse.
+> * The **undo** function is not supported while resizing an image or a table and should be considered a limitation. 
 > * To resize an image or a table in versions prior to the R3 2016 release and in browsers that do not normally support it, such as Google Chrome 46, implement a [custom Editor tool](https://demos.telerik.com/kendo-ui/editor/custom-tools).
 
 ## Back and forward browser buttons display raw HTML

docs/controls/navigation/actionsheet/overview.md

@@ -0,0 +1,29 @@
+---
+title: Overview
+page_title: jQuery ActionSheet Documentation | ActionSheet Overview
+description: "Get started with the jQuery ActionSheet by Kendo UI and learn how to initialize the widget."
+slug: overview_kendoui_actionsheet_widget
+position: 1
+CTAControlName: ActionSheet
+---
+
+# ActionSheet Overview
+
+
+
+{% if site.has_cta_panels == true %}
+{% include cta-panel-overview.html %}
+{% endif %}
+
+## Initializing the ActionSheet
+
+
+
+## Functionality and Features
+
+
+
+## See Also
+
+* Overview of the ActionSheet (Demo)
+* JavaScript API Reference of the ActionSheet

docs/knowledge-base/map-implementation-with-azure.md

@@ -24,18 +24,18 @@ component: map
 
 ## Description
 
-I have a Kendo UI Map.
-
-How can I implement Azure maps' geospatial capabilities?
+How can I implement Azure maps' geospatial capabilities with Kendo Map?
 
 ## Solution
 
 The Kendo UI Map is fully compatible with Azure's png tile API. Use the Url of the Asure service in the [urlTemplate](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/map/configuration/layers.urltemplate) property of the Map and observe the result.
 
+Make sure that the API version is specified in the URL. In order to use Azure maps you need to have an [Azure Maps account and key](https://docs.microsoft.com/en-us/azure/azure-maps/how-to-manage-authentication).
+
 
 The following example demonstrates the full implementation of the approach.
 
-```dojo
+```
  <div id="example">
 
       <div id="map"></div>
@@ -47,7 +47,7 @@ The following example demonstrates the full implementation of the approach.
             zoom: 3,
             layers: [{
               type: "tile",
-              urlTemplate:"https://atlas.microsoft.com/map/tile/png?subscription-key=jXumf_aF2qoph5K7hjXH6UFq2vd2exT0XkgyO2iQYlM&api-version=1.0&layer=basic&style=main&x=#=x#&y=#=y#&zoom=#=zoom#"
+              urlTemplate: "https://atlas.microsoft.com/map/tile/png?subscription-key=[your-key-here]&api-version=1.0&layer=basic&style=main&x=#=x#&y=#=y#&zoom=#=zoom#"
             }],
             markers: [{
               location: [30.268107, -97.744821],

src/kendo.tooltip.js

@@ -492,8 +492,14 @@ var __meta__ = { // jshint ignore:line
 
         _removeDescribedBy: function(target) {
             var tooltipId = this.popup.element.attr("id"),
-                arrayAttr = target.attr(DESCRIBEDBY).split(" "),
-                finalArray, finalDescribedbyAttr;
+                currentDescribedBy = target.attr(DESCRIBEDBY),
+                arrayAttr, finalArray, finalDescribedbyAttr;
+
+            if(!currentDescribedBy) {
+                return;
+            }
+
+            arrayAttr = currentDescribedBy.split(" ");
 
             if(arrayAttr && arrayAttr.length > 0) {
                 finalArray = arrayAttr.filter(function (val) {

styles/web/common/editor.less

@@ -264,15 +264,15 @@ table.k-editor {
     opacity: 0;
 }
 
-.k-editor-inline .k-table-resize-handle-wrapper {
+.k-editor-inline .k-element-resize-handle-wrapper {
     position: absolute;
     width: 5px;
     height: 5px;
     background-color: #fff;
     border: 1px solid #000;
     z-index: 100;
 
-    .k-table-resize-handle {
+    .k-element-resize-handle {
         width: 100%;
         height: 100%;
 
@@ -349,7 +349,7 @@ table.k-editor {
     }
 }
 
-.k-table.k-table-resizing {
+.k-table.k-element-resizing {
     opacity: 0.6;
 }