@progress/kendo-vue-inputs 2.8.0-dev.202201111325 → 2.8.0-dev.202201121019

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 (8) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/input/Input.d.ts +1 -1
  3. package/dist/es/input/Input.js +20 -18
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/npm/input/Input.d.ts +1 -1
  6. package/dist/npm/input/Input.js +19 -17
  7. package/dist/npm/package-metadata.js +1 -1
  8. package/package.json +10 -10
package/dist/es/input/Input.d.ts CHANGED
@@ -91,7 +91,6 @@ export interface InputMethods {
91
91
  emitBlur?: (_: any) => void;
92
92
  emitFocus?: (_: any) => void;
93
93
  focus?: () => void;
94
- inputClassNames: () => any;
95
94
  validity: () => any;
96
95
  isInvalid: (state: any) => any;
97
96
  setValidity: () => void;
@@ -107,6 +106,7 @@ export interface InputComputed {
107
106
  [key: string]: any;
108
107
  computedValue?: any;
109
108
  spanClassNames?: any;
109
+ inputWrapperClass?: any;
110
110
  }
111
111
  /**
112
112
  * @hidden
package/dist/es/input/Input.js CHANGED
@@ -19,14 +19,13 @@ import * as Vue from 'vue';
19
19
  var allVue = Vue;
20
20
  var gh = allVue.h;
21
21
  var ref = allVue.ref;
22
- import { guid, noop, validatePackage } from '@progress/kendo-vue-common';
22
+ import { guid, noop, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
23
23
  import { packageMetadata } from '../package-metadata';
24
24
  import { FloatingLabel } from '@progress/kendo-vue-labels';
25
25
  var InputVue2 = {
26
26
  model: {
27
27
  event: 'changemodel'
28
28
  },
29
- inheritAttrs: false,
30
29
  // @ts-ignore
31
30
  emits: {
32
31
  'input': null,
@@ -137,12 +136,6 @@ var InputVue2 = {
137
136
  var h = gh || createElement;
138
137
  var listeners = this.v3 ? this.$attrs : this.$listeners;
139
138
  var isValid = !this.$props.validityStyles || this.validity().valid;
140
- var hasInput = Object.keys(this.$attrs).some(function (attr) {
141
- return attr === 'onInput';
142
- });
143
- var hasModel = Object.keys(this.$attrs).some(function (attr) {
144
- return attr === 'onUpdate:modelValue';
145
- });
146
139
  var _a = this.$props,
147
140
  label = _a.label,
148
141
  id = _a.id,
@@ -160,7 +153,7 @@ var InputVue2 = {
160
153
  id: inputId,
161
154
  required: required,
162
155
  value: this.computedValue,
163
- class: __assign({}, this.inputClassNames()),
156
+ class: 'k-input-inner',
164
157
  ref: this.v3 ? function (el) {
165
158
  _this.inputRef = el;
166
159
  } : 'input',
@@ -179,6 +172,9 @@ var InputVue2 = {
179
172
  onAnimationstart: this.handleAutoFill,
180
173
  onAnimationend: this.handleAutoFillEnd
181
174
  }));
175
+ var inputWrapper = h("span", {
176
+ "class": this.inputWrapperClass
177
+ }, [textbox]);
182
178
  return label ? // @ts-ignore function children
183
179
  h(FloatingLabel, {
184
180
  label: label,
@@ -198,8 +194,8 @@ var InputVue2 = {
198
194
  editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
199
195
  dir: this.$props.dir
200
196
  }, this.v3 ? function () {
201
- return [textbox];
202
- } : [textbox]) : textbox;
197
+ return [inputWrapper];
198
+ } : [inputWrapper]) : inputWrapper;
203
199
  },
204
200
  methods: {
205
201
  emitFocus: function emitFocus(e) {
@@ -215,13 +211,6 @@ var InputVue2 = {
215
211
  this.$data.input.focus();
216
212
  }
217
213
  },
218
- inputClassNames: function inputClassNames() {
219
- var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
220
- return {
221
- 'k-input': true,
222
- 'k-invalid': !isValid && isValid !== undefined
223
- };
224
- },
225
214
  validity: function validity() {
226
215
  var result = {
227
216
  badInput: this.$data.input ? this.$data.input.validity.badInput : false,
@@ -325,6 +314,19 @@ var InputVue2 = {
325
314
  };
326
315
  }
327
316
  },
317
+ inputWrapperClass: function inputWrapperClass() {
318
+ var _a;
319
+
320
+ var _b = this.$props,
321
+ size = _b.size,
322
+ fillMode = _b.fillMode,
323
+ rounded = _b.rounded;
324
+ var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
325
+ return _a = {
326
+ 'k-textbox': true,
327
+ 'k-input': true
328
+ }, _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;
329
+ },
328
330
  computedValue: {
329
331
  get: function get() {
330
332
  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 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: 1641906796,
8
+ publishDate: 1641982073,
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/npm/input/Input.d.ts CHANGED
@@ -91,7 +91,6 @@ export interface InputMethods {
91
91
  emitBlur?: (_: any) => void;
92
92
  emitFocus?: (_: any) => void;
93
93
  focus?: () => void;
94
- inputClassNames: () => any;
95
94
  validity: () => any;
96
95
  isInvalid: (state: any) => any;
97
96
  setValidity: () => void;
@@ -107,6 +106,7 @@ export interface InputComputed {
107
106
  [key: string]: any;
108
107
  computedValue?: any;
109
108
  spanClassNames?: any;
109
+ inputWrapperClass?: any;
110
110
  }
111
111
  /**
112
112
  * @hidden
package/dist/npm/input/Input.js CHANGED
@@ -37,7 +37,6 @@ var InputVue2 = {
37
37
  model: {
38
38
  event: 'changemodel'
39
39
  },
40
- inheritAttrs: false,
41
40
  // @ts-ignore
42
41
  emits: {
43
42
  'input': null,
@@ -148,12 +147,6 @@ var InputVue2 = {
148
147
  var h = gh || createElement;
149
148
  var listeners = this.v3 ? this.$attrs : this.$listeners;
150
149
  var isValid = !this.$props.validityStyles || this.validity().valid;
151
- var hasInput = Object.keys(this.$attrs).some(function (attr) {
152
- return attr === 'onInput';
153
- });
154
- var hasModel = Object.keys(this.$attrs).some(function (attr) {
155
- return attr === 'onUpdate:modelValue';
156
- });
157
150
  var _a = this.$props,
158
151
  label = _a.label,
159
152
  id = _a.id,
@@ -171,7 +164,7 @@ var InputVue2 = {
171
164
  id: inputId,
172
165
  required: required,
173
166
  value: this.computedValue,
174
- class: __assign({}, this.inputClassNames()),
167
+ class: 'k-input-inner',
175
168
  ref: this.v3 ? function (el) {
176
169
  _this.inputRef = el;
177
170
  } : 'input',
@@ -190,6 +183,9 @@ var InputVue2 = {
190
183
  onAnimationstart: this.handleAutoFill,
191
184
  onAnimationend: this.handleAutoFillEnd
192
185
  }));
186
+ var inputWrapper = h("span", {
187
+ "class": this.inputWrapperClass
188
+ }, [textbox]);
193
189
  return label ? // @ts-ignore function children
194
190
  h(kendo_vue_labels_1.FloatingLabel, {
195
191
  label: label,
@@ -209,8 +205,8 @@ var InputVue2 = {
209
205
  editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
210
206
  dir: this.$props.dir
211
207
  }, this.v3 ? function () {
212
- return [textbox];
213
- } : [textbox]) : textbox;
208
+ return [inputWrapper];
209
+ } : [inputWrapper]) : inputWrapper;
214
210
  },
215
211
  methods: {
216
212
  emitFocus: function emitFocus(e) {
@@ -226,13 +222,6 @@ var InputVue2 = {
226
222
  this.$data.input.focus();
227
223
  }
228
224
  },
229
- inputClassNames: function inputClassNames() {
230
- var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
231
- return {
232
- 'k-input': true,
233
- 'k-invalid': !isValid && isValid !== undefined
234
- };
235
- },
236
225
  validity: function validity() {
237
226
  var result = {
238
227
  badInput: this.$data.input ? this.$data.input.validity.badInput : false,
@@ -336,6 +325,19 @@ var InputVue2 = {
336
325
  };
337
326
  }
338
327
  },
328
+ inputWrapperClass: function inputWrapperClass() {
329
+ var _a;
330
+
331
+ var _b = this.$props,
332
+ size = _b.size,
333
+ fillMode = _b.fillMode,
334
+ rounded = _b.rounded;
335
+ var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
336
+ return _a = {
337
+ 'k-textbox': true,
338
+ 'k-input': true
339
+ }, _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;
340
+ },
339
341
  computedValue: {
340
342
  get: function get() {
341
343
  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 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: 1641906796,
11
+ publishDate: 1641982073,
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/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": "2.8.0-dev.202201111325",
4
+ "version": "2.8.0-dev.202201121019",
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": "2.8.0-dev.202201111325",
42
- "@progress/kendo-vue-common": "2.8.0-dev.202201111325",
43
- "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
44
- "@progress/kendo-vue-popup": "2.8.0-dev.202201111325"
41
+ "@progress/kendo-vue-buttons": "2.8.0-dev.202201121019",
42
+ "@progress/kendo-vue-common": "2.8.0-dev.202201121019",
43
+ "@progress/kendo-vue-labels": "2.8.0-dev.202201121019",
44
+ "@progress/kendo-vue-popup": "2.8.0-dev.202201121019"
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": "2.8.0-dev.202201111325",
52
- "@progress/kendo-vue-form": "2.8.0-dev.202201111325",
53
- "@progress/kendo-vue-intl": "2.8.0-dev.202201111325",
54
- "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
55
- "@progress/kendo-vue-tooltip": "2.8.0-dev.202201111325",
51
+ "@progress/kendo-vue-buttons": "2.8.0-dev.202201121019",
52
+ "@progress/kendo-vue-form": "2.8.0-dev.202201121019",
53
+ "@progress/kendo-vue-intl": "2.8.0-dev.202201121019",
54
+ "@progress/kendo-vue-labels": "2.8.0-dev.202201121019",
55
+ "@progress/kendo-vue-tooltip": "2.8.0-dev.202201121019",
56
56
  "cldr-core": "^34.0.0",
57
57
  "cldr-dates-full": "^34.0.0",
58
58
  "cldr-numbers-full": "^34.0.0"