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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/input/Input.d.ts +28 -0
  3. package/dist/es/input/Input.js +19 -1
  4. package/dist/es/numerictextbox/NumericTextBox.js +0 -1
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/es/switch/Switch.js +6 -3
  7. package/dist/es/textarea/TextArea.js +0 -1
  8. package/dist/npm/input/Input.d.ts +28 -0
  9. package/dist/npm/input/Input.js +19 -1
  10. package/dist/npm/numerictextbox/NumericTextBox.js +0 -1
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/dist/npm/switch/Switch.js +6 -3
  13. package/dist/npm/textarea/TextArea.js +0 -1
  14. package/package.json +10 -10
package/dist/es/input/Input.d.ts CHANGED
@@ -56,9 +56,34 @@ export interface InputProps extends FormComponentProps {
56
56
  */
57
57
  fillMode?: null | 'solid' | 'flat' | 'outline' | string;
58
58
  dir?: string;
59
+ /**
60
+ * Fires when the `change` event of the input is triggered.
61
+ */
59
62
  onChange?: (event: any) => void;
63
+ /**
64
+ * Fires when the `input` event of the input is triggered.
65
+ */
66
+ onInput?: (event: any) => void;
67
+ /**
68
+ * Fires when the input is focused.
69
+ */
60
70
  onFocus?: (event: any) => void;
71
+ /**
72
+ * Fires when the input is blurred.
73
+ */
61
74
  onBlur?: (event: any) => void;
75
+ /**
76
+ * Fires when the 'keyup' input event is triggered.
77
+ */
78
+ onKeyup?: (event: any) => void;
79
+ /**
80
+ * Fires when the 'keydown' input event is triggered.
81
+ */
82
+ onKeydown?: (event: any) => void;
83
+ /**
84
+ * Fires when the 'keypress' input event is triggered.
85
+ */
86
+ onKeypress?: (event: any) => void;
62
87
  /**
63
88
  * Specifies the placeholder of an `input` element. Used to define if the input is empty.
64
89
  */
@@ -96,6 +121,9 @@ export interface InputMethods {
96
121
  setValidity: () => void;
97
122
  handleInput?: () => void;
98
123
  handleChange?: (event: any) => void;
124
+ handleKeyup?: (event: any) => void;
125
+ handleKeydown?: (event: any) => void;
126
+ handleKeypress?: (event: any) => void;
99
127
  handleAutoFill?: (e: any) => void;
100
128
  handleAutoFillEnd?: (e: any) => void;
101
129
  }
package/dist/es/input/Input.js CHANGED
@@ -33,7 +33,10 @@ var InputVue2 = {
33
33
  'changemodel': null,
34
34
  'update:modelValue': null,
35
35
  'focus': null,
36
- 'blur': null
36
+ 'blur': null,
37
+ 'keyup': null,
38
+ 'keydown': null,
39
+ 'keypress': null
37
40
  },
38
41
  props: {
39
42
  modelValue: {
@@ -161,10 +164,16 @@ var InputVue2 = {
161
164
  change: this.handleChange,
162
165
  focus: this.emitFocus,
163
166
  blur: this.emitBlur,
167
+ keydown: this.handleKeydown,
168
+ keyup: this.handleKeyup,
169
+ keypress: this.handleKeypress,
164
170
  input: listeners.input || listeners.changemodel ? this.handleInput : noop,
165
171
  animationstart: this.handleAutoFill,
166
172
  animationend: this.handleAutoFillEnd
167
173
  },
174
+ onKeydown: this.handleKeydown,
175
+ onKeyup: this.handleKeyup,
176
+ onKeypress: this.handleKeypress,
168
177
  onChange: this.handleChange,
169
178
  onFocus: this.emitFocus,
170
179
  onBlur: this.emitBlur,
@@ -206,6 +215,15 @@ var InputVue2 = {
206
215
  this.$emit('blur', e);
207
216
  this.$data.focused = false;
208
217
  },
218
+ handleKeydown: function handleKeydown(e) {
219
+ this.$emit('keydown', e);
220
+ },
221
+ handleKeyup: function handleKeyup(e) {
222
+ this.$emit('keyup', e);
223
+ },
224
+ handleKeypress: function handleKeypress(e) {
225
+ this.$emit('keypress', e);
226
+ },
209
227
  focus: function focus() {
210
228
  if (this.$data.input) {
211
229
  this.$data.input.focus();
package/dist/es/numerictextbox/NumericTextBox.js CHANGED
@@ -16,7 +16,6 @@ var NumericTextBoxVue2 = {
16
16
  model: {
17
17
  event: 'changemodel'
18
18
  },
19
- inheritAttrs: false,
20
19
  // @ts-ignore
21
20
  emits: {
22
21
  'change': null,
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-inputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1643723432,
8
+ publishDate: 1644244324,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/es/switch/Switch.js CHANGED
@@ -110,23 +110,26 @@ var SwitchVue2 = {
110
110
  var _a;
111
111
 
112
112
  var isValid = !this.validityStyles || this.validity().valid;
113
+ var rounded = this.$props.trackRounded;
113
114
  return _a = {
114
115
  'k-switch': true
115
- }, _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;
116
+ }, _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;
116
117
  },
117
118
  switchTrackClass: function switchTrackClass() {
118
119
  var _a;
119
120
 
121
+ var rounded = this.$props.trackRounded;
120
122
  return _a = {
121
123
  'k-switch-track': true
122
- }, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a;
124
+ }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
123
125
  },
124
126
  switchThumbClass: function switchThumbClass() {
125
127
  var _a;
126
128
 
129
+ var rounded = this.$props.thumbRounded;
127
130
  return _a = {
128
131
  'k-switch-thumb': true
129
- }, _a["k-rounded-" + this.$props.thumbRounded] = this.$props.thumbRounded, _a;
132
+ }, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
130
133
  }
131
134
  },
132
135
  mounted: function mounted() {
package/dist/es/textarea/TextArea.js CHANGED
@@ -24,7 +24,6 @@ import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line
24
24
 
25
25
  var TextAreaVue2 = {
26
26
  name: 'KendoTextArea',
27
- inheritAttrs: false,
28
27
  model: {
29
28
  event: 'changemodel'
30
29
  },
package/dist/npm/input/Input.d.ts CHANGED
@@ -56,9 +56,34 @@ export interface InputProps extends FormComponentProps {
56
56
  */
57
57
  fillMode?: null | 'solid' | 'flat' | 'outline' | string;
58
58
  dir?: string;
59
+ /**
60
+ * Fires when the `change` event of the input is triggered.
61
+ */
59
62
  onChange?: (event: any) => void;
63
+ /**
64
+ * Fires when the `input` event of the input is triggered.
65
+ */
66
+ onInput?: (event: any) => void;
67
+ /**
68
+ * Fires when the input is focused.
69
+ */
60
70
  onFocus?: (event: any) => void;
71
+ /**
72
+ * Fires when the input is blurred.
73
+ */
61
74
  onBlur?: (event: any) => void;
75
+ /**
76
+ * Fires when the 'keyup' input event is triggered.
77
+ */
78
+ onKeyup?: (event: any) => void;
79
+ /**
80
+ * Fires when the 'keydown' input event is triggered.
81
+ */
82
+ onKeydown?: (event: any) => void;
83
+ /**
84
+ * Fires when the 'keypress' input event is triggered.
85
+ */
86
+ onKeypress?: (event: any) => void;
62
87
  /**
63
88
  * Specifies the placeholder of an `input` element. Used to define if the input is empty.
64
89
  */
@@ -96,6 +121,9 @@ export interface InputMethods {
96
121
  setValidity: () => void;
97
122
  handleInput?: () => void;
98
123
  handleChange?: (event: any) => void;
124
+ handleKeyup?: (event: any) => void;
125
+ handleKeydown?: (event: any) => void;
126
+ handleKeypress?: (event: any) => void;
99
127
  handleAutoFill?: (e: any) => void;
100
128
  handleAutoFillEnd?: (e: any) => void;
101
129
  }
package/dist/npm/input/Input.js CHANGED
@@ -44,7 +44,10 @@ var InputVue2 = {
44
44
  'changemodel': null,
45
45
  'update:modelValue': null,
46
46
  'focus': null,
47
- 'blur': null
47
+ 'blur': null,
48
+ 'keyup': null,
49
+ 'keydown': null,
50
+ 'keypress': null
48
51
  },
49
52
  props: {
50
53
  modelValue: {
@@ -172,10 +175,16 @@ var InputVue2 = {
172
175
  change: this.handleChange,
173
176
  focus: this.emitFocus,
174
177
  blur: this.emitBlur,
178
+ keydown: this.handleKeydown,
179
+ keyup: this.handleKeyup,
180
+ keypress: this.handleKeypress,
175
181
  input: listeners.input || listeners.changemodel ? this.handleInput : kendo_vue_common_1.noop,
176
182
  animationstart: this.handleAutoFill,
177
183
  animationend: this.handleAutoFillEnd
178
184
  },
185
+ onKeydown: this.handleKeydown,
186
+ onKeyup: this.handleKeyup,
187
+ onKeypress: this.handleKeypress,
179
188
  onChange: this.handleChange,
180
189
  onFocus: this.emitFocus,
181
190
  onBlur: this.emitBlur,
@@ -217,6 +226,15 @@ var InputVue2 = {
217
226
  this.$emit('blur', e);
218
227
  this.$data.focused = false;
219
228
  },
229
+ handleKeydown: function handleKeydown(e) {
230
+ this.$emit('keydown', e);
231
+ },
232
+ handleKeyup: function handleKeyup(e) {
233
+ this.$emit('keyup', e);
234
+ },
235
+ handleKeypress: function handleKeypress(e) {
236
+ this.$emit('keypress', e);
237
+ },
220
238
  focus: function focus() {
221
239
  if (this.$data.input) {
222
240
  this.$data.input.focus();
package/dist/npm/numerictextbox/NumericTextBox.js CHANGED
@@ -31,7 +31,6 @@ var NumericTextBoxVue2 = {
31
31
  model: {
32
32
  event: 'changemodel'
33
33
  },
34
- inheritAttrs: false,
35
34
  // @ts-ignore
36
35
  emits: {
37
36
  'change': null,
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-inputs',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1643723432,
11
+ publishDate: 1644244324,
12
12
  version: '',
13
13
  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'
14
14
  };
package/dist/npm/switch/Switch.js CHANGED
@@ -122,23 +122,26 @@ var SwitchVue2 = {
122
122
  var _a;
123
123
 
124
124
  var isValid = !this.validityStyles || this.validity().valid;
125
+ var rounded = this.$props.trackRounded;
125
126
  return _a = {
126
127
  'k-switch': true
127
- }, _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;
128
+ }, _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;
128
129
  },
129
130
  switchTrackClass: function switchTrackClass() {
130
131
  var _a;
131
132
 
133
+ var rounded = this.$props.trackRounded;
132
134
  return _a = {
133
135
  'k-switch-track': true
134
- }, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a;
136
+ }, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
135
137
  },
136
138
  switchThumbClass: function switchThumbClass() {
137
139
  var _a;
138
140
 
141
+ var rounded = this.$props.thumbRounded;
139
142
  return _a = {
140
143
  'k-switch-thumb': true
141
- }, _a["k-rounded-" + this.$props.thumbRounded] = this.$props.thumbRounded, _a;
144
+ }, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
142
145
  }
143
146
  },
144
147
  mounted: function mounted() {
package/dist/npm/textarea/TextArea.js CHANGED
@@ -33,7 +33,6 @@ var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-li
33
33
 
34
34
  var TextAreaVue2 = {
35
35
  name: 'KendoTextArea',
36
- inheritAttrs: false,
37
36
  model: {
38
37
  event: 'changemodel'
39
38
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-inputs",
3
3
  "description": "Kendo UI for Vue Input package",
4
- "version": "3.0.4",
4
+ "version": "3.0.5-dev.202202071439",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,21 +38,21 @@
38
38
  "vue": "^2.6.12 || ^3.0.2"
39
39
  },
40
40
  "dependencies": {
41
- "@progress/kendo-vue-buttons": "3.0.4",
42
- "@progress/kendo-vue-common": "3.0.4",
43
- "@progress/kendo-vue-labels": "3.0.4",
44
- "@progress/kendo-vue-popup": "3.0.4"
41
+ "@progress/kendo-vue-buttons": "3.0.5-dev.202202071439",
42
+ "@progress/kendo-vue-common": "3.0.5-dev.202202071439",
43
+ "@progress/kendo-vue-labels": "3.0.5-dev.202202071439",
44
+ "@progress/kendo-vue-popup": "3.0.5-dev.202202071439"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@progress/kendo-data-query": "^1.5.5",
48
48
  "@progress/kendo-date-math": "^1.5.4",
49
49
  "@progress/kendo-drawing": "^1.8.0",
50
50
  "@progress/kendo-licensing": "^1.1.0",
51
- "@progress/kendo-vue-buttons": "3.0.4",
52
- "@progress/kendo-vue-form": "3.0.4",
53
- "@progress/kendo-vue-intl": "3.0.4",
54
- "@progress/kendo-vue-labels": "3.0.4",
55
- "@progress/kendo-vue-tooltip": "3.0.4",
51
+ "@progress/kendo-vue-buttons": "3.0.5-dev.202202071439",
52
+ "@progress/kendo-vue-form": "3.0.5-dev.202202071439",
53
+ "@progress/kendo-vue-intl": "3.0.5-dev.202202071439",
54
+ "@progress/kendo-vue-labels": "3.0.5-dev.202202071439",
55
+ "@progress/kendo-vue-tooltip": "3.0.5-dev.202202071439",
56
56
  "cldr-core": "^34.0.0",
57
57
  "cldr-dates-full": "^34.0.0",
58
58
  "cldr-numbers-full": "^34.0.0"