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

package/dist/es/radiobutton/RadioGroup.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { RadioButton } from './RadioButton';
@@ -124,8 +125,8 @@ var RadioGroupVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     return {
       v3: v3,

package/dist/es/range-slider/RangeSlider.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { Draggable, Keys, // useDir,
@@ -145,8 +146,8 @@ var RangeSliderVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -234,14 +235,14 @@ var RangeSliderVue2 = {
         role: "slider",
         attrs: _this.v3 ? undefined : {
           role: "slider",
-          tabIndex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
+          tabindex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
           "aria-valuemin": _this.min,
           "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
           "aria-valuenow": _this.computedValue.start,
           "aria-disabled": _this.disabled ? 'true' : undefined,
           title: localization.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
         },
-        tabIndex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
+        tabindex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
         "aria-valuemin": _this.min,
         "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
         "aria-valuenow": _this.computedValue.start,
@@ -267,14 +268,14 @@ var RangeSliderVue2 = {
         role: "slider",
         attrs: _this.v3 ? undefined : {
           role: "slider",
-          tabIndex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
+          tabindex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
           "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
           "aria-valuemax": _this.max,
           "aria-valuenow": _this.computedValue.end,
           "aria-disabled": _this.disabled ? 'true' : undefined,
           title: localization.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
         },
-        tabIndex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
+        tabindex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
         "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
         "aria-valuemax": _this.max,
         "aria-valuenow": _this.computedValue.end,
@@ -332,14 +333,14 @@ var RangeSliderVue2 = {
       role: "slider",
       attrs: _this.v3 ? undefined : {
         role: "slider",
-        tabIndex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
+        tabindex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
         "aria-valuemin": _this.min,
         "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
         "aria-valuenow": _this.computedValue.start,
         "aria-disabled": _this.disabled ? 'true' : undefined,
         title: localization.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
       },
-      tabIndex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
+      tabindex: getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
       "aria-valuemin": _this.min,
       "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
       "aria-valuenow": _this.computedValue.start,
@@ -365,14 +366,14 @@ var RangeSliderVue2 = {
       role: "slider",
       attrs: _this.v3 ? undefined : {
         role: "slider",
-        tabIndex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
+        tabindex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
         "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
         "aria-valuemax": _this.max,
         "aria-valuenow": _this.computedValue.end,
         "aria-disabled": _this.disabled ? 'true' : undefined,
         title: localization.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
       },
-      tabIndex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
+      tabindex: getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
       "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
       "aria-valuemax": _this.max,
       "aria-valuenow": _this.computedValue.end,

package/dist/es/slider/Slider.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { Button } from '@progress/kendo-vue-buttons';
@@ -117,8 +118,8 @@ var SliderVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -148,7 +149,7 @@ var SliderVue2 = {
         dir: this.currentDir,
         role: "slider",
         id: this.$props.id,
-        tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
+        tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
       },
       "aria-valuemax": this.$props.max,
       "aria-valuenow": this.computedValue,
@@ -159,7 +160,7 @@ var SliderVue2 = {
       role: "slider",
       id: this.$props.id,
       style: this.$props.style,
-      tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       onFocus: this.onFocus,
       on: this.v3 ? undefined : {
         "focus": this.onFocus,

package/dist/es/slider/SliderLabel.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -59,8 +60,8 @@ var SliderLabelVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/switch/Switch.js

@@ -2,7 +2,8 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-import { guid, noop, Keys, getTabIndex, validatePackage, isRtl, kendoThemeMaps } from '@progress/kendo-vue-common';
+var isV3 = allVue.version[0] === '3';
+import { guid, noop, Keys, getTabIndex, validatePackage, isRtl, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, switchValidation } from './../messages';
 import { packageMetadata } from '../package-metadata';
@@ -136,8 +137,8 @@ var SwitchVue2 = {
     }
   },
   mounted: function mounted() {
-    this._element = this.v3 ? this.elementRef : this.$refs.element;
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this._element = getRef(this, 'element');
+    this.input = getRef(this, 'input');
     this.currentDir = this.$props.dir !== undefined ? this.$props.dir : isRtl(this.$el) ? 'rtl' : 'ltr';
     this.setValidity();
   },
@@ -145,16 +146,14 @@ var SwitchVue2 = {
     this.setValidity();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         disabled = _a.disabled,
@@ -189,24 +188,22 @@ var SwitchVue2 = {
         "aria-disabled": disabled || undefined,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
-        tabIndex: getTabIndex(tabIndex, disabled, undefined),
-        accessKey: this.$props.accessKey
+        tabindex: getTabIndex(tabIndex, disabled, undefined),
+        accesskey: this.$props.accessKey
       },
       role: 'switch',
       "aria-checked": this.computedValue,
       "aria-disabled": disabled || undefined,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
-      ref: this.v3 ? function (el) {
-        _this.elementRef = el;
-      } : 'element',
-      tabIndex: getTabIndex(tabIndex, disabled, undefined),
-      accessKey: this.$props.accessKey
+      ref: setRef(this, 'element'),
+      tabindex: getTabIndex(tabIndex, disabled, undefined),
+      accesskey: this.$props.accessKey
     }, [h("input", {
       type: "checkbox",
       attrs: this.v3 ? undefined : {
         type: "checkbox",
-        tabIndex: -1,
+        tabindex: -1,
         name: this.$props.name,
         required: required !== undefined ? required : false,
         "aria-hidden": true
@@ -216,10 +213,8 @@ var SwitchVue2 = {
         "checked": this.$props.checked,
         "value": this.computedValue
       },
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
-      tabIndex: -1,
+      ref: setRef(this, 'input'),
+      tabindex: -1,
       name: this.$props.name,
       required: required !== undefined ? required : false,
       "aria-hidden": true,

package/dist/es/textarea/TextArea.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefinition, templateRendering, getListeners, getTemplate // useDir,
 } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
@@ -193,8 +194,8 @@ var TextAreaVue2 = {
     this.setValidity();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/checkbox/Checkbox.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 inject = allVue.inject;
 
@@ -157,7 +158,7 @@ var CheckboxVue2 = {
     }
   },
   mounted: function mounted() {
-    this.input = this.v3 ? this.inputRef : this.$refs.input;
+    this.input = kendo_vue_common_1.getRef(this, 'input');
 
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
@@ -172,14 +173,14 @@ var CheckboxVue2 = {
   },
   updated: function updated() {
     if (!this.input) {
-      this.input = this.v3 ? this.inputRef : this.$refs.input;
+      this.input = kendo_vue_common_1.getRef(this, 'input');
     }
 
     this.setValidity();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -220,8 +221,6 @@ var CheckboxVue2 = {
     }, _a["k-checkbox-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[size]] = size, _a["k-rounded-" + kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded]] = rounded, _a['k-state-indeterminate'] = this.indeterminateProp, _a['k-state-invalid k-invalid'] = !(this.isValid || validityStyles !== undefined || validityStyles === true), _a));
 
     var checkboxInput = function checkboxInput() {
-      var _this = this;
-
       return h("input", {
         type: 'checkbox',
         attrs: this.v3 ? undefined : {
@@ -231,7 +230,7 @@ var CheckboxVue2 = {
           "aria-labelledby": ariaLabelledBy,
           "aria-describedby": ariaDescribedBy,
           disabled: disabled,
-          tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+          tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
           role: 'checkbox',
           required: required !== undefined ? required : false,
           "aria-checked": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,
@@ -240,9 +239,7 @@ var CheckboxVue2 = {
         "class": inputClasses,
         name: name,
         id: id || this.calculatedId,
-        ref: this.v3 ? function (el) {
-          _this.inputRef = el;
-        } : 'input',
+        ref: kendo_vue_common_1.setRef(this, 'input'),
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
         checked: this.v3 ? Boolean(this.checkedProp) : null,
@@ -250,7 +247,7 @@ var CheckboxVue2 = {
           "checked": Boolean(this.checkedProp)
         },
         disabled: disabled,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
         role: 'checkbox',
         required: required !== undefined ? required : false,
         "aria-checked": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,

package/dist/npm/colors/ColorContrastLabels.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_intl_1 = require("@progress/kendo-vue-intl");
 
@@ -32,8 +33,8 @@ var ColorContrastLabelsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/colors/ColorContrastSvg.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var svg_calc_1 = require("./utils/svg-calc");
 
@@ -29,8 +30,8 @@ var ColorContrastSvgVue2 = {
     hsva: Object
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/colors/ColorGradient.js

@@ -25,6 +25,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");
 
@@ -132,8 +133,8 @@ var ColorGradientVue2 = {
   },
   // private alphaSlider: any;
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -171,13 +172,13 @@ var ColorGradientVue2 = {
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
         "aria-disabled": this.$props.disabled ? 'true' : undefined,
-        tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy
       },
       "class": className,
       "aria-disabled": this.$props.disabled ? 'true' : undefined,
-      tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       onFocus: this.onFocus,

package/dist/npm/colors/ColorInput.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var main_1 = require("../main");
 
@@ -61,8 +62,8 @@ var ColorInputVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/colors/ColorPalette.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var color_palette_service_1 = require("./utils/color-palette.service");
 
@@ -73,10 +74,10 @@ var ColorPaletteVue2 = {
     this.guid = kendo_vue_common_1.guid();
   },
   mounted: function mounted() {
-    this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
+    this.wrapper = kendo_vue_common_1.getRef(this, 'wrapper');
   },
   updated: function updated() {
-    this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
+    this.wrapper = kendo_vue_common_1.getRef(this, 'wrapper');
   },
   computed: {
     focusedColorCooridanates: function focusedColorCooridanates() {
@@ -97,16 +98,14 @@ var ColorPaletteVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var paletteInfo = this.getPaletteInfo();
     var svc = this.paletteService = new color_palette_service_1.ColorPaletteService();
@@ -192,7 +191,7 @@ var ColorPaletteVue2 = {
           "aria-activedescendant": selectedCellCoords && this.createCellId(selectedCellCoords),
           "aria-labelledby": this.$props.ariaLabelledBy,
           "aria-describedby": this.$props.ariaDescribedBy,
-          tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled)
+          tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled)
         },
         "class": className,
         onFocusin: this.onFocus,
@@ -207,10 +206,8 @@ var ColorPaletteVue2 = {
         "aria-activedescendant": selectedCellCoords && this.createCellId(selectedCellCoords),
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
-        tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
-        ref: this.v3 ? function (el) {
-          _this.wrapperRef = el;
-        } : 'wrapper'
+        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+        ref: kendo_vue_common_1.setRef(this, 'wrapper')
       }, [h("div", {
         "class": "k-colorpalette-table-wrap",
         role: "grid",

package/dist/npm/colors/ColorPicker.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_buttons_1 = require("@progress/kendo-vue-buttons");
 
@@ -155,8 +156,8 @@ var ColorPickerVue2 = {
     this.palette = this.v3 ? this.paletteRef : this.$refs.palette;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -183,14 +184,14 @@ var ColorPickerVue2 = {
         id: this.$props.id,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
         title: this.$props.title
       },
       id: this.$props.id,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       ref: this.focusableElementGuid,
-      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
       title: this.$props.title,
       onKeydown: this.onKeyDownHandler,
       on: this.v3 ? undefined : {

package/dist/npm/colors/FlatColorPicker.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");
 
@@ -68,8 +69,8 @@ var FlatColorPickerVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -80,9 +81,9 @@ var FlatColorPickerVue2 = {
 
     var h = gh || createElement;
     return h("div", {
-      tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
+      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
       attrs: this.v3 ? undefined : {
-        tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled)
+        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled)
       },
       "class": kendo_vue_common_1.classNames('k-flatcolorpicker k-coloreditor', {
         'k-disabled': this.$props.disabled

package/dist/npm/colors/HexInput.js

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

package/dist/npm/colors/Picker.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_popup_1 = require("@progress/kendo-vue-popup");
 
@@ -54,8 +55,8 @@ var PickerVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/input/Input.js

@@ -25,6 +25,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");
@@ -149,8 +150,8 @@ var InputVue2 = {
     this.setValidity();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     return {
       v3: v3,

package/dist/npm/input-separator/InputSeparator.js

@@ -11,6 +11,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var package_metadata_1 = require("../package-metadata");
@@ -24,8 +25,8 @@ var InputSeparatorVue2 = {
     kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };