Sync with Kendo UI Professional

Author: Kendo Bot

src/kendo.colorpicker.js

@@ -373,6 +373,8 @@ var __meta__ = { // jshint ignore:line
             }
         },
         destroy: function() {
+            this._hsvEvents.destroy();
+
             this._hueSlider.destroy();
             if (this._opacitySlider) {
                 this._opacitySlider.destroy();

styles/web/common/dataviz.less

@@ -243,133 +243,129 @@ span.k-sparkline,
     display: none;
 }
 
-.k-map .k-marker {
-    width: 28px;
-    height: 40px;
-    margin: -40px 0 0 -14px;
-    position: absolute;
-    // width: 1em;
-    // height: 1em;
-    // transform: translate(-50%, -100%);
-    cursor: pointer;
-    overflow: visible;
-}
 
-// Control positions
-.k-map .k-pos-top {
-    top: 0;
-}
 
-.k-map .k-pos-bottom {
-    bottom: 0;
-}
 
-.k-map .k-pos-left {
-    left: 0;
-}
+// Map
+.k-map {
+    border-width: 0;
+    border-style: solid;
+    box-sizing: border-box;
 
-.k-map .k-pos-right {
-    right: 0;
-}
 
-.k-map-controls {
-    position: absolute;
-}
+    // Controls
+    .k-map-controls {
+        position: absolute;
+    }
+    .k-pos-top { top: 0; }
+    .k-pos-bottom { bottom: 0; }
+    .k-pos-left { left: 0; }
+    .k-pos-right { right: 0; }
+
+
+    // Navigator
+    .k-navigator {
+        margin: 1em;
+        width: 50px;
+        height: 50px;
+        border-width: 1px;
+        border-style: solid;
+        border-radius: 80px;
+        position: relative;
+        display: inline-block;
+        vertical-align: middle;
+
+        .k-pdf-export & { display: none; }
+    }
 
-.k-map-controls.k-pos-left .k-widget:first-child {
-    margin-right: 0;
-}
 
-.k-map-controls.k-pos-right .k-widget:first-child {
-    margin-left: 0;
-}
+    // Zoom control
+    .k-zoom-control {
+        margin: 1em;
+        vertical-align: middle;
 
-// Map navigator
+        .k-button {
+            width: auto;
+            height: auto;
+        }
 
-.k-navigator
-{
-    width: 50px;
-    height: 50px;
-    margin: 20px;
-    border-radius: 80px;
-    position: relative;
-    display: inline-block;
-    vertical-align: middle;
-}
+        .k-pdf-export & { display: none; }
+    }
 
-.k-pdf-export .k-navigator {
-    display: none;
-}
 
-.k-navigator > button
-{
-    border-color: transparent;
-    background: none;
-}
+    // Attribution
+    .k-attribution {
+        padding: 2px 4px;
+        font-size: 10px;
+        background-color: rgba(255, 255, 255, 0.8);
+        z-index: 1000;
+    }
 
-div.k-navigator > .k-button
-{
-    margin: 0;
-    padding: 0;
-    line-height: 10px;
-    border-radius: 16px;
-    position: absolute;
-    font-size: 1px; // IE7
-    line-height: 1px;
-}
 
-div.k-navigator .k-navigator-n,
-div.k-navigator .k-navigator-up
-{
-    top: 2px;
-    left: 50%;
-    margin-left: -9px;
+    // Marker
+    .k-marker {
+        width: 28px;
+        height: 40px;
+        margin: -40px 0 0 -14px;
+        font-size: 28px;
+        position: absolute;
+        // width: 1em;
+        // height: 1em;
+        // transform: translate(-50%, -100%);
+        cursor: pointer;
+        overflow: visible;
+    }
 }
 
-div.k-navigator .k-navigator-e,
-div.k-navigator .k-navigator-right
-{
-    right: 2px;
-    top: 50%;
-    margin-top: -9px;
-}
 
-div.k-navigator .k-navigator-s,
-div.k-navigator .k-navigator-down
-{
-    bottom: 2px;
-    left: 50%;
-    margin-left: -9px;
-}
+// Navigator
+.k-navigator {
 
-div.k-navigator .k-navigator-w,
-div.k-navigator .k-navigator-left
-{
-    left: 2px;
-    top: 50%;
-    margin-top: -9px;
-}
 
-// Attribution
+    // Buttons
+    > .k-button {
+        margin: 0;
+        padding: 0;
+        border-color: transparent;
+        border-radius: 16px;
+        line-height: 10px;
+        background: none;
+        position: absolute;
+    }
 
-.k-map .k-attribution {
-    background-color: rgba(255, 255, 255, 0.8);
-    font-size: 10px;
-    padding: 2px 4px;
-    z-index: 1000;
-}
+    .k-navigator-n,
+    .k-navigator-up {
+        top: 2px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
 
-// Zoom
+    .k-navigator-e,
+    .k-navigator-right {
+        right: 2px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
 
-.k-zoom-control {
-    margin: 14px;
-    vertical-align: middle;
-}
+    .k-navigator-s,
+    .k-navigator-down {
+        bottom: 2px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
 
-.k-pdf-export .k-zoom-control {
-    display: none;
+    .k-navigator-w,
+    .k-navigator-left {
+        left: 2px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+
+    .k-pdf-export & { display: none; }
 }
 
+// Zoom
+
 .k-button-wrap
 {
     border-radius: 4px;

styles/web/common/editor.less

@@ -131,28 +131,29 @@ table.k-editor
 }
 
 .k-button-group .k-tool {
-    display: inline-block;
-    vertical-align: middle;
-    margin: 1px 0;
+    margin: 1px -1px 1px 0;
     width: @editor-icon-size;
     height: @editor-icon-size;
+    border-width: 1px;
+    border-style: solid;
     line-height: @editor-icon-size;
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+
+    &:focus,
+    &.k-state-hover {
+        z-index: 1;
+    }
 }
 
-.k-button-group .k-tool-icon
-{
+.k-button-group .k-tool-icon {
     width: 24px;
     height: 24px;
     vertical-align: middle;
     .disable-high-contrast();
 }
 
-.k-editor-toolbar .k-tool-icon.k-icon
-{
-    top: auto;
-    font-size: 16px;
-}
-
 // default tool widths
 .k-fontName { width: 110px; }
 .k-fontSize { width: 124px; }
@@ -181,36 +182,6 @@ table.k-editor
     transform: scaleX(-1);
 }
 
-.k-button-group .k-tool
-{
-    border-style: solid;
-    border-width: 1px;
-    margin-right: -1px;
-}
-
-.k-button-group .k-tool.k-state-hover,
-.k-button-group .k-tool:focus
-{
-    position: relative;
-    z-index: 1;
-}
-
-.k-rtl .k-button-group .k-tool
-{
-    border-style: solid;
-    border-width: 1px;
-}
-
-.k-button-group .k-tool.k-group-end
-{
-    border-right-width: 1px;
-}
-
-.k-rtl .k-button-group .k-tool.k-group-end
-{
-    border-left-width: 1px;
-}
-
 .k-editor-toolbar {
 
     .k-button-group .k-state-disabled,
@@ -369,6 +340,10 @@ a.k-tool {
 .k-ct-popup {
     width: (8.2 * (@editor-createTable-cellSize + 4));
     padding: .65em .5em .5em;
+
+    .k-button {
+        width: 100%;
+    }
 }
 
 .k-ct-popup .k-status {

styles/web/type-bootstrap.less

@@ -986,11 +986,6 @@ thead.k-grid-header tr:first-child {
     border-color: @widget-border-color;
 }
 
-.k-tool
-{
-    border-color: transparent;
-}
-
 .k-i-loading {
     background-image: url('@{image-folder}/loading.gif');
 }
@@ -3167,11 +3162,36 @@ td.k-state-focused.k-state-selected,
   background-image: none;
 }
 
+
 // Map
+.k-map {
+    border-color: @widget-border-color;
+    color: @widget-text-color;
+    background-color: @widget-background-color;
 
-.k-map .k-marker {
-    font-size: 28px;
-    color: @accent;
+
+    // Controls
+    .k-navigator {
+        border-color: @button-border-color;
+        color: @button-text-color;
+        background-color: @button-background-color;
+        background-position: 50% 50%;
+        .composite-background(@button-gradient);
+        .box-shadow(0 1px 2px 0 @shadow-color);
+    }
+    .k-zoom-control {
+        .box-shadow(0 1px 2px 0 @shadow-color);
+    }
+
+
+    // Attribution
+    .k-attribution {}
+
+
+    // Marker
+    .k-marker {
+        color: @accent;
+    }
 }
 
 @import "themes/spreadsheet.less";