@progress/kendo-vue-inputs 3.0.1-dev.202201201352 → 3.0.3-dev.202201280639

package/dist/es/checkbox/Checkbox.js

@@ -322,13 +322,13 @@ var CheckboxVue2 = {
             focus: null // focusElement
 
           };
+          that.$emit('changemodel', val);
+          that.$emit('update:modelValue', val);
           that.$emit('change', {
             e: e,
             handle: handle,
             value: val
           });
-          that.$emit('changemodel', val);
-          that.$emit('update:modelValue', val);
         }
 
         this.$data.valueDuringOnChange = undefined;

package/dist/es/input/Input.js

@@ -248,6 +248,8 @@ var InputVue2 = {
       this.$data.currentValue = event.target.value;
       this.$data.valueDuringOnChange = event.target.value;
       this.$nextTick(function () {
+        that.$emit('changemodel', event.target.value);
+        that.$emit('update:modelValue', event.target.value);
         that.$emit('input', {
           event: event,
           value: event.target.value,
@@ -255,8 +257,6 @@ var InputVue2 = {
           target: event.target,
           validity: that.validity()
         });
-        that.$emit('changemodel', event.target.value);
-        that.$emit('update:modelValue', event.target.value);
         that.$data.valueDuringOnChange = undefined;
       });
     },
@@ -265,6 +265,8 @@ var InputVue2 = {
       this.$data.currentValue = event.target.value;
       this.$data.valueDuringOnChange = event.target.value;
       this.$nextTick(function () {
+        that.$emit('changemodel', event.target.value);
+        that.$emit('update:modelValue', event.target.value);
         that.$emit('change', {
           event: event,
           value: event.target.value,
@@ -272,8 +274,6 @@ var InputVue2 = {
           target: event.target,
           validity: that.validity()
         });
-        that.$emit('changemodel', event.target.value);
-        that.$emit('update:modelValue', event.target.value);
         that.$data.valueDuringOnChange = undefined;
       });
     },

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -310,9 +310,9 @@ var MaskedTextBoxVue2 = {
         },
         validity: this.validity()
       });
-      this.$emit('changemodel', this.computedValue());
       this.$emit('update:modelValue', this.computedValue());
       this.$emit('update:modelRawValue', this.rawValue());
+      this.$emit('changemodel', this.computedValue());
       this.valueDuringOnChange = undefined;
     },
     updateService: function updateService(extra) {

package/dist/es/numerictextbox/NumericTextBox.js

@@ -324,6 +324,8 @@ var NumericTextBoxVue2 = {
       this.$data.forceUpdate = !this.$data.forceUpdate;
 
       if (shouldFireEvent) {
+        this.$emit('changemodel', this.$data.valueDuringOnChange);
+        this.$emit('update:modelValue', this.$data.valueDuringOnChange);
         this.$emit('change', {
           event: event,
           value: this.$data.valueDuringOnChange,
@@ -334,8 +336,6 @@ var NumericTextBoxVue2 = {
           },
           validity: this.validity()
         });
-        this.$emit('changemodel', this.$data.valueDuringOnChange);
-        this.$emit('update:modelValue', this.$data.valueDuringOnChange);
       }
 
       this.$data.valueDuringOnChange = undefined;
@@ -528,13 +528,15 @@ var NumericTextBoxVue2 = {
       }
     }, [// @ts-ignore
     h(KButton, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: 'arrow-n',
         "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]),
         title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue])
       },
+      tabIndex: -1,
       icon: 'arrow-n',
       "class": "k-spinner-increase",
       "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]),
@@ -545,13 +547,15 @@ var NumericTextBoxVue2 = {
       }
     }), // @ts-ignore
     h(KButton, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: 'arrow-s',
         "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]),
         title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue])
       },
+      tabIndex: -1,
       "class": "k-spinner-decrease",
       icon: 'arrow-s',
       "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]),

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: 1642686017,
+    publishDate: 1643351335,
     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/radiobutton/RadioGroup.js

