Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/html-helpers/interactivity/sortable/integration/listview.md

@@ -21,11 +21,11 @@ The Sortable reorders the HTML DOM elements. It does not automatically update th
 
 ## Reordering of ListView Items
 
-To reorder the items of the ListView, initialize the Sortable on the ListView element. Normally, the `filter` property selects all elements that are direct children of the ListView element, for example, `.filter(">div")`.
+To reorder the items of the ListView, initialize the Sortable on the ListView element. Specify the list items using the `filter` property -- select all elements that are direct children of the ListView content element, for example, `.filter(".k-listview-content > div")`.
 
 ## Reordering in Editable ListViews
 
-If the editing functionality of the ListView is enabled, use a more specific filter selector that excludes the item which is currently in editing mode, for example, `.filter(">div:not(.k-edit-item)"`. In this way, the Sortable functionality will not interfere with the editing feature of the ListView.
+If the editing functionality of the ListView is enabled, use a more specific filter selector that excludes the item which is currently in editing mode, for example, `.filter(".k-listview-item > div:not(.k-edit-item)"`. In this way, the Sortable functionality will not interfere with the editing feature of the ListView.
 
 To reorder the data items of the ListView, use the [approach for reordering the Grid data items]({% slug sortable_aspnetcore_integration_grid %}#reordering-of-grid-table-rows). For more information on the Sortable events, refer to the [Sortable server-side API](/api/sortable#eventssystemactionkendomvcuifluentsortableeventbuilder).
 

docs/api/javascript/ui/listview.md

@@ -744,7 +744,7 @@ Puts the specified ListView item in edit mode. Fires the [edit](/api/javascript/
         // get a reference to the ListView widget
         var listView = $("#listView").data("kendoListView");
         // edit the first ListView item
-        listView.edit(listView.element.children().first());
+        listView.edit(listView.content.children().first());
       });
     </script>
 
@@ -831,7 +831,7 @@ Removes the specified item from the ListView. Triggers [remove](/api/javascript/
         // get a reference to the list view widget
         var listView = $("#listView").data("kendoListView");
         // remove first list view item
-        listView.remove(listView.element.children().first());
+        listView.remove(listView.content.children().first());
       });
     </script>
 
@@ -942,7 +942,7 @@ Gets/sets the selected ListView item(s).
         // get a reference to the ListView widget
         var listView = $("#listView").data("kendoListView");
         // selects first ListView item
-        listView.select(listView.element.children().first());
+        listView.select(listView.content.children().first());
       });
     </script>
 
@@ -1043,7 +1043,7 @@ The event handler function context (available via the `this` keyword) will be se
         }
       });
       var listView = $("#listView").data("kendoListView");
-      listView.edit(listView.element.children().first());
+      listView.edit(listView.content.children().first());
     </script>
 
 #### To set after initialization
@@ -1089,7 +1089,7 @@ The event handler function context (available via the `this` keyword) will be se
       listView.bind("cancel", function(e) {
         console.log("Cancelled editing of item with id " + e.model.id);
       });
-      listView.edit(listView.element.children().first());
+      listView.edit(listView.content.children().first());
     </script>
 
 #### Event Data

docs/controls/interactivity/sortable/integration/listview.md

@@ -21,11 +21,11 @@ The Sortable reorders the HTML DOM elements. It does not automatically update th
 
 ## Reordering of ListView Items
 
-To reorder the items of the ListView, initialize the Sortable on the ListView element. Normally, the `filter` property selects all elements that are direct children of the ListView element, for example, `.filter(">div")`.
+To reorder the items of the ListView, initialize the Sortable on the ListView element. Specify the list items using the `filter` property -- select all elements that are direct children of the ListView content element, for example, `.filter(".k-listview-content > div")`.
 
 ## Reordering in Editable ListViews
 
