@progress/kendo-vue-inputs 3.0.2 → 3.0.4-dev.202202011210

package/dist/es/checkbox/interfaces/CheckboxProps.d.ts

@@ -97,11 +97,11 @@ export interface CheckboxProps extends ToggleBaseProps, FormComponentProps {
     /**
      * The event handler that will be fired when the user edits the value.
      */
-    change?: (event: CheckboxChangeEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
     /**
      * The event handler that will be fired when Checkbox is focused.
      */
-    focus?: (event: CheckboxFocusEvent) => void;
+    onFocus?: (event: CheckboxFocusEvent) => void;
     /**
      * Sets the `tabIndex` property of the Checkbox.
      * Defaults to `0`.

package/dist/es/colors/interfaces/ColorPickerProps.d.ts

@@ -101,7 +101,7 @@ export interface ColorPickerProps {
     /**
      * The event handler that will be fired when the left side of the ColorPicker is clicked.
      */
-    onActiveColorClick?: (event: ColorPickerActiveColorClick) => void;
+    onActivecolorclick?: (event: ColorPickerActiveColorClick) => void;
     /**
      * Configures the `size` of the ColorPicker.
      *

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

@@ -56,7 +56,7 @@ export interface InputProps extends FormComponentProps {
      */
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     dir?: string;
-    onChange?: Element;
+    onChange?: (event: any) => void;
     onFocus?: (event: any) => void;
     onBlur?: (event: any) => void;
     /**

package/dist/es/numerictextbox/NumericTextBox.js

@@ -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/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -118,5 +118,17 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * - `text`
      */
     inputType?: NumericTextBoxInputType;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is focused.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is blurred.
+     */
+    onBlur?: (event: any) => void;
 }
 export {};

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: 1643194742,
+    publishDate: 1643716792,
     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'

package/dist/es/slider/Slider.d.ts

@@ -45,7 +45,7 @@ export interface SliderProps extends FormComponentProps {
     /**
      * Determines the event handler that will be fired when the user edits the value.
      */
-    change?: (event: SliderChangeEvent) => void;
+    onChange?: (event: SliderChangeEvent) => void;
     /**
      * Renders the arrow side buttons of the Slider if set to true.
      */

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: {

package/dist/es/slider/SliderLabel.d.ts

@@ -18,7 +18,7 @@ export interface SliderLabelProps {
     /**
      * The onClick event of the SliderLabel component.
      */
-    click?: (event: any) => void;
+    onClick?: (event: any) => void;
     /**
      * The title of the SliderLabel component.
      */

package/dist/npm/checkbox/interfaces/CheckboxProps.d.ts

@@ -97,11 +97,11 @@ export interface CheckboxProps extends ToggleBaseProps, FormComponentProps {
     /**
      * The event handler that will be fired when the user edits the value.
      */
-    change?: (event: CheckboxChangeEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
     /**
      * The event handler that will be fired when Checkbox is focused.
      */
-    focus?: (event: CheckboxFocusEvent) => void;
+    onFocus?: (event: CheckboxFocusEvent) => void;
     /**
      * Sets the `tabIndex` property of the Checkbox.
      * Defaults to `0`.

package/dist/npm/colors/interfaces/ColorPickerProps.d.ts

@@ -101,7 +101,7 @@ export interface ColorPickerProps {
     /**
      * The event handler that will be fired when the left side of the ColorPicker is clicked.
      */
-    onActiveColorClick?: (event: ColorPickerActiveColorClick) => void;
+    onActivecolorclick?: (event: ColorPickerActiveColorClick) => void;
     /**
      * Configures the `size` of the ColorPicker.
      *

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

@@ -56,7 +56,7 @@ export interface InputProps extends FormComponentProps {
      */
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     dir?: string;
-    onChange?: Element;
+    onChange?: (event: any) => void;
     onFocus?: (event: any) => void;
     onBlur?: (event: any) => void;
     /**

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -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/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -118,5 +118,17 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * - `text`
      */
     inputType?: NumericTextBoxInputType;
+    /**
+     * The event handler that will be fired when the changes the selected value.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is focused.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * The event handler that will be fired when TextArea is blurred.
+     */
+    onBlur?: (event: any) => void;
 }
 export {};

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: 1643194742,
+    publishDate: 1643716792,
     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'

package/dist/npm/slider/Slider.d.ts

@@ -45,7 +45,7 @@ export interface SliderProps extends FormComponentProps {
     /**
      * Determines the event handler that will be fired when the user edits the value.
      */
-    change?: (event: SliderChangeEvent) => void;
+    onChange?: (event: SliderChangeEvent) => void;
     /**
      * Renders the arrow side buttons of the Slider if set to true.
      */

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: {

package/dist/npm/slider/SliderLabel.d.ts

@@ -18,7 +18,7 @@ export interface SliderLabelProps {
     /**
      * The onClick event of the SliderLabel component.
      */
-    click?: (event: any) => void;
+    onClick?: (event: any) => void;
     /**
      * The title of the SliderLabel component.
      */

package/package.json

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