@@ -41,7 +41,8 @@ var RadioGroupVue2 = {
     'changemodel': null,
     'update:modelValue': null,
     change: null,
-    focus: null
+    focus: null,
+    blur: null
   },
   model: {
     event: 'changemodel'
@@ -99,12 +100,12 @@ var RadioGroupVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', currentValue);
+        this.$emit('update:modelValue', currentValue);
         this.$emit('change', {
           event: event,
           value: currentValue
         });
-        this.$emit('changemodel', currentValue);
-        this.$emit('update:modelValue', currentValue);
       }
     },
     handleFocus: function handleFocus(event) {

package/dist/es/slider/Slider.js

@@ -175,13 +175,15 @@ var SliderVue2 = {
       "class": classNames('k-slider-wrap')
     }, [this.$props.buttons && // @ts-ignore
     h(Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
         rounded: 'full',
         title: lS.toLanguageString(sliderDecreaseValue, messages[sliderDecreaseValue])
       },
+      tabIndex: -1,
       icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
       style: {
         position: 'relative'
@@ -260,13 +262,15 @@ var SliderVue2 = {
       } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
     })])])]), this.$props.buttons && // @ts-ignore
     h(Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
         rounded: 'full',
         title: lS.toLanguageString(sliderIncreaseValue, messages[sliderIncreaseValue])
       },
+      tabIndex: -1,
       icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
       rounded: 'full',
       style: {
@@ -355,6 +359,8 @@ var SliderVue2 = {
     change: function change(e, value) {
       value = Math.min(Math.max(value, this.$props.min), this.$props.max);
       this.currentValue = value;
+      this.$emit('changemodel', value);
+      this.$emit('update:modelValue', value);
       this.$emit('change', {
         event: e,
         value: value,
@@ -364,8 +370,6 @@ var SliderVue2 = {
           value: value
         }
       });
-      this.$emit('changemodel', value);
-      this.$emit('update:modelValue', value);
     }
   }
 };

package/dist/es/switch/Switch.js

@@ -279,6 +279,8 @@ var SwitchVue2 = {
     toggle: function toggle(value, event) {
       this.currentChecked = value;
       this.valueDuringOnChange = value;
+      this.$emit('changemodel', value);
+      this.$emit('update:modelValue', value);
       this.$emit('change', {
         event: event,
         component: this,
@@ -289,8 +291,6 @@ var SwitchVue2 = {
         value: value,
         validity: this.validity()
       });
-      this.$emit('changemodel', value);
-      this.$emit('update:modelValue', value);
       this.valueDuringOnChange = undefined;
     },
     handleClick: function handleClick(event) {

package/dist/es/textarea/TextArea.js

@@ -227,14 +227,14 @@ var TextAreaVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', newValue);
+        this.$emit('update:modelValue', newValue);
         this.$emit('change', {
           event: event,
           component: this,
           name: this.element.name,
           value: newValue
         });
-        this.$emit('changemodel', newValue);
-        this.$emit('update:modelValue', newValue);
       }
     },
     handleInput: function handleInput(event) {
@@ -246,14 +246,14 @@ var TextAreaVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', newValue);
+        this.$emit('update:modelValue', newValue);
         this.$emit('input', {
           event: event,
           component: this,
           name: this.element.name,
           value: newValue
         });
-        this.$emit('changemodel', newValue);
-        this.$emit('update:modelValue', newValue);
       }
     },
     handleFocus: function handleFocus(event) {

package/dist/npm/checkbox/Checkbox.js

@@ -334,13 +334,13 @@ var CheckboxVue2 = {
             focus: null // focusElement
 
           };
+          that.$emit('changemodel', val);
+          that.$emit('update:modelValue', val);
           that.$emit('change', {
             e: e,
             handle: handle,
             value: val
           });
-          that.$emit('changemodel', val);
-          that.$emit('update:modelValue', val);
         }
 
         this.$data.valueDuringOnChange = undefined;

