@progress/kendo-vue-inputs 3.0.3 → 3.0.5-dev.202202071439

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,9 +56,34 @@ export interface InputProps extends FormComponentProps {
      */
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     dir?: string;
-    onChange?: Element;
+    /**
+     * Fires when the `change` event of the input is triggered.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * Fires when the `input` event of the input is triggered.
+     */
+    onInput?: (event: any) => void;
+    /**
+     * Fires when the input is focused.
+     */
     onFocus?: (event: any) => void;
+    /**
+     * Fires when the input is blurred.
+     */
     onBlur?: (event: any) => void;
+    /**
+     * Fires when the 'keyup' input event is triggered.
+     */
+    onKeyup?: (event: any) => void;
+    /**
+     * Fires when the 'keydown' input event is triggered.
+     */
+    onKeydown?: (event: any) => void;
+    /**
+     * Fires when the 'keypress' input event is triggered.
+     */
+    onKeypress?: (event: any) => void;
     /**
      * Specifies the placeholder of an `input` element. Used to define if the input is empty.
      */
@@ -96,6 +121,9 @@ export interface InputMethods {
     setValidity: () => void;
     handleInput?: () => void;
     handleChange?: (event: any) => void;
+    handleKeyup?: (event: any) => void;
+    handleKeydown?: (event: any) => void;
+    handleKeypress?: (event: any) => void;
     handleAutoFill?: (e: any) => void;
     handleAutoFillEnd?: (e: any) => void;
 }

package/dist/es/input/Input.js

@@ -33,7 +33,10 @@ var InputVue2 = {
     'changemodel': null,
     'update:modelValue': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keyup': null,
+    'keydown': null,
+    'keypress': null
   },
   props: {
     modelValue: {
@@ -161,10 +164,16 @@ var InputVue2 = {
         change: this.handleChange,
         focus: this.emitFocus,
         blur: this.emitBlur,
+        keydown: this.handleKeydown,
+        keyup: this.handleKeyup,
+        keypress: this.handleKeypress,
         input: listeners.input || listeners.changemodel ? this.handleInput : noop,
         animationstart: this.handleAutoFill,
         animationend: this.handleAutoFillEnd
       },
+      onKeydown: this.handleKeydown,
+      onKeyup: this.handleKeyup,
+      onKeypress: this.handleKeypress,
       onChange: this.handleChange,
       onFocus: this.emitFocus,
       onBlur: this.emitBlur,
@@ -206,6 +215,15 @@ var InputVue2 = {
       this.$emit('blur', e);
       this.$data.focused = false;
     },
+    handleKeydown: function handleKeydown(e) {
+      this.$emit('keydown', e);
+    },
+    handleKeyup: function handleKeyup(e) {
+      this.$emit('keyup', e);
+    },
+    handleKeypress: function handleKeypress(e) {
+      this.$emit('keypress', e);
+    },
     focus: function focus() {
       if (this.$data.input) {
         this.$data.input.focus();

package/dist/es/numerictextbox/NumericTextBox.js

@@ -16,7 +16,6 @@ var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
   },
-  inheritAttrs: false,
   // @ts-ignore
   emits: {
     'change': null,

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: 1643353460,
+    publishDate: 1644244324,
     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/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/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/es/switch/Switch.js

@@ -110,23 +110,26 @@ var SwitchVue2 = {
       var _a;
 
       var isValid = !this.validityStyles || this.validity().valid;
+      var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch': true
-      }, _a["k-switch-" + kendoThemeMaps.sizeMap[this.$props.size]] = true, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
+      }, _a["k-switch-" + kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
     },
     switchTrackClass: function switchTrackClass() {
       var _a;
 
+      var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch-track': true
-      }, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a;
+      }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     },
     switchThumbClass: function switchThumbClass() {
       var _a;
 
+      var rounded = this.$props.thumbRounded;
       return _a = {
         'k-switch-thumb': true
-      }, _a["k-rounded-" + this.$props.thumbRounded] = this.$props.thumbRounded, _a;
+      }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     }
   },
   mounted: function mounted() {

package/dist/es/textarea/TextArea.js

@@ -24,7 +24,6 @@ import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line
 
 var TextAreaVue2 = {
   name: 'KendoTextArea',
-  inheritAttrs: false,
   model: {
     event: 'changemodel'
   },

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,9 +56,34 @@ export interface InputProps extends FormComponentProps {
      */
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     dir?: string;
-    onChange?: Element;
+    /**
+     * Fires when the `change` event of the input is triggered.
+     */
+    onChange?: (event: any) => void;
+    /**
+     * Fires when the `input` event of the input is triggered.
+     */
+    onInput?: (event: any) => void;
+    /**
+     * Fires when the input is focused.
+     */
     onFocus?: (event: any) => void;
+    /**
+     * Fires when the input is blurred.
+     */
     onBlur?: (event: any) => void;
+    /**
+     * Fires when the 'keyup' input event is triggered.
+     */
+    onKeyup?: (event: any) => void;
+    /**
+     * Fires when the 'keydown' input event is triggered.
+     */
+    onKeydown?: (event: any) => void;
+    /**
+     * Fires when the 'keypress' input event is triggered.
+     */
+    onKeypress?: (event: any) => void;
     /**
      * Specifies the placeholder of an `input` element. Used to define if the input is empty.
      */
@@ -96,6 +121,9 @@ export interface InputMethods {
     setValidity: () => void;
     handleInput?: () => void;
     handleChange?: (event: any) => void;
+    handleKeyup?: (event: any) => void;
+    handleKeydown?: (event: any) => void;
+    handleKeypress?: (event: any) => void;
     handleAutoFill?: (e: any) => void;
     handleAutoFillEnd?: (e: any) => void;
 }

package/dist/npm/input/Input.js

@@ -44,7 +44,10 @@ var InputVue2 = {
     'changemodel': null,
     'update:modelValue': null,
     'focus': null,
-    'blur': null
+    'blur': null,
+    'keyup': null,
+    'keydown': null,
+    'keypress': null
   },
   props: {
     modelValue: {
@@ -172,10 +175,16 @@ var InputVue2 = {
         change: this.handleChange,
         focus: this.emitFocus,
         blur: this.emitBlur,
+        keydown: this.handleKeydown,
+        keyup: this.handleKeyup,
+        keypress: this.handleKeypress,
         input: listeners.input || listeners.changemodel ? this.handleInput : kendo_vue_common_1.noop,
         animationstart: this.handleAutoFill,
         animationend: this.handleAutoFillEnd
       },
+      onKeydown: this.handleKeydown,
+      onKeyup: this.handleKeyup,
+      onKeypress: this.handleKeypress,
       onChange: this.handleChange,
       onFocus: this.emitFocus,
       onBlur: this.emitBlur,
@@ -217,6 +226,15 @@ var InputVue2 = {
       this.$emit('blur', e);
       this.$data.focused = false;
     },
+    handleKeydown: function handleKeydown(e) {
+      this.$emit('keydown', e);
+    },
+    handleKeyup: function handleKeyup(e) {
+      this.$emit('keyup', e);
+    },
+    handleKeypress: function handleKeypress(e) {
+      this.$emit('keypress', e);
+    },
     focus: function focus() {
       if (this.$data.input) {
         this.$data.input.focus();

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -31,7 +31,6 @@ var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
   },
-  inheritAttrs: false,
   // @ts-ignore
   emits: {
     'change': null,

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: 1643353460,
+    publishDate: 1644244324,
     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/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/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/switch/Switch.js

@@ -122,23 +122,26 @@ var SwitchVue2 = {
       var _a;
 
       var isValid = !this.validityStyles || this.validity().valid;
+      var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch': true
-      }, _a["k-switch-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = true, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
+      }, _a["k-switch-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
     },
     switchTrackClass: function switchTrackClass() {
       var _a;
 
+      var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch-track': true
-      }, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a;
+      }, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     },
     switchThumbClass: function switchThumbClass() {
       var _a;
 
+      var rounded = this.$props.thumbRounded;
       return _a = {
         'k-switch-thumb': true
-      }, _a["k-rounded-" + this.$props.thumbRounded] = this.$props.thumbRounded, _a;
+      }, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
     }
   },
   mounted: function mounted() {

package/dist/npm/textarea/TextArea.js

@@ -33,7 +33,6 @@ var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-li
 
 var TextAreaVue2 = {
   name: 'KendoTextArea',
-  inheritAttrs: false,
   model: {
     event: 'changemodel'
   },

package/package.json

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