-If the editing functionality of the ListView is enabled, use a more specific filter selector that excludes the item which is currently in editing mode, for example, `.filter(">div:not(.k-edit-item)"`. In this way, the Sortable functionality will not interfere with the editing feature of the ListView.
+If the editing functionality of the ListView is enabled, use a more specific filter selector that excludes the item which is currently in editing mode, for example, `.filter(".k-listview-content > div:not(.k-edit-item)"`. In this way, the Sortable functionality will not interfere with the editing feature of the ListView.
 
 To reorder the data items of the ListView, use the [approach for reordering the Grid data items]({% slug integrationwith_grid_sortable %}#reordering-of-grid-table-rows). For more information on the Sortable events, refer to the [Sortable API](/api/javascript/ui/sortable#events) and the [demo on integrating the Sortable with the ListView](https://demos.telerik.com/kendo-ui/web/sortable/integration-listview.html).
 

docs/intro/scripts/scripts-editors.md

@@ -107,6 +107,7 @@ The following table lists the individual script files for the Kendo UI widgets t
 | | kendo.upload.js | Image Browser feature (optional) |
 | | kendo.filebrowser.js | Image Browser feature (optional) |
 | | kendo.imagebrowser.js | Image Browser feature (optional) |
+| | kendo.breadcrumb.js | Image Browser feature (optional) |
 | | kendo.resizable.js | Resize handle feature (optional) |
 | | kendo.tabstrip.js | Table wizard dialog feature (optional) |
 | | kendo.numerictextbox.js | Table wizard dialog feature (optional) |

docs/knowledge-base/listview-drag-drop-sortable-items.md

@@ -99,6 +99,7 @@ The following example demonstrates the full implementation of the suggested appr
   });
 
   $('#itemlist').kendoSortable({
+    filter: ".k-listview-content > div",
     connectWith: "#newlist",
     change: function(e) {
       var sender = e.draggableEvent.sender;
@@ -113,6 +114,7 @@ The following example demonstrates the full implementation of the suggested appr
   });
 
   $('#newlist').kendoSortable({
+    filter: ".k-listview-content > div",
     connectWith: "#itemlist",
     change: function(e) {
       var sender = e.draggableEvent.sender;

src/kendo.colorpicker.js

@@ -612,12 +612,12 @@ var __meta__ = { // jshint ignore:line
                     '# } #' +
                     '#= !data.input ? \'style=\"visibility: hidden;\"\' : \"\" #>' +
                 '# if (clearButton && !_standalone) { #' +
-                    '<span class="k-clear-color k-button k-bare" title="#: messages.clearColor #"></span>' +
+                    '<span class="k-clear-color k-button k-flat" title="#: messages.clearColor #"></span>' +
                 '# } #' +
                 '</div></div></div>' +
             '# } #' +
              '# if (clearButton && !_standalone && !preview) { #' +
-                    '<div class="k-clear-color-container"><span class="k-clear-color k-button k-bare">#: messages.clearColor #</span></div>' +
+                    '<div class="k-clear-color-container"><span class="k-clear-color k-button k-flat">#: messages.clearColor #</span></div>' +
              '# } #' +
             '<div class="k-hsv-rectangle"><div class="k-hsv-gradient"></div><div class="k-draghandle"></div></div>' +
             '<div class="k-sliders-wrap k-vbox">' +

src/kendo.core.js

@@ -3113,7 +3113,7 @@ function pad(number, digits, end) {
 
         dataSource = parseOption(element, "dataSource");
 
-        options = $.extend({}, parseOptions(element, widget.fn.options), options);
+        options = $.extend({}, parseOptions(element, $.extend({}, widget.fn.options, widget.fn.defaults) ), options);
 
         if (dataSource) {
             if (typeof dataSource === STRING) {

src/kendo.data.js

@@ -4165,7 +4165,7 @@ var __meta__ = { // jshint ignore:line
                         }
                         groupCount = (group.subgroupCount || group.itemCount) + 1;
                         itemsToSkip = options.skip - options.skipped;
-                        hasNotRequestedItems = (group.items.length - itemsToSkip) < (options.take - options.taken);
+                        hasNotRequestedItems = !group.items || (group.items.length - itemsToSkip) < (options.take - options.taken);
 
                         if (!that._hasExpandedSubGroups(group) && itemsToSkip > groupCount) {
                             options.skipped += groupCount;

src/kendo.datetimepicker.js

@@ -254,16 +254,16 @@ var __meta__ = { // jshint ignore:line
                            that._inputWrapper.addClass(FOCUSED);
                        })
                        .on("focusout" + ns, function() {
-                           if(that.options.singlePopup){
-                               return;
-                           }
                            that._inputWrapper.removeClass(FOCUSED);
                            if (element.val() !== that._oldText) {
                                that._change(element.val());
                                if (!element.val()) {
                                    that.dateView.current(kendo.calendar.getToday());
                                }
                            }
+                           if (that.options.singlePopup) {
+                               return;
+                           }
                            that.close("date");
                            that.close("time");
                        });
@@ -367,6 +367,15 @@ var __meta__ = { // jshint ignore:line
 
                 that.popup.open();
 
+                if (view === "time") {
+                    that._switchToTimeView();
+                } else {
+                    that._switchToDateView();
+                }
+
+                this._dateIcon.toggle(view !== "time");
+                this._timeIcon.toggle(view === "time");
+
                 setTimeout(function() {
                     that.popup._hovered = popupHovered;
                 }, 1);
@@ -653,10 +662,14 @@ var __meta__ = { // jshint ignore:line
                 id: id,
                 anchor: that.wrapper,
                 change: function() {
+                    var value = that._applyDateValue();
+
                     if(options.singlePopup){
+                        that.timeView._value.setFullYear(value.getFullYear());
+                        that.timeView._value.setMonth(value.getMonth());
+                        that.timeView._value.setDate(value.getDate());
                         that._switchToTimeView();
                     } else {
-                        var value = that._applyDateValue();
                         that._change(value);
                         that.close("date");
                     }
@@ -710,6 +723,7 @@ var __meta__ = { // jshint ignore:line
                 max: options.componentType === "modern" ? options.max : new DATE(MAX),
                 dates: msMin === options.max.getTime() ? [new Date(msMin)] : [],
                 parseFormats: options.parseFormats,
+                validateDate: true,
                 change: function(value, trigger) {
                     value = that._applyTimeValue(value);
 
@@ -995,6 +1009,7 @@ var __meta__ = { // jshint ignore:line
         },
 
         _switchToTimeView: function() {
+            this.timeView._updateRanges();
             this.popup.element.find(".k-group-start, .k-group-end").removeClass(STATE_ACTIVE).eq(1).addClass(STATE_ACTIVE);
             this.popup.element.find(".k-datetime-wrap").removeClass("k-date-tab").addClass("k-time-tab");
         },
@@ -1011,8 +1026,9 @@ var __meta__ = { // jshint ignore:line
 
         _setClickHandler: function() {
             var value = this._applyDateValue();
-            var time = this.timeView._currentlySelected;
+            var time = this.timeView._currentlySelected || new Date();
 
+            value = value || new Date();
             this.timeView._updateCurrentlySelected();
             value.setHours(time.getHours());
             value.setMinutes(time.getMinutes());

src/kendo.tabstrip.js

@@ -172,7 +172,7 @@ var __meta__ = { // jshint ignore:line
     }
 
     function scrollButtonHtml(buttonClass, iconClass) {
-        return "<span class='k-button k-button-icon k-bare k-tabstrip-" + buttonClass + "' unselectable='on'><span class='k-icon " + iconClass + "'></span></span>";
+        return "<span class='k-button k-button-icon k-flat k-tabstrip-" + buttonClass + "' unselectable='on'><span class='k-icon " + iconClass + "'></span></span>";
     }
 
     var TabStrip = Widget.extend({