@progress/kendo-vue-grid 3.4.1 → 3.4.2-dev.202207070519

package/dist/npm/drag/GroupingIndicator.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -24,7 +25,7 @@ var GroupingIndicatorVue2 = {
 
   },
   mounted: function mounted() {
-    this.element = this.v3 ? this.indicatorContainerRef : this.$refs.indicatorContainer;
+    this.element = kendo_vue_common_1.getRef(this, 'indicatorContainer');
 
     if (this.element) {
       this.draggable = this.$refs.draggable;
@@ -57,8 +58,8 @@ var GroupingIndicatorVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var indicatorContainerRef = ref(null);
     return {
       v3: v3,
@@ -67,8 +68,6 @@ var GroupingIndicatorVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -86,72 +85,68 @@ var GroupingIndicatorVue2 = {
       }, this.v3 ? function () {
         return [h("div", {
           "class": "k-indicator-container",
-          ref: _this2.v3 ? function (el) {
-            _this.indicatorContainerRef = el;
-          } : 'indicatorContainer'
+          ref: 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-' + _this2.$props.dir + '-sm'
+          "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
         }), h("span", {
           "class": "k-chip-content",
-          tabIndex: -1,
-          attrs: _this2.v3 ? undefined : {
-            tabIndex: -1
+          tabindex: -1,
+          attrs: _this.v3 ? undefined : {
+            tabindex: -1
           },
-          onClick: _this2.sortChange,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.sortChange
+          onClick: _this.sortChange,
+          on: _this.v3 ? undefined : {
+            "click": _this.sortChange
           }
         }, [h("span", {
           "class": "k-chip-text"
-        }, [_this2.$props.title])]), h("span", {
+        }, [_this.$props.title])]), h("span", {
           "class": "k-chip-actions"
         }, [h("span", {
           "class": "k-chip-action",
-          tabIndex: -1,
-          attrs: _this2.v3 ? undefined : {
-            tabIndex: -1
+          tabindex: -1,
+          attrs: _this.v3 ? undefined : {
+            tabindex: -1
           },
-          onClick: _this2.groupRemove,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.groupRemove
+          onClick: _this.groupRemove,
+          on: _this.v3 ? undefined : {
+            "click": _this.groupRemove
           }
         }, [h("span", {
           "class": "k-icon k-i-x"
         })])])])])];
       } : [h("div", {
         "class": "k-indicator-container",
-        ref: _this2.v3 ? function (el) {
-          _this.indicatorContainerRef = el;
-        } : 'indicatorContainer'
+        ref: 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-' + _this2.$props.dir + '-sm'
+        "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
       }), h("span", {
         "class": "k-chip-content",
-        tabIndex: -1,
-        attrs: _this2.v3 ? undefined : {
-          tabIndex: -1
+        tabindex: -1,
+        attrs: _this.v3 ? undefined : {
+          tabindex: -1
         },
-        onClick: _this2.sortChange,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.sortChange
+        onClick: _this.sortChange,
+        on: _this.v3 ? undefined : {
+          "click": _this.sortChange
         }
       }, [h("span", {
         "class": "k-chip-text"
-      }, [_this2.$props.title])]), h("span", {
+      }, [_this.$props.title])]), h("span", {
         "class": "k-chip-actions"
       }, [h("span", {
         "class": "k-chip-action",
-        tabIndex: -1,
-        attrs: _this2.v3 ? undefined : {
-          tabIndex: -1
+        tabindex: -1,
+        attrs: _this.v3 ? undefined : {
+          tabindex: -1
         },
-        onClick: _this2.groupRemove,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.groupRemove
+        onClick: _this.groupRemove,
+        on: _this.v3 ? undefined : {
+          "click": _this.groupRemove
         }
       }, [h("span", {
         "class": "k-icon k-i-x"

package/dist/npm/footer/Footer.js

@@ -9,11 +9,14 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var browser_support_service_1 = require("../utils/browser-support.service");
 
 var utils_1 = require("../utils");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
@@ -56,8 +59,8 @@ var FooterVue2 = {
   mounted: function mounted() {
     this.$data.scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
     this.rtl = utils_1.isRtl(this.$el);
-    this.$props.columnResize.colGroupFooter = this.v3 ? this.colGroupHeaderRef : this.$refs.colGroupHeader;
-    this._footerWrap = this.v3 ? this.footerWrapRef : this.$refs.footerWrap;
+    this.$props.columnResize.colGroupFooter = kendo_vue_common_1.getRef(this, 'colGroupHeader');
+    this._footerWrap = kendo_vue_common_1.getRef(this, 'footerWrap');
   },
   methods: {
     setScrollLeft: function setScrollLeft(scrollLeft) {
@@ -70,8 +73,8 @@ var FooterVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var footerWrapRef = ref(null);
     var colGroupHeaderRef = ref(null);
     return {
@@ -82,8 +85,6 @@ var FooterVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
 
     if (!this.$props.staticHeaders) {
@@ -97,15 +98,11 @@ var FooterVue2 = {
       style: this.divStyle
     }, [h("div", {
       "class": "k-grid-footer-wrap",
-      ref: this.v3 ? function (el) {
-        _this.footerWrapRef = el;
-      } : 'footerWrap'
+      ref: kendo_vue_common_1.setRef(this, 'footerWrap')
     }, [h("table", {
       style: this.tableStyle
     }, [h("colgroup", {
-      ref: this.v3 ? function (el) {
-        _this.colGroupHeaderRef = el;
-      } : 'colGroupHeader'
+      ref: kendo_vue_common_1.setRef(this, 'colGroupHeader')
     }, [this.$props.cols]), h("tfoot", [this.$props.row])])])]);
   }
 };

package/dist/npm/footer/FooterRow.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -36,8 +37,8 @@ var FooterRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -62,12 +63,10 @@ var FooterRowVue2 = {
       });
       return h("td", {
         key: index,
-        field: column.field,
+        colspan: column.colSpan !== 1 ? column.colSpan : undefined,
         attrs: this.v3 ? undefined : {
-          field: column.field,
-          colSpan: column.colSpan !== 1 ? column.colSpan : undefined
+          colspan: column.colSpan !== 1 ? column.colSpan : undefined
         },
-        colSpan: column.colSpan !== 1 ? column.colSpan : undefined,
         style: this.columnStyles(column),
         "class": tdClassName
       }, [footerCellRendering]);

package/dist/npm/header/FilterRow.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var filterCommon_1 = require("../filterCommon");
@@ -83,8 +84,8 @@ var FilterRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/npm/header/GridHeaderCell.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -29,8 +30,8 @@ var GridHeaderCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/header/GridHeaderSelectionCell.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -35,8 +36,8 @@ var GridHeaderSelectionCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/header/GroupPanel.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var GroupingIndicator_1 = require("../drag/GroupingIndicator");
@@ -56,8 +57,8 @@ var GroupPanelVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/npm/header/Header.js

@@ -9,11 +9,14 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var browser_support_service_1 = require("../utils/browser-support.service");
 
 var utils_1 = require("../utils");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
@@ -44,9 +47,9 @@ var HeaderVue2 = {
     }
   },
   mounted: function mounted() {
-    this.headerWrap = this.v3 ? this.headerWrapRef : this.$refs.headerWrap;
-    this.table = this.v3 ? this.tableRef : this.$refs.table;
-    this.$props.columnResize.colGroupHeader = this.v3 ? this.colGroupHeaderRef : this.$refs.colGroupHeader;
+    this.headerWrap = kendo_vue_common_1.getRef(this, 'headerWrap');
+    this.table = kendo_vue_common_1.getRef(this, 'table');
+    this.$props.columnResize.colGroupHeader = kendo_vue_common_1.getRef(this, 'colGroupHeader');
     var scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
     var rtl = utils_1.isRtl(this.$el);
 
@@ -74,8 +77,8 @@ var HeaderVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var headerWrapRef = ref(null);
     var tableRef = ref(null);
     var colGroupHeaderRef = ref(null);
@@ -88,8 +91,6 @@ var HeaderVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
 
     if (!this.$props.staticHeaders) {
@@ -104,18 +105,14 @@ var HeaderVue2 = {
         role: "presentation"
       }
     }, [h("div", {
-      ref: this.v3 ? function (el) {
-        _this.headerWrapRef = el;
-      } : 'headerWrap',
+      ref: kendo_vue_common_1.setRef(this, 'headerWrap'),
       "class": "k-grid-header-wrap",
       role: "presentation",
       attrs: this.v3 ? undefined : {
         role: "presentation"
       }
     }, [h("table", {
-      ref: this.v3 ? function (el) {
-        _this.tableRef = el;
-      } : 'table',
+      ref: kendo_vue_common_1.setRef(this, 'table'),
       role: "presentation",
       attrs: this.v3 ? undefined : {
         role: "presentation"
@@ -125,9 +122,7 @@ var HeaderVue2 = {
       attrs: this.v3 ? undefined : {
         role: "presentation"
       },
-      ref: this.v3 ? function (el) {
-        _this.colGroupHeaderRef = el;
-      } : 'colGroupHeader'
+      ref: kendo_vue_common_1.setRef(this, 'colGroupHeader')
     }, [this.$props.cols]), this.$props.headerRow])])]);
   }
 };

package/dist/npm/header/HeaderRow.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var GridSortSettings_1 = require("../interfaces/GridSortSettings");
 
@@ -202,8 +203,8 @@ var HeaderRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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: 1656415575,
+    publishDate: 1657170858,
     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/rows/GridDetailRow.js

@@ -9,14 +9,15 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 /**
  * @hidden
  */
 
 var GridDetailRowVue2 = {
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/rows/GridRow.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var utils_1 = require("../utils");
 
@@ -40,8 +41,8 @@ var GridRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "3.4.1",
+  "version": "3.4.2-dev.202207070519",
   "description": "Kendo UI for Vue Grid package",
   "repository": {
     "type": "git",
@@ -35,24 +35,24 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.4.1"
+    "@progress/kendo-vue-common": "3.4.2-dev.202207070519"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-drawing": "^1.9.3",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-animation": "3.4.1",
-    "@progress/kendo-vue-buttons": "3.4.1",
-    "@progress/kendo-vue-charts": "3.4.1",
-    "@progress/kendo-vue-data-tools": "3.4.1",
-    "@progress/kendo-vue-dateinputs": "3.4.1",
-    "@progress/kendo-vue-dropdowns": "3.4.1",
-    "@progress/kendo-vue-excel-export": "3.4.1",
-    "@progress/kendo-vue-indicators": "3.4.1",
-    "@progress/kendo-vue-inputs": "3.4.1",
-    "@progress/kendo-vue-intl": "3.4.1",
-    "@progress/kendo-vue-pdf": "3.4.1",
-    "@progress/kendo-vue-popup": "3.4.1",
+    "@progress/kendo-vue-animation": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-buttons": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-charts": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-data-tools": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-dateinputs": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-dropdowns": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-excel-export": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-indicators": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-inputs": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-intl": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-pdf": "3.4.2-dev.202207070519",
+    "@progress/kendo-vue-popup": "3.4.2-dev.202207070519",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0",