package/dist/npm/input/Input.js

@@ -259,6 +259,8 @@ var InputVue2 = {
       this.$data.currentValue = event.target.value;
       this.$data.valueDuringOnChange = event.target.value;
       this.$nextTick(function () {
+        that.$emit('changemodel', event.target.value);
+        that.$emit('update:modelValue', event.target.value);
         that.$emit('input', {
           event: event,
           value: event.target.value,
@@ -266,8 +268,6 @@ var InputVue2 = {
           target: event.target,
           validity: that.validity()
         });
-        that.$emit('changemodel', event.target.value);
-        that.$emit('update:modelValue', event.target.value);
         that.$data.valueDuringOnChange = undefined;
       });
     },
@@ -276,6 +276,8 @@ var InputVue2 = {
       this.$data.currentValue = event.target.value;
       this.$data.valueDuringOnChange = event.target.value;
       this.$nextTick(function () {
+        that.$emit('changemodel', event.target.value);
+        that.$emit('update:modelValue', event.target.value);
         that.$emit('change', {
           event: event,
           value: event.target.value,
@@ -283,8 +285,6 @@ var InputVue2 = {
           target: event.target,
           validity: that.validity()
         });
-        that.$emit('changemodel', event.target.value);
-        that.$emit('update:modelValue', event.target.value);
         that.$data.valueDuringOnChange = undefined;
       });
     },

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -322,9 +322,9 @@ var MaskedTextBoxVue2 = {
         },
         validity: this.validity()
       });
-      this.$emit('changemodel', this.computedValue());
       this.$emit('update:modelValue', this.computedValue());
       this.$emit('update:modelRawValue', this.rawValue());
+      this.$emit('changemodel', this.computedValue());
       this.valueDuringOnChange = undefined;
     },
     updateService: function updateService(extra) {

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -339,6 +339,8 @@ var NumericTextBoxVue2 = {
       this.$data.forceUpdate = !this.$data.forceUpdate;
 
       if (shouldFireEvent) {
+        this.$emit('changemodel', this.$data.valueDuringOnChange);
+        this.$emit('update:modelValue', this.$data.valueDuringOnChange);
         this.$emit('change', {
           event: event,
           value: this.$data.valueDuringOnChange,
@@ -349,8 +351,6 @@ var NumericTextBoxVue2 = {
           },
           validity: this.validity()
         });
-        this.$emit('changemodel', this.$data.valueDuringOnChange);
-        this.$emit('update:modelValue', this.$data.valueDuringOnChange);
       }
 
       this.$data.valueDuringOnChange = undefined;
@@ -543,13 +543,15 @@ var NumericTextBoxVue2 = {
       }
     }, [// @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: 'arrow-n',
         "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue])
       },
+      tabIndex: -1,
       icon: 'arrow-n',
       "class": "k-spinner-increase",
       "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
@@ -560,13 +562,15 @@ var NumericTextBoxVue2 = {
       }
     }), // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: 'arrow-s',
         "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue])
       },
+      tabIndex: -1,
       "class": "k-spinner-decrease",
       icon: 'arrow-s',
       "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),

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: 1642686017,
+    publishDate: 1643351335,
     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/radiobutton/RadioGroup.js

@@ -52,7 +52,8 @@ var RadioGroupVue2 = {
     'changemodel': null,
     'update:modelValue': null,
     change: null,
-    focus: null
+    focus: null,
+    blur: null
   },
   model: {
     event: 'changemodel'
@@ -110,12 +111,12 @@ var RadioGroupVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', currentValue);
+        this.$emit('update:modelValue', currentValue);
         this.$emit('change', {
           event: event,
           value: currentValue
         });
-        this.$emit('changemodel', currentValue);
-        this.$emit('update:modelValue', currentValue);
       }
     },
     handleFocus: function handleFocus(event) {

package/dist/npm/slider/Slider.js

@@ -190,13 +190,15 @@ var SliderVue2 = {
       "class": kendo_vue_common_2.classNames('k-slider-wrap')
     }, [this.$props.buttons && // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
         rounded: 'full',
         title: lS.toLanguageString(messages_1.sliderDecreaseValue, messages_1.messages[messages_1.sliderDecreaseValue])
       },
+      tabIndex: -1,
       icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
       style: {
         position: 'relative'
@@ -275,13 +277,15 @@ var SliderVue2 = {
       } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
     })])])]), this.$props.buttons && // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
         rounded: 'full',
         title: lS.toLanguageString(messages_1.sliderIncreaseValue, messages_1.messages[messages_1.sliderIncreaseValue])
       },
