@progress/kendo-vue-grid 3.7.4-dev.202211301436 → 3.7.4-dev.202212300853

package/dist/esm/interfaces/GridToolbarProps.d.ts

@@ -3,7 +3,13 @@
  */
 export interface GridToolbarProps {
     /**
-     * The Vue slot elements that will be rendered inside the toolbar of the Grid.
+     * Configures the `size` of the Grid.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     *
+     * @default `medium`
      */
-    children?: any;
+    size?: 'small' | 'medium' | string;
 }

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1669818600,
+    publishDate: 1672389995,
     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/Grid.js

@@ -123,6 +123,13 @@ var GridVue2 = {
       type: String,
       default: 'scrollable'
     },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium'].includes(value);
+      }
+    },
     pager: kendo_vue_common_1.templateDefinition,
     rowHeight: Number,
     detail: kendo_vue_common_1.templateDefinition,
@@ -194,6 +201,29 @@ var GridVue2 = {
     this.gridUnmounted();
   },
   computed: {
+    nonscrollableWrapperClass: function nonscrollableWrapperClass() {
+      var _a;
+      var size = this.$props.size;
+      return _a = {
+        'k-grid': true,
+        'k-grid-md': !size
+      }, _a["k-grid-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
+    },
+    scrollableWrapperClass: function scrollableWrapperClass() {
+      var scrollable = this.$props.scrollable;
+      return __assign(__assign({}, this.nonscrollableWrapperClass), {
+        'k-grid-virtual': scrollable === 'virtual'
+      });
+    },
+    gridTableClass: function gridTableClass() {
+      var _a;
+      var size = this.$props.size;
+      return _a = {
+        'k-table': true,
+        'k-grid-table': true,
+        'k-grid-md': !size
+      }, _a["k-table-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
+    },
     getCorrectHeight: {
       get: function get() {
         if (this.$props.scrollable === 'virtual') {
@@ -727,7 +757,7 @@ var GridVue2 = {
         if (item.expanded !== false && item.items) {
           allRowsCount = _this.addSubItems(item.items, allRowsCount);
         }
-        if (_this.$props.groupable.footer === 'always' || item.expanded !== false && _this.$props.groupable.footer === 'visible') {
+        if (_this.group && _this.group.length && (_this.$props.groupable.footer === 'always' || item.expanded !== false && _this.$props.groupable.footer === 'visible')) {
           allRowsCount++;
         }
       });
@@ -851,8 +881,9 @@ var GridVue2 = {
     })];
     // @ts-ignore
     var header = h(Header_1.Header, {
-      columnResize: this.columnResize,
+      size: this.$props.size,
       attrs: this.v3 ? undefined : {
+        size: this.$props.size,
         columnResize: this.columnResize,
         staticHeaders: this.$props.scrollable !== 'none',
         // @ts-ignore
@@ -964,6 +995,7 @@ var GridVue2 = {
           });
         }, this)
       },
+      columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== 'none',
       ref: this.v3 ? function (el) {
         _this.headerRef = el;
@@ -1079,8 +1111,9 @@ var GridVue2 = {
     }) ?
     // @ts-ignore
     h(Footer_1.Footer, {
-      columnResize: this.columnResize,
+      size: this.$props.size,
       attrs: this.v3 ? undefined : {
+        size: this.$props.size,
         columnResize: this.columnResize,
         staticHeaders: this.$props.scrollable !== 'none',
         row:
@@ -1111,6 +1144,7 @@ var GridVue2 = {
           });
         }, this)
       },
+      columnResize: this.columnResize,
       staticHeaders: this.$props.scrollable !== 'none',
       ref: this.v3 ? function (el) {
         _this.footerRef = el;
@@ -1548,6 +1582,7 @@ var GridVue2 = {
       var _this = this;
       if (item.rowType === 'data') {
         absoluteDataIndex++;
+        dataIndex++;
       }
       if (this.$props.alternatePerGroup && item.rowType === 'groupHeader') {
         absoluteDataIndex = 0;
@@ -1774,7 +1809,7 @@ var GridVue2 = {
             },
             style: wrapperStyle,
             role: "grid",
-            "class": "k-widget k-grid"
+            "class": _this3.nonscrollableWrapperClass
           }, _this3.v3 ? function () {
             return [toolbar, groupingPanel, h("table", {
               style: {
@@ -1807,7 +1842,7 @@ var GridVue2 = {
           },
           style: wrapperStyle,
           role: "grid",
-          "class": "k-widget k-grid"
+          "class": _this3.nonscrollableWrapperClass
         }, _this3.v3 ? function () {
           return [toolbar, groupingPanel, h("table", {
             style: {
@@ -1855,7 +1890,7 @@ var GridVue2 = {
           },
           style: wrapperStyle,
           role: "grid",
-          "class": 'k-widget k-grid' + (_this3.$props.scrollable === 'virtual' ? ' k-grid-virtual' : '')
+          "class": _this3.scrollableWrapperClass
         }, _this3.v3 ? function () {
           return [toolbar, groupingPanel, header, h("div", {
             "class": "k-grid-container",
@@ -1875,9 +1910,7 @@ var GridVue2 = {
               "scroll": _this3.scrollHandler
             }
           }, [h("div", {
-            style: {
-              'position': 'relative'
-            }
+            "class": 'k-grid-table-wrap'
           }, [h("table", {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
@@ -1885,7 +1918,7 @@ var GridVue2 = {
               tabindex: -1
             },
             tabindex: -1,
-            "class": 'k-grid-table',
+            "class": _this3.gridTableClass,
             ref: (0, kendo_vue_common_1.setRef)(_this3, 'scrollTable')
           }, [colGroups, h("tbody", {
             role: "presentation",
@@ -1924,9 +1957,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -1934,7 +1965,7 @@ var GridVue2 = {
             tabindex: -1
           },
           tabindex: -1,
-          "class": 'k-grid-table',
+          "class": _this3.gridTableClass,
           ref: (0, kendo_vue_common_1.setRef)(_this3, 'scrollTable')
         }, [colGroups, h("tbody", {
           role: "presentation",
@@ -1966,7 +1997,7 @@ var GridVue2 = {
         },
         style: wrapperStyle,
         role: "grid",
-        "class": 'k-widget k-grid' + (_this3.$props.scrollable === 'virtual' ? ' k-grid-virtual' : '')
+        "class": _this3.scrollableWrapperClass
       }, _this3.v3 ? function () {
         return [toolbar, groupingPanel, header, h("div", {
           "class": "k-grid-container",
@@ -1986,9 +2017,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -1996,7 +2025,7 @@ var GridVue2 = {
             tabindex: -1
           },
           tabindex: -1,
-          "class": 'k-grid-table',
+          "class": _this3.gridTableClass,
           ref: (0, kendo_vue_common_1.setRef)(_this3, 'scrollTable')
         }, [colGroups, h("tbody", {
           role: "presentation",
@@ -2035,9 +2064,7 @@ var GridVue2 = {
           "scroll": _this3.scrollHandler
         }
       }, [h("div", {
-        style: {
-          'position': 'relative'
-        }
+        "class": 'k-grid-table-wrap'
       }, [h("table", {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {
@@ -2045,7 +2072,7 @@ var GridVue2 = {
           tabindex: -1
         },
         tabindex: -1,
-        "class": 'k-grid-table',
+        "class": _this3.gridTableClass,
         ref: (0, kendo_vue_common_1.setRef)(_this3, 'scrollTable')
       }, [colGroups, h("tbody", {
         role: "presentation",

package/dist/npm/GridToolbar.d.ts

@@ -7,7 +7,19 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
 /**
  * @hidden
  */
-declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
+export interface GridToolbarComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface GridToolbarAll extends GridToolbarProps, GridToolbarComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let GridToolbarVue2: ComponentOptions<GridToolbarAll, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
 /**
  * Represents the GridToolbar component.
  *

package/dist/npm/GridToolbar.js

@@ -15,6 +15,25 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 var GridToolbarVue2 = {
   name: 'GridToolbar',
+  props: {
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium'].includes(value);
+      }
+    }
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      var _a;
+      var size = this.$props.size;
+      return _a = {
+        'k-toolbar': true,
+        'k-grid-toolbar': true
+      }, _a["k-toolbar-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -27,7 +46,7 @@ var GridToolbarVue2 = {
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return h("div", {
-      "class": "k-toolbar k-grid-toolbar"
+      "class": this.wrapperClass
     }, [defaultSlot]);
   }
 };

package/dist/npm/cells/GridFilterCell.js

@@ -227,8 +227,10 @@ var GridFilterCellVue2 = {
       }
     };
     var defaultRendering = h("div", {
-      "class": "k-filtercell"
-    }, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
+      "class": "k-cell-inner"
+    }, [h("span", {
+      "class": "k-link"
+    }, [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
       "class": "k-filtercell-operator"
     }, [renderOperatorEditor.call(this),
     // @ts-ignore function children 

package/dist/npm/columnMenu/ColumnMenu.js

@@ -139,8 +139,11 @@ var ColumnMenuVue2 = {
       on: this.v3 ? undefined : {
         "click": this.anchorClick
       }
-    }, [h("span", {
-      "class": 'k-icon k-i-more-vertical'
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'more-vertical',
+      attrs: this.v3 ? undefined : {
+        name: 'more-vertical'
+      }
     })]),
     // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -151,8 +151,12 @@ var GridColumnMenuCheckboxFilterVue2 = {
         "class": "k-list-filter"
       }, [h("span", {
         "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
-      }, [h("span", {
-        "class": "k-input-icon k-icon k-i-search"
+      }, [h(kendo_vue_common_1.Icon, {
+        name: 'search',
+        attrs: this.v3 ? undefined : {
+          name: 'search'
+        },
+        "class": "k-input-icon"
       }), h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(main_1.searchPlaceholder, main_1.messages[main_1.searchPlaceholder]),

package/dist/npm/columnMenu/GridColumnMenuItem.js

@@ -55,8 +55,8 @@ var GridColumnMenuItemVue2 = {
       },
       onClick: this.onClick,
       "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
-    }, [iconClass && h("span", {
-      "class": "k-icon ".concat(iconClass)
+    }, [iconClass && h(kendo_vue_common_1.Icon, {
+      "class": "iconClass"
     }), title]);
   }
 };

package/dist/npm/drag/DragClue.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DragClueVue2 = exports.DragClue = void 0;
 // @ts-ignore
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
@@ -44,8 +45,11 @@ var DragClueVue2 = {
       }
     }, [h("span", {
       "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
-    }, [h("span", {
-      "class": "k-icon k-icon-modifier"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: "modifier",
+      attrs: this.v3 ? undefined : {
+        name: "modifier"
+      }
     })]), this.innerText]);
   }
 };

package/dist/npm/drag/GroupingIndicator.js

@@ -83,8 +83,12 @@ var GroupingIndicatorVue2 = {
           ref: (0, kendo_vue_common_1.setRef)(_this, 'indicatorContainer')
         }, [h("div", {
           "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-        }, [h("span", {
-          "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+        }, [h(kendo_vue_common_1.Icon, {
+          name: 'sort-' + _this.$props.dir + '-small',
+          attrs: _this.v3 ? undefined : {
+            name: 'sort-' + _this.$props.dir + '-small'
+          },
+          "class": 'k-chip-icon'
         }), h("span", {
           "class": "k-chip-content",
           tabindex: -1,
@@ -109,16 +113,23 @@ var GroupingIndicatorVue2 = {
           on: _this.v3 ? undefined : {
             "click": _this.groupRemove
           }
-        }, [h("span", {
-          "class": "k-icon k-i-x"
+        }, [h(kendo_vue_common_1.Icon, {
+          name: "x",
+          attrs: _this.v3 ? undefined : {
+            name: "x"
+          }
         })])])])])];
       } : [h("div", {
         "class": "k-indicator-container",
         ref: (0, kendo_vue_common_1.setRef)(_this, 'indicatorContainer')
       }, [h("div", {
         "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-      }, [h("span", {
-        "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+      }, [h(kendo_vue_common_1.Icon, {
+        name: 'sort-' + _this.$props.dir + '-small',
+        attrs: _this.v3 ? undefined : {
+          name: 'sort-' + _this.$props.dir + '-small'
+        },
+        "class": 'k-chip-icon'
       }), h("span", {
         "class": "k-chip-content",
         tabindex: -1,
@@ -143,8 +154,11 @@ var GroupingIndicatorVue2 = {
         on: _this.v3 ? undefined : {
           "click": _this.groupRemove
         }
-      }, [h("span", {
-        "class": "k-icon k-i-x"
+      }, [h(kendo_vue_common_1.Icon, {
+        name: "x",
+        attrs: _this.v3 ? undefined : {
+          name: "x"
+        }
       })])])])])])
     );
   }

package/dist/npm/footer/Footer.d.ts

@@ -13,6 +13,7 @@ export interface FooterProps {
         colGroupFooter: HTMLTableColElement | null;
     };
     cols: any[];
+    size: string;
 }
 export interface FooterComputed {
     [key: string]: any;

package/dist/npm/footer/Footer.js

@@ -22,7 +22,8 @@ var FooterVue2 = {
     staticHeaders: Boolean,
     row: Object,
     columnResize: Object,
-    cols: Array
+    cols: Array,
+    size: String
   },
   data: function data() {
     return {
@@ -32,6 +33,14 @@ var FooterVue2 = {
     };
   },
   computed: {
+    tableClass: function tableClass() {
+      var _a;
+      var size = this.$props.size;
+      return _a = {
+        'k-table': true,
+        'k-grid-footer-table': true
+      }, _a["k-table-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
+    },
     divStyle: {
       get: function get() {
         var padding = this.$data.scrollbarWidth + 'px';
@@ -92,6 +101,7 @@ var FooterVue2 = {
       "class": "k-grid-footer-wrap",
       ref: (0, kendo_vue_common_1.setRef)(this, 'footerWrap')
     }, [h("table", {
+      "class": this.tableClass,
       style: this.tableStyle
     }, [h("colgroup", {
       ref: (0, kendo_vue_common_1.setRef)(this, 'colGroupHeader')

package/dist/npm/header/FilterRow.js

@@ -15,6 +15,7 @@ var GridFilterCell_1 = require("../cells/GridFilterCell");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
@@ -162,7 +163,7 @@ var FilterRowVue2 = {
         },
         navigatable: column.navigatable,
         style: style,
-        "class": this.headerCellClassName(column.field, column.locked) || undefined,
+        "class": (0, kendo_vue_common_1.classNames)('k-header', this.headerCellClassName(column.field, column.locked) || undefined),
         ariaLabel: ariaAttrs.ariaLabel,
         ariaColumnIndex: ariaAttrs.ariaColumnIndex
       }, this.v3 ? function () {
@@ -181,7 +182,7 @@ var FilterRowVue2 = {
         },
         navigatable: column.navigatable,
         style: style,
-        "class": this.headerCellClassName(column.field, column.locked) || undefined,
+        "class": (0, kendo_vue_common_1.classNames)('k-header', this.headerCellClassName(column.field, column.locked) || undefined),
         ariaLabel: ariaAttrs.ariaLabel,
         ariaColumnIndex: ariaAttrs.ariaColumnIndex
       });

package/dist/npm/header/Header.d.ts

@@ -10,6 +10,7 @@ export interface HeaderProps {
     ref?: string;
     staticHeaders: boolean;
     headerRow: any;
+    size: string;
     columnResize: {
         colGroupHeader: any | null;
         setIsRtl: (isRtl: boolean) => void;

package/dist/npm/header/Header.js

@@ -22,6 +22,7 @@ var HeaderVue2 = {
     headerRow: Object,
     columnResize: Object,
     cols: Array,
+    size: String,
     draggable: Boolean
   },
   data: function data() {
@@ -38,6 +39,14 @@ var HeaderVue2 = {
         'k-grid-header': true,
         'k-grid-draggable-header': this.$props.draggable
       };
+    },
+    tableClass: function tableClass() {
+      var _a;
+      var size = this.$props.size;
+      return _a = {
+        'k-table': true,
+        'k-grid-header-table': true
+      }, _a["k-table-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
     }
   },
   mounted: function mounted() {
@@ -102,6 +111,7 @@ var HeaderVue2 = {
         role: "presentation"
       }
     }, [h("table", {
+      "class": this.tableClass,
       ref: (0, kendo_vue_common_1.setRef)(this, 'table'),
       role: "presentation",
       attrs: this.v3 ? undefined : {

package/dist/npm/header/HeaderRow.js

@@ -201,18 +201,25 @@ var HeaderRowVue2 = {
         }) : -1;
         var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
         var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
-          if (!_this.$props.sort) {
+          if (!this.$props.sort) {
             return null;
           }
           return iconSortIndex >= 0 && [h("span", {
             key: 1,
-            "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
-          }), _this.$props.sort.length > 1 && h("span", {
+            "class": 'k-sort-icon'
+          }, [h(kendo_vue_common_1.Icon, {
+            name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small',
+            attrs: this.v3 ? undefined : {
+              name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small'
+            }
+          })]), this.$props.sort.length > 1 && h("span", {
             key: 2,
+            "class": 'k-sort-icon'
+          }, [h("span", {
             "class": "k-sort-order"
-          }, [iconSortIndex + 1])];
+          }, [iconSortIndex + 1])])];
         };
-        var sortIcon = sortIconRenderer(sortIndex);
+        var sortIcon = sortIconRenderer.call(this, sortIndex);
         var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
         var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
         var columnMenuRender = !columnMenu || typeof columnMenu === 'boolean' ? !!columnMenu : this.getTemplate(columnMenu);

package/dist/npm/interfaces/GridColumnProps.d.ts

@@ -140,8 +140,8 @@ export interface GridColumnProps {
     locked?: boolean;
     /**
      * The type of the data which will be used when formatting the cell data.
-     * Could be one of the following values 'text' | 'numeric' | 'boolean' | 'date'.
-     * Defaults to `text`.
+     * Could be one of the following values 'string' | 'number' | 'boolean' | 'date'.
+     * Defaults to `string`.
      */
-    type?: 'text' | 'numeric' | 'boolean' | 'date';
+    type?: 'string' | 'number' | 'boolean' | 'date';
 }

package/dist/npm/interfaces/GridProps.d.ts

@@ -207,6 +207,16 @@ export interface GridProps {
      * while the user is scrolling the content.
      */
     scrollable?: string;
+    /**
+     * Configures the `size` of the Grid.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     *
+     * @default `medium`
+     */
+    size?: 'small' | 'medium' | string;
     /**
      * Defines the row height and forces an equal height to all rows
      * ([see example]({% slug scrollmmodes_grid %})).

package/dist/npm/interfaces/GridToolbarProps.d.ts

@@ -3,7 +3,13 @@
  */
 export interface GridToolbarProps {
     /**
-     * The Vue slot elements that will be rendered inside the toolbar of the Grid.
+     * Configures the `size` of the Grid.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     *
+     * @default `medium`
      */
-    children?: any;
+    size?: 'small' | 'medium' | string;
 }

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1669818600,
+    publishDate: 1672389995,
     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'
 };