@progress/kendo-vue-inputs 3.0.5-dev.202202090804 → 3.0.7-dev.202202110648

package/dist/es/input/Input.d.ts

@@ -97,7 +97,6 @@ export interface InputData {
     autofill?: boolean;
     currentValue?: string | string[] | number;
     valueDuringOnChange?: string;
-    input?: any;
     inputId?: string;
     focused?: boolean;
 }
@@ -106,6 +105,7 @@ export interface InputData {
  */
 export interface InputState {
     inputRef: any;
+    _input: any;
     v3: boolean;
 }
 /**
@@ -126,6 +126,7 @@ export interface InputMethods {
     handleKeypress?: (event: any) => void;
     handleAutoFill?: (e: any) => void;
     handleAutoFillEnd?: (e: any) => void;
+    inputWrapperClass: () => any;
 }
 /**
  * @hidden
@@ -134,7 +135,6 @@ export interface InputComputed {
     [key: string]: any;
     computedValue?: any;
     spanClassNames?: any;
-    inputWrapperClass?: any;
 }
 /**
  * @hidden

package/dist/es/input/Input.js

@@ -19,7 +19,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var ref = allVue.ref;
-import { guid, noop, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { FloatingLabel } from '@progress/kendo-vue-labels';
 var InputVue2 = {
@@ -106,18 +106,18 @@ var InputVue2 = {
       autofill: false,
       currentValue: '',
       valueDuringOnChange: '',
-      input: null,
       inputId: guid(),
       focused: false
     };
   },
   created: function created() {
     validatePackage(packageMetadata);
+    this._input = undefined;
     this.$data.valueDuringOnChange = undefined;
     this.$data.currentValue = this.$props.defaultValue;
   },
   mounted: function mounted() {
-    this.$data.input = this.v3 ? this.inputRef : this.$refs.input;
+    this._input = this.v3 ? this.inputRef : this.$refs.input;
     this.$data.hasMounted = true;
     this.setValidity();
   },
@@ -143,14 +143,15 @@ var InputVue2 = {
         label = _a.label,
         id = _a.id,
         required = _a.required;
-    var inputId = id || this.$data.inputId;
+    var inputId = id || this._inputId;
     var textbox = h('input', __assign(__assign({
       domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
         placeholder: this.$props.placeholder,
         id: inputId,
         required: required,
         value: this.computedValue
-      })
+      }),
+      attrs: this.v3 ? undefined : this.$attrs
     }, this.$attrs), {
       placeholder: this.$props.placeholder,
       id: inputId,
@@ -167,7 +168,7 @@ var InputVue2 = {
         keydown: this.handleKeydown,
         keyup: this.handleKeyup,
         keypress: this.handleKeypress,
-        input: listeners.input || listeners.changemodel ? this.handleInput : noop,
+        input: this.handleInput,
         animationstart: this.handleAutoFill,
         animationend: this.handleAutoFillEnd
       },
@@ -182,7 +183,7 @@ var InputVue2 = {
       onAnimationend: this.handleAutoFillEnd
     }));
     var inputWrapper = h("span", {
-      "class": this.inputWrapperClass
+      "class": this.inputWrapperClass()
     }, [textbox]);
     return label ? // @ts-ignore function children
     h(FloatingLabel, {
@@ -225,24 +226,25 @@ var InputVue2 = {
       this.$emit('keypress', e);
     },
     focus: function focus() {
-      if (this.$data.input) {
-        this.$data.input.focus();
+      if (this._input) {
+        this._input.focus();
       }
     },
     validity: function validity() {
       var result = {
-        badInput: this.$data.input ? this.$data.input.validity.badInput : false,
-        patternMismatch: this.$data.input ? this.$data.input.validity.patternMismatch : false,
-        rangeOverflow: this.$data.input ? this.$data.input.validity.rangeOverflow : false,
-        rangeUnderflow: this.$data.input ? this.$data.input.validity.rangeUnderflow : false,
-        stepMismatch: this.$data.input ? this.$data.input.validity.stepMismatch : false,
-        tooLong: this.$data.input ? this.$data.input.validity.tooLong : false,
-        typeMismatch: this.$data.input ? this.$data.input.validity.typeMismatch : false,
-        valueMissing: this.$data.input ? this.$data.input.validity.valueMissing : false
+        badInput: this._input ? this._input.validity.badInput : false,
+        patternMismatch: this._input ? this._input.validity.patternMismatch : false,
+        rangeOverflow: this._input ? this._input.validity.rangeOverflow : false,
+        rangeUnderflow: this._input ? this._input.validity.rangeUnderflow : false,
+        stepMismatch: this._input ? this._input.validity.stepMismatch : false,
+        tooLong: this._input ? this._input.validity.tooLong : false,
+        tooShort: this._input ? this._input.validity.tooShort : false,
+        typeMismatch: this._input ? this._input.validity.typeMismatch : false,
+        valueMissing: this._input ? this._input.validity.valueMissing : false
       };
       return __assign(__assign({}, result), {
         customError: this.$props.validationMessage !== undefined,
-        valid: this.$props.valid !== undefined ? this.$props.valid : this.$data.input ? !this.isInvalid(result) : true
+        valid: this.$props.valid !== undefined ? this.$props.valid : this._input ? !this.isInvalid(result) : true
       });
     },
     isInvalid: function isInvalid(state) {
@@ -257,8 +259,8 @@ var InputVue2 = {
       return result;
     },
     setValidity: function setValidity() {
-      if (this.$data.input && this.$data.input.setCustomValidity) {
-        this.$data.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');
+      if (this._input && this._input.setCustomValidity) {
+        this._input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');
       }
     },
     handleInput: function handleInput(event) {
@@ -316,6 +318,19 @@ var InputVue2 = {
     },
     name: function name() {
       return this.$props.name;
+    },
+    inputWrapperClass: function inputWrapperClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-textbox': true,
+        'k-input': true
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
     }
   },
   computed: {
@@ -332,19 +347,6 @@ var InputVue2 = {
         };
       }
     },
-    inputWrapperClass: function inputWrapperClass() {
-      var _a;
-
-      var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded;
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return _a = {
-        'k-textbox': true,
-        'k-input': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
-    },
     computedValue: {
       get: function get() {
         return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1644393431,
+    publishDate: 1644561624,
     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/input/Input.d.ts

@@ -97,7 +97,6 @@ export interface InputData {
     autofill?: boolean;
     currentValue?: string | string[] | number;
     valueDuringOnChange?: string;
-    input?: any;
     inputId?: string;
     focused?: boolean;
 }
@@ -106,6 +105,7 @@ export interface InputData {
  */
 export interface InputState {
     inputRef: any;
+    _input: any;
     v3: boolean;
 }
 /**
@@ -126,6 +126,7 @@ export interface InputMethods {
     handleKeypress?: (event: any) => void;
     handleAutoFill?: (e: any) => void;
     handleAutoFillEnd?: (e: any) => void;
+    inputWrapperClass: () => any;
 }
 /**
  * @hidden
@@ -134,7 +135,6 @@ export interface InputComputed {
     [key: string]: any;
     computedValue?: any;
     spanClassNames?: any;
-    inputWrapperClass?: any;
 }
 /**
  * @hidden

package/dist/npm/input/Input.js

@@ -117,18 +117,18 @@ var InputVue2 = {
       autofill: false,
       currentValue: '',
       valueDuringOnChange: '',
-      input: null,
       inputId: kendo_vue_common_1.guid(),
       focused: false
     };
   },
   created: function created() {
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    this._input = undefined;
     this.$data.valueDuringOnChange = undefined;
     this.$data.currentValue = this.$props.defaultValue;
   },
   mounted: function mounted() {
-    this.$data.input = this.v3 ? this.inputRef : this.$refs.input;
+    this._input = this.v3 ? this.inputRef : this.$refs.input;
     this.$data.hasMounted = true;
     this.setValidity();
   },
@@ -154,14 +154,15 @@ var InputVue2 = {
         label = _a.label,
         id = _a.id,
         required = _a.required;
-    var inputId = id || this.$data.inputId;
+    var inputId = id || this._inputId;
     var textbox = h('input', __assign(__assign({
       domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
         placeholder: this.$props.placeholder,
         id: inputId,
         required: required,
         value: this.computedValue
-      })
+      }),
+      attrs: this.v3 ? undefined : this.$attrs
     }, this.$attrs), {
       placeholder: this.$props.placeholder,
       id: inputId,
@@ -178,7 +179,7 @@ var InputVue2 = {
         keydown: this.handleKeydown,
         keyup: this.handleKeyup,
         keypress: this.handleKeypress,
-        input: listeners.input || listeners.changemodel ? this.handleInput : kendo_vue_common_1.noop,
+        input: this.handleInput,
         animationstart: this.handleAutoFill,
         animationend: this.handleAutoFillEnd
       },
@@ -193,7 +194,7 @@ var InputVue2 = {
       onAnimationend: this.handleAutoFillEnd
     }));
     var inputWrapper = h("span", {
-      "class": this.inputWrapperClass
+      "class": this.inputWrapperClass()
     }, [textbox]);
     return label ? // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
@@ -236,24 +237,25 @@ var InputVue2 = {
       this.$emit('keypress', e);
     },
     focus: function focus() {
-      if (this.$data.input) {
-        this.$data.input.focus();
+      if (this._input) {
+        this._input.focus();
       }
     },
     validity: function validity() {
       var result = {
-        badInput: this.$data.input ? this.$data.input.validity.badInput : false,
-        patternMismatch: this.$data.input ? this.$data.input.validity.patternMismatch : false,
-        rangeOverflow: this.$data.input ? this.$data.input.validity.rangeOverflow : false,
-        rangeUnderflow: this.$data.input ? this.$data.input.validity.rangeUnderflow : false,
-        stepMismatch: this.$data.input ? this.$data.input.validity.stepMismatch : false,
-        tooLong: this.$data.input ? this.$data.input.validity.tooLong : false,
-        typeMismatch: this.$data.input ? this.$data.input.validity.typeMismatch : false,
-        valueMissing: this.$data.input ? this.$data.input.validity.valueMissing : false
+        badInput: this._input ? this._input.validity.badInput : false,
+        patternMismatch: this._input ? this._input.validity.patternMismatch : false,
+        rangeOverflow: this._input ? this._input.validity.rangeOverflow : false,
+        rangeUnderflow: this._input ? this._input.validity.rangeUnderflow : false,
+        stepMismatch: this._input ? this._input.validity.stepMismatch : false,
+        tooLong: this._input ? this._input.validity.tooLong : false,
+        tooShort: this._input ? this._input.validity.tooShort : false,
+        typeMismatch: this._input ? this._input.validity.typeMismatch : false,
+        valueMissing: this._input ? this._input.validity.valueMissing : false
       };
       return __assign(__assign({}, result), {
         customError: this.$props.validationMessage !== undefined,
-        valid: this.$props.valid !== undefined ? this.$props.valid : this.$data.input ? !this.isInvalid(result) : true
+        valid: this.$props.valid !== undefined ? this.$props.valid : this._input ? !this.isInvalid(result) : true
       });
     },
     isInvalid: function isInvalid(state) {
@@ -268,8 +270,8 @@ var InputVue2 = {
       return result;
     },
     setValidity: function setValidity() {
-      if (this.$data.input && this.$data.input.setCustomValidity) {
-        this.$data.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');
+      if (this._input && this._input.setCustomValidity) {
+        this._input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');
       }
     },
     handleInput: function handleInput(event) {
@@ -327,6 +329,19 @@ var InputVue2 = {
     },
     name: function name() {
       return this.$props.name;
+    },
+    inputWrapperClass: function inputWrapperClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-textbox': true,
+        'k-input': true
+      }, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
     }
   },
   computed: {
@@ -343,19 +358,6 @@ var InputVue2 = {
         };
       }
     },
-    inputWrapperClass: function inputWrapperClass() {
-      var _a;
-
-      var _b = this.$props,
-          size = _b.size,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded;
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return _a = {
-        'k-textbox': true,
-        'k-input': true
-      }, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a;
-    },
     computedValue: {
       get: function get() {
         return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1644393431,
+    publishDate: 1644561624,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.0.5-dev.202202090804",
+  "version": "3.0.7-dev.202202110648",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,21 +38,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-common": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-labels": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-popup": "3.0.5-dev.202202090804"
+    "@progress/kendo-vue-buttons": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-common": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-labels": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-popup": "3.0.7-dev.202202110648"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-form": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-intl": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-labels": "3.0.5-dev.202202090804",
-    "@progress/kendo-vue-tooltip": "3.0.5-dev.202202090804",
+    "@progress/kendo-vue-buttons": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-form": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-intl": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-labels": "3.0.7-dev.202202110648",
+    "@progress/kendo-vue-tooltip": "3.0.7-dev.202202110648",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"