+      tabIndex: -1,
       icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
       rounded: 'full',
       style: {
@@ -370,6 +374,8 @@ var SliderVue2 = {
     change: function change(e, value) {
       value = Math.min(Math.max(value, this.$props.min), this.$props.max);
       this.currentValue = value;
+      this.$emit('changemodel', value);
+      this.$emit('update:modelValue', value);
       this.$emit('change', {
         event: e,
         value: value,
@@ -379,8 +385,6 @@ var SliderVue2 = {
           value: value
         }
       });
-      this.$emit('changemodel', value);
-      this.$emit('update:modelValue', value);
     }
   }
 };

package/dist/npm/switch/Switch.js

@@ -291,6 +291,8 @@ var SwitchVue2 = {
     toggle: function toggle(value, event) {
       this.currentChecked = value;
       this.valueDuringOnChange = value;
+      this.$emit('changemodel', value);
+      this.$emit('update:modelValue', value);
       this.$emit('change', {
         event: event,
         component: this,
@@ -301,8 +303,6 @@ var SwitchVue2 = {
         value: value,
         validity: this.validity()
       });
-      this.$emit('changemodel', value);
-      this.$emit('update:modelValue', value);
       this.valueDuringOnChange = undefined;
     },
     handleClick: function handleClick(event) {

package/dist/npm/textarea/TextArea.js

@@ -236,14 +236,14 @@ var TextAreaVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', newValue);
+        this.$emit('update:modelValue', newValue);
         this.$emit('change', {
           event: event,
           component: this,
           name: this.element.name,
           value: newValue
         });
-        this.$emit('changemodel', newValue);
-        this.$emit('update:modelValue', newValue);
       }
     },
     handleInput: function handleInput(event) {
@@ -255,14 +255,14 @@ var TextAreaVue2 = {
       }
 
       if (!this.$props.disabled) {
+        this.$emit('changemodel', newValue);
+        this.$emit('update:modelValue', newValue);
         this.$emit('input', {
           event: event,
           component: this,
           name: this.element.name,
           value: newValue
         });
-        this.$emit('changemodel', newValue);
-        this.$emit('update:modelValue', newValue);
       }
     },
     handleFocus: function handleFocus(event) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.0.1-dev.202201201352",
+  "version": "3.0.3-dev.202201280639",
   "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.1-dev.202201201352",
-    "@progress/kendo-vue-common": "3.0.1-dev.202201201352",
-    "@progress/kendo-vue-labels": "3.0.1-dev.202201201352",
-    "@progress/kendo-vue-popup": "3.0.1-dev.202201201352"
+    "@progress/kendo-vue-buttons": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-common": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-labels": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-popup": "3.0.3-dev.202201280639"
   },
   "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.1-dev.202201201352",
-    "@progress/kendo-vue-form": "3.0.1-dev.202201201352",
-    "@progress/kendo-vue-intl": "3.0.1-dev.202201201352",
-    "@progress/kendo-vue-labels": "3.0.1-dev.202201201352",
-    "@progress/kendo-vue-tooltip": "3.0.1-dev.202201201352",
+    "@progress/kendo-vue-buttons": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-form": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-intl": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-labels": "3.0.3-dev.202201280639",
+    "@progress/kendo-vue-tooltip": "3.0.3-dev.202201280639",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"