@progress/kendo-vue-inputs 3.6.3 → 3.6.4-dev.202210071340

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 (11) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/input/Input.d.ts +1 -0
  3. package/dist/es/input/Input.js +9 -1
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/esm/input/Input.d.ts +1 -0
  6. package/dist/esm/input/Input.js +9 -1
  7. package/dist/esm/package-metadata.js +1 -1
  8. package/dist/npm/input/Input.d.ts +1 -0
  9. package/dist/npm/input/Input.js +9 -1
  10. package/dist/npm/package-metadata.js +1 -1
  11. package/package.json +11 -11
package/dist/es/input/Input.d.ts CHANGED
@@ -142,6 +142,7 @@ export interface InputData {
142
142
  export interface InputState {
143
143
  inputRef: any;
144
144
  _input: any;
145
+ wrapper: any;
145
146
  _inputId?: string;
146
147
  v3: boolean;
147
148
  }
package/dist/es/input/Input.js CHANGED
@@ -133,11 +133,13 @@ var InputVue2 = {
133
133
  },
134
134
  mounted: function mounted() {
135
135
  this._input = this.v3 ? this.inputRef : this.$refs.input;
136
+ this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
136
137
  this.$data.hasMounted = true;
137
138
  this.setValidity();
138
139
  },
139
140
  updated: function updated() {
140
141
  this.setValidity();
142
+ this.updateValidClass();
141
143
  },
142
144
  // @ts-ignore
143
145
  setup: !isV3 ? undefined : function () {
@@ -223,7 +225,10 @@ var InputVue2 = {
223
225
  }
224
226
  });
