@progress/kendo-vue-data-tools 3.7.4-dev.202301120847 → 3.7.4-dev.202301151601

package/dist/es/cells/FilterCell.js

@@ -12,7 +12,7 @@ import { DatePicker } from '@progress/kendo-vue-dateinputs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon';
 import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
-import { filterClearIcon } from '@progress/kendo-svg-icons';
+import { filterIcon, filterClearIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -107,7 +107,9 @@ var FilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: filterIcon,
+            iconClassName: "k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: ls.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),
@@ -118,7 +120,9 @@ var FilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: filterIcon,
+          iconClassName: "k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: ls.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),

package/dist/es/drag/CommonDragLogic.js

@@ -52,7 +52,7 @@ var CommonDragLogic = /** @class */ (function () {
                 return;
             }
             _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement.children;
+            var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
             _this.currentGroup = _this.isTargetGroupingContainer(event)
                 ? groupPanelChildren && groupPanelChildren.length
                     ? groupPanelChildren.length - 1

package/dist/es/header/HeaderRow.js

@@ -203,7 +203,7 @@ var HeaderRowVue2 = {
           if (!this.$props.sort) {
             return null;
           }
-          var currentDir = this.$props.sort[iconSortIndex].dir;
+          var currentDir = iconSortIndex >= 0 ? this.$props.sort[iconSortIndex].dir : '';
           return iconSortIndex >= 0 && [h(Icon, {
             key: 1,
             name: "sort-".concat(currentDir, "-small"),
@@ -338,7 +338,7 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+            } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
               "class": 'k-cell-inner'
             }, [
             // @ts-ignore function children
@@ -473,7 +473,7 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+          } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
             "class": 'k-cell-inner'
           }, [h(HeaderSelectionCell, {
             key: 1,

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673512534,
+    publishDate: 1673797901,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/pager/PagerNumericButtons.js

@@ -65,7 +65,9 @@ var PagerNumericButtonsVue2 = {
   render: function render(createElement) {
     var _this = this;
     var h = gh || createElement;
-    var prevDots = this.start > 1 && h(KButton, {
+    var prevDots = this.start > 1 &&
+    // @ts-ignore function children
+    h(KButton, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -84,8 +86,12 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.start - 1);
         }
       }
-    }, ["..."]);
-    var postDots = this.end < this.$props.totalPages && h(KButton, {
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
+    var postDots = this.end < this.$props.totalPages &&
+    // @ts-ignore function children
+    h(KButton, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -104,40 +110,47 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.end + 1);
         }
       }
-    }, ["..."]);
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
     var buttons = [];
     for (var idx = this.start; idx <= this.end; idx++) {
       buttons.push(idx);
     }
     var numerics = buttons.map(function (page) {
       var _this = this;
-      return h(KButton, {
-        key: page,
-        onClick: function onClick(e) {
-          return _this.click(e, page);
-        },
-        on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+      return (
+        // @ts-ignore function children
+        h(KButton, {
+          key: page,
+          onClick: function onClick(e) {
             return _this.click(e, page);
-          }
-        },
-        selected: this.$props.currentPage === page,
-        attrs: this.v3 ? undefined : {
+          },
+          on: this.v3 ? undefined : {
+            "click": function onClick(e) {
+              return _this.click(e, page);
+            }
+          },
           selected: this.$props.currentPage === page,
+          attrs: this.v3 ? undefined : {
+            selected: this.$props.currentPage === page,
+            fillMode: 'flat',
+            themeColor: 'primary',
+            size: this.$props.size,
+            rounded: null,
+            role: "button",
+            "aria-current": this.$props.currentPage === page ? true : undefined
+          },
           fillMode: 'flat',
           themeColor: 'primary',
           size: this.$props.size,
           rounded: null,
           role: "button",
           "aria-current": this.$props.currentPage === page ? true : undefined
-        },
-        fillMode: 'flat',
-        themeColor: 'primary',
-        size: this.$props.size,
-        rounded: null,
-        role: "button",
-        "aria-current": this.$props.currentPage === page ? true : undefined
-      }, [page]);
+        }, this.v3 ? function () {
+          return [page];
+        } : [page])
+      );
     }, this);
     var dropdown = function dropdown(currentButtons) {
       return h("select", {

package/dist/esm/cells/FilterCell.js

@@ -12,7 +12,7 @@ import { DatePicker } from '@progress/kendo-vue-dateinputs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon.js';
 import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
-import { filterClearIcon } from '@progress/kendo-svg-icons';
+import { filterIcon, filterClearIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -107,7 +107,9 @@ var FilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: filterIcon,
+            iconClassName: "k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: ls.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),
@@ -118,7 +120,9 @@ var FilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: filterIcon,
+          iconClassName: "k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: ls.toLanguageString(filterChooseOperator, messages[filterChooseOperator]),

package/dist/esm/drag/CommonDragLogic.js

@@ -52,7 +52,7 @@ var CommonDragLogic = /** @class */ (function () {
                 return;
             }
             _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement.children;
+            var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
             _this.currentGroup = _this.isTargetGroupingContainer(event)
                 ? groupPanelChildren && groupPanelChildren.length
                     ? groupPanelChildren.length - 1

package/dist/esm/header/HeaderRow.js

@@ -203,7 +203,7 @@ var HeaderRowVue2 = {
           if (!this.$props.sort) {
             return null;
           }
-          var currentDir = this.$props.sort[iconSortIndex].dir;
+          var currentDir = iconSortIndex >= 0 ? this.$props.sort[iconSortIndex].dir : '';
           return iconSortIndex >= 0 && [h(Icon, {
             key: 1,
             name: "sort-".concat(currentDir, "-small"),
@@ -338,7 +338,7 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+            } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
               "class": 'k-cell-inner'
             }, [
             // @ts-ignore function children
@@ -473,7 +473,7 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+          } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
             "class": 'k-cell-inner'
           }, [h(HeaderSelectionCell, {
             key: 1,

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673512534,
+    publishDate: 1673797901,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/pager/PagerNumericButtons.js

@@ -65,7 +65,9 @@ var PagerNumericButtonsVue2 = {
   render: function render(createElement) {
     var _this = this;
     var h = gh || createElement;
-    var prevDots = this.start > 1 && h(KButton, {
+    var prevDots = this.start > 1 &&
+    // @ts-ignore function children
+    h(KButton, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -84,8 +86,12 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.start - 1);
         }
       }
-    }, ["..."]);
-    var postDots = this.end < this.$props.totalPages && h(KButton, {
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
+    var postDots = this.end < this.$props.totalPages &&
+    // @ts-ignore function children
+    h(KButton, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -104,40 +110,47 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.end + 1);
         }
       }
-    }, ["..."]);
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
     var buttons = [];
     for (var idx = this.start; idx <= this.end; idx++) {
       buttons.push(idx);
     }
     var numerics = buttons.map(function (page) {
       var _this = this;
-      return h(KButton, {
-        key: page,
-        onClick: function onClick(e) {
-          return _this.click(e, page);
-        },
-        on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+      return (
+        // @ts-ignore function children
+        h(KButton, {
+          key: page,
+          onClick: function onClick(e) {
             return _this.click(e, page);
-          }
-        },
-        selected: this.$props.currentPage === page,
-        attrs: this.v3 ? undefined : {
+          },
+          on: this.v3 ? undefined : {
+            "click": function onClick(e) {
+              return _this.click(e, page);
+            }
+          },
           selected: this.$props.currentPage === page,
+          attrs: this.v3 ? undefined : {
+            selected: this.$props.currentPage === page,
+            fillMode: 'flat',
+            themeColor: 'primary',
+            size: this.$props.size,
+            rounded: null,
+            role: "button",
+            "aria-current": this.$props.currentPage === page ? true : undefined
+          },
           fillMode: 'flat',
           themeColor: 'primary',
           size: this.$props.size,
           rounded: null,
           role: "button",
           "aria-current": this.$props.currentPage === page ? true : undefined
-        },
-        fillMode: 'flat',
-        themeColor: 'primary',
-        size: this.$props.size,
-        rounded: null,
-        role: "button",
-        "aria-current": this.$props.currentPage === page ? true : undefined
-      }, [page]);
+        }, this.v3 ? function () {
+          return [page];
+        } : [page])
+      );
     }, this);
     var dropdown = function dropdown(currentButtons) {
       return h("select", {

package/dist/npm/cells/FilterCell.js

@@ -113,7 +113,9 @@ var FilterCellVue2 = {
           attrs: this.v3 ? undefined : {
             value: selectedOperator,
             size: size,
-            iconClassName: "k-i-filter k-button-icon",
+            icon: 'filter',
+            svgIcon: kendo_svg_icons_1.filterIcon,
+            iconClassName: "k-button-icon",
             "data-items": this.$props.operators,
             textField: "text",
             title: ls.toLanguageString(main_1.columnMenuFilterChooseOperator, main_1.messages[main_1.columnMenuFilterChooseOperator]),
@@ -124,7 +126,9 @@ var FilterCellVue2 = {
           },
           size: size,
           "class": "k-dropdown-operator",
-          iconClassName: "k-i-filter k-button-icon",
+          icon: 'filter',
+          svgIcon: kendo_svg_icons_1.filterIcon,
+          iconClassName: "k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
           title: ls.toLanguageString(main_1.columnMenuFilterChooseOperator, main_1.messages[main_1.columnMenuFilterChooseOperator]),

package/dist/npm/drag/CommonDragLogic.js

@@ -55,7 +55,7 @@ var CommonDragLogic = /** @class */ (function () {
                 return;
             }
             _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement.children;
+            var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
             _this.currentGroup = _this.isTargetGroupingContainer(event)
                 ? groupPanelChildren && groupPanelChildren.length
                     ? groupPanelChildren.length - 1

package/dist/npm/header/HeaderRow.js

@@ -209,7 +209,7 @@ var HeaderRowVue2 = {
           if (!this.$props.sort) {
             return null;
           }
-          var currentDir = this.$props.sort[iconSortIndex].dir;
+          var currentDir = iconSortIndex >= 0 ? this.$props.sort[iconSortIndex].dir : '';
           return iconSortIndex >= 0 && [h(kendo_vue_common_1.Icon, {
             key: 1,
             name: "sort-".concat(currentDir, "-small"),
@@ -344,7 +344,7 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+            } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
               "class": 'k-cell-inner'
             }, [
             // @ts-ignore function children
@@ -479,7 +479,7 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon])]) || column.field === _this2.$props.selectedField && h("span", {
+          } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
             "class": 'k-cell-inner'
           }, [h(HeaderSelectionCell_1.HeaderSelectionCell, {
             key: 1,

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673512534,
+    publishDate: 1673797901,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/pager/PagerNumericButtons.js

@@ -71,7 +71,9 @@ var PagerNumericButtonsVue2 = {
   render: function render(createElement) {
     var _this = this;
     var h = gh || createElement;
-    var prevDots = this.start > 1 && h(kendo_vue_buttons_1.Button, {
+    var prevDots = this.start > 1 &&
+    // @ts-ignore function children
+    h(kendo_vue_buttons_1.Button, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -90,8 +92,12 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.start - 1);
         }
       }
-    }, ["..."]);
-    var postDots = this.end < this.$props.totalPages && h(kendo_vue_buttons_1.Button, {
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
+    var postDots = this.end < this.$props.totalPages &&
+    // @ts-ignore function children
+    h(kendo_vue_buttons_1.Button, {
       fillMode: 'flat',
       attrs: this.v3 ? undefined : {
         fillMode: 'flat',
@@ -110,40 +116,47 @@ var PagerNumericButtonsVue2 = {
           return _this.click(e, _this.end + 1);
         }
       }
-    }, ["..."]);
+    }, this.v3 ? function () {
+      return ["..."];
+    } : ["..."]);
     var buttons = [];
     for (var idx = this.start; idx <= this.end; idx++) {
       buttons.push(idx);
     }
     var numerics = buttons.map(function (page) {
       var _this = this;
-      return h(kendo_vue_buttons_1.Button, {
-        key: page,
-        onClick: function onClick(e) {
-          return _this.click(e, page);
-        },
-        on: this.v3 ? undefined : {
-          "click": function onClick(e) {
+      return (
+        // @ts-ignore function children
+        h(kendo_vue_buttons_1.Button, {
+          key: page,
+          onClick: function onClick(e) {
             return _this.click(e, page);
-          }
-        },
-        selected: this.$props.currentPage === page,
-        attrs: this.v3 ? undefined : {
+          },
+          on: this.v3 ? undefined : {
+            "click": function onClick(e) {
+              return _this.click(e, page);
+            }
+          },
           selected: this.$props.currentPage === page,
+          attrs: this.v3 ? undefined : {
+            selected: this.$props.currentPage === page,
+            fillMode: 'flat',
+            themeColor: 'primary',
+            size: this.$props.size,
+            rounded: null,
+            role: "button",
+            "aria-current": this.$props.currentPage === page ? true : undefined
+          },
           fillMode: 'flat',
           themeColor: 'primary',
           size: this.$props.size,
           rounded: null,
           role: "button",
           "aria-current": this.$props.currentPage === page ? true : undefined
-        },
-        fillMode: 'flat',
-        themeColor: 'primary',
-        size: this.$props.size,
-        rounded: null,
-        role: "button",
-        "aria-current": this.$props.currentPage === page ? true : undefined
-      }, [page]);
+        }, this.v3 ? function () {
+          return [page];
+        } : [page])
+      );
     }, this);
     var dropdown = function dropdown(currentButtons) {
       return h("select", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.7.4-dev.202301120847",
+  "version": "3.7.4-dev.202301151601",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -45,7 +45,7 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-common": "3.7.4-dev.202301151601"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
@@ -53,14 +53,14 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-grid": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-animation": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-grid": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301151601"
   },
   "@progress": {
     "friendlyName": "Data Tools",