225
227
  var inputWrapper = h("span", {
226
- "class": this.inputWrapperClass()
228
+ "class": this.inputWrapperClass(),
229
+ ref: this.v3 ? function (el) {
230
+ _this.wrapperRef = el;
231
+ } : 'wrapper'
227
232
  }, [iconName && h("span", {
228
233
  "class": "k-input-icon k-icon k-i-".concat(iconName)
229
234
  }), this.$props.inputPrefix && h("span", {
@@ -268,6 +273,9 @@ var InputVue2 = {
268
273
  } : [inputWrapper]) : inputWrapper;
269
274
  },
270
275
  methods: {
276
+ updateValidClass: function updateValidClass() {
277
+ this.wrapper.classList.toggle('k-invalid', !this.validity().valid);
278
+ },
271
279
  emitFocus: function emitFocus(e) {
272
280
  this.$emit('focus', e);
273
281
  this.$data.focused = true;
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: 1663839017,
8
+ publishDate: 1665149302,
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/esm/input/Input.d.ts CHANGED
@@ -142,6 +142,7 @@ export interface InputData {
142
142
  export interface InputState {
143
143
  inputRef: any;
144
144
  _input: any;
145
+ wrapper: any;
145
146
  _inputId?: string;
146
147
  v3: boolean;
147
148
  }
package/dist/esm/input/Input.js CHANGED
@@ -133,11 +133,13 @@ var InputVue2 = {
133
133
  },
134
134
  mounted: function mounted() {
135
135
  this._input = this.v3 ? this.inputRef : this.$refs.input;
136
+ this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
136
137
  this.$data.hasMounted = true;
137
138
  this.setValidity();
138
139
  },
139
140
  updated: function updated() {
140
141
  this.setValidity();
142
+ this.updateValidClass();
141
143
  },
142
144
  // @ts-ignore
143
145
  setup: !isV3 ? undefined : function () {
@@ -223,7 +225,10 @@ var InputVue2 = {
223
225
  }
224
226
  });
225
227
  var inputWrapper = h("span", {
226
- "class": this.inputWrapperClass()
228
+ "class": this.inputWrapperClass(),
229
+ ref: this.v3 ? function (el) {
230
+ _this.wrapperRef = el;
231
+ } : 'wrapper'
227
232
  }, [iconName && h("span", {
228
233
  "class": "k-input-icon k-icon k-i-".concat(iconName)
229
234
  }), this.$props.inputPrefix && h("span", {
@@ -268,6 +273,9 @@ var InputVue2 = {
268
273
  } : [inputWrapper]) : inputWrapper;
269
274
  },
270
275
  methods: {
276
+ updateValidClass: function updateValidClass() {
277
+ this.wrapper.classList.toggle('k-invalid', !this.validity().valid);
278
+ },
271
279
  emitFocus: function emitFocus(e) {
272
280
  this.$emit('focus', e);
273
281
  this.$data.focused = true;
package/dist/esm/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: 1663839017,
8
+ publishDate: 1665149302,
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
@@ -142,6 +142,7 @@ export interface InputData {
142
142
  export interface InputState {
143
143
  inputRef: any;
144
144
  _input: any;
145
+ wrapper: any;
145
146
  _inputId?: string;
146
147
  v3: boolean;
147
148
  }
package/dist/npm/input/Input.js CHANGED
@@ -144,11 +144,13 @@ var InputVue2 = {
144
144
  },
145
145
  mounted: function mounted() {
146
146
  this._input = this.v3 ? this.inputRef : this.$refs.input;
147
+ this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
147
148
  this.$data.hasMounted = true;
148
149
  this.setValidity();
149
150
  },
150
151
  updated: function updated() {
151
152
  this.setValidity();
153
+ this.updateValidClass();
152
154
  },
153
155
  // @ts-ignore
154
156
  setup: !isV3 ? undefined : function () {
@@ -234,7 +236,10 @@ var InputVue2 = {
234
236
  }
235
237
  });
236
238
  var inputWrapper = h("span", {
237
- "class": this.inputWrapperClass()
239
+ "class": this.inputWrapperClass(),
240
+ ref: this.v3 ? function (el) {
241
+ _this.wrapperRef = el;
242
+ } : 'wrapper'
238
243
  }, [iconName && h("span", {
239
244
  "class": "k-input-icon k-icon k-i-".concat(iconName)
240
245
  }), this.$props.inputPrefix && h("span", {
@@ -279,6 +284,9 @@ var InputVue2 = {
279
284
  } : [inputWrapper]) : inputWrapper;
280
285
  },
281
286
  methods: {
287
+ updateValidClass: function updateValidClass() {
288
+ this.wrapper.classList.toggle('k-invalid', !this.validity().valid);
289
+ },
282
290
  emitFocus: function emitFocus(e) {
283
291
  this.$emit('focus', e);
284
292
  this.$data.focused = true;
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: 1663839017,
11
+ publishDate: 1665149302,
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": "3.6.3",
4
+ "version": "3.6.4-dev.202210071340",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,22 +44,22 @@
44
44
  "vue": "^2.6.12 || ^3.0.2"
45
45
  },
46
46
  "dependencies": {
47
- "@progress/kendo-vue-buttons": "3.6.3",
48
- "@progress/kendo-vue-common": "3.6.3",
49
- "@progress/kendo-vue-labels": "3.6.3",
50
- "@progress/kendo-vue-popup": "3.6.3"
47
+ "@progress/kendo-vue-buttons": "3.6.4-dev.202210071340",
48
+ "@progress/kendo-vue-common": "3.6.4-dev.202210071340",
49
+ "@progress/kendo-vue-labels": "3.6.4-dev.202210071340",
50
+ "@progress/kendo-vue-popup": "3.6.4-dev.202210071340"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@progress/kendo-data-query": "^1.5.5",
54
54
  "@progress/kendo-date-math": "^1.5.4",
55
55
  "@progress/kendo-drawing": "^1.8.0",
56
56
  "@progress/kendo-licensing": "^1.1.0",
57
- "@progress/kendo-vue-buttons": "3.6.3",
58
- "@progress/kendo-vue-dropdowns": "3.6.3",
59
- "@progress/kendo-vue-form": "3.6.3",
60
- "@progress/kendo-vue-intl": "3.6.3",
61
- "@progress/kendo-vue-labels": "3.6.3",
62
- "@progress/kendo-vue-tooltip": "3.6.3",
57
+ "@progress/kendo-vue-buttons": "3.6.4-dev.202210071340",
58
+ "@progress/kendo-vue-dropdowns": "3.6.4-dev.202210071340",
59
+ "@progress/kendo-vue-form": "3.6.4-dev.202210071340",
60
+ "@progress/kendo-vue-intl": "3.6.4-dev.202210071340",
61
+ "@progress/kendo-vue-labels": "3.6.4-dev.202210071340",
62
+ "@progress/kendo-vue-tooltip": "3.6.4-dev.202210071340",
63
63
  "cldr-core": "^41.0.0",
64
64
  "cldr-dates-full": "^41.0.0",
65
65
  "cldr-numbers-full": "^41.0.0"