@progress/kendo-vue-inputs 2.8.0-dev.202201131525 → 3.0.0-dev.202201141128

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/colors/ColorPalette.js +7 -0
  3. package/dist/es/colors/ColorPicker.js +18 -11
  4. package/dist/es/input/Input.js +1 -1
  5. package/dist/es/maskedtextbox/MaskedTextBox.js +1 -1
  6. package/dist/es/numerictextbox/NumericTextBox.js +1 -1
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/npm/colors/ColorPalette.js +7 -0
  9. package/dist/npm/colors/ColorPicker.js +17 -10
  10. package/dist/npm/input/Input.js +1 -1
  11. package/dist/npm/maskedtextbox/MaskedTextBox.js +1 -1
  12. package/dist/npm/numerictextbox/NumericTextBox.js +1 -1
  13. package/dist/npm/package-metadata.js +1 -1
  14. package/package.json +10 -10
package/dist/es/colors/ColorPalette.js CHANGED
@@ -26,6 +26,13 @@ export var DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
26
26
 
27
27
  var ColorPaletteVue2 = {
28
28
  name: 'KendoColorPalette',
29
+ // @ts-ignore
30
+ emits: {
31
+ 'keydown': null,
32
+ 'focus': null,
33
+ 'blur': null,
34
+ 'change': null
35
+ },
29
36
  props: {
30
37
  palette: {
31
38
  type: [String, Array],
package/dist/es/colors/ColorPicker.js CHANGED
@@ -157,19 +157,21 @@ var ColorPickerVue2 = {
157
157
  var h = gh || createElement;
158
158
  var _b = this.$props,
159
159
  disabled = _b.disabled,
160
- tabIndex = _b.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
160
+ tabIndex = _b.tabIndex,
161
+ dir = _b.dir; // const dir = useDir(focusableElementGuid, props.dir);
161
162
 
162
163
  return h("span", {
163
- "class": this.wrapperClassName // dir={dir}
164
- ,
165
- id: this.$props.id,
164
+ "class": this.wrapperClassName,
165
+ dir: dir,
166
166
  attrs: this.v3 ? undefined : {
167
+ dir: dir,
167
168
  id: this.$props.id,
168
169
  "aria-labelledby": this.$props.ariaLabelledBy,
169
170
  "aria-describedby": this.$props.ariaDescribedBy,
170
171
  tabIndex: getTabIndex(tabIndex, disabled),
171
172
  title: this.$props.title
172
173
  },
174
+ id: this.$props.id,
173
175
  "aria-labelledby": this.$props.ariaLabelledBy,
174
176
  "aria-describedby": this.$props.ariaDescribedBy,
175
177
  ref: this.focusableElementGuid,
@@ -218,13 +220,14 @@ var ColorPickerVue2 = {
218
220
  "class": "k-input-button",
219
221
  icon: 'arrow-s'
220
222
  }), // @ts-ignore function children
221
- h(Picker // dir={dir}
222
- , {
223
- open: this.computedOpen,
223
+ h(Picker, {
224
+ dir: dir,
224
225
  attrs: this.v3 ? undefined : {
226
+ dir: dir,
225
227
  open: this.computedOpen,
226
228
  popupAnchor: this.focusableElementGuid
227
229
  },
230
+ open: this.computedOpen,
228
231
  onOpen: this.onOpenHandler,
229
232
  on: this.v3 ? undefined : {
230
233
  "open": this.onOpenHandler
@@ -237,7 +240,8 @@ var ColorPickerVue2 = {
237
240
  ,
238
241
  on: _this2.v3 ? undefined : {
239
242
  "keydown": _this2.onKeyDownHandler,
240
- "change": _this2.onPaletteChangeHandler
243
+ "change": _this2.onPaletteChangeHandler,
244
+ "blur": _this2.onBlurHandler
241
245
  },
242
246
  ref: _this2.v3 ? function (el) {
243
247
  _this.paletteRef = el;
@@ -246,13 +250,15 @@ var ColorPickerVue2 = {
246
250
  attrs: _this2.v3 ? undefined : {
247
251
  value: _this2.computedValue || undefined
248
252
  },
249
- onChange: _this2.onPaletteChangeHandler
253
+ onChange: _this2.onPaletteChangeHandler,
254
+ onBlur: _this2.onBlurHandler
250
255
  })];
251
256
  } : [h(ColorPalette, {
252
257
  onKeydown: _this2.onKeyDownHandler,
253
258
  on: _this2.v3 ? undefined : {
254
259
  "keydown": _this2.onKeyDownHandler,
255
- "change": _this2.onPaletteChangeHandler
260
+ "change": _this2.onPaletteChangeHandler,
261
+ "blur": _this2.onBlurHandler
256
262
  },
257
263
  ref: _this2.v3 ? function (el) {
258
264
  _this.paletteRef = el;
@@ -261,7 +267,8 @@ var ColorPickerVue2 = {
261
267
  attrs: _this2.v3 ? undefined : {
262
268
  value: _this2.computedValue || undefined
263
269
  },
264
- onChange: _this2.onPaletteChangeHandler
270
+ onChange: _this2.onPaletteChangeHandler,
271
+ onBlur: _this2.onBlurHandler
265
272
  })])]);
266
273
  },
267
274
  methods: {
package/dist/es/input/Input.js CHANGED
@@ -307,7 +307,7 @@ var InputVue2 = {
307
307
  return {
308
308
  'k-floating-label-container': true,
309
309
  'k-focus': this.$data.focused,
310
- 'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
310
+ 'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
311
311
  'k-autofill': this.$data.autofill,
312
312
  'k-invalid': !isValid && isValid !== undefined,
313
313
  'k-rtl': this.$props.dir === 'rtl'
package/dist/es/maskedtextbox/MaskedTextBox.js CHANGED
@@ -191,7 +191,7 @@ var MaskedTextBoxVue2 = {
191
191
  return {
192
192
  'k-floating-label-container': true,
193
193
  'k-focus': this.currentFocused,
194
- 'k-empty': !this.computedValue(),
194
+ 'k-state-empty': !this.computedValue(),
195
195
  'k-invalid': !isValid && isValid !== undefined,
196
196
  'k-rtl': this.$props.dir === 'rtl'
197
197
  };
package/dist/es/numerictextbox/NumericTextBox.js CHANGED
@@ -177,7 +177,7 @@ var NumericTextBoxVue2 = {
177
177
  return {
178
178
  'k-floating-label-container': true,
179
179
  'k-focus': this.$data.focused,
180
- 'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
180
+ 'k-state-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
181
181
  'k-invalid': !isValid && isValid !== undefined,
182
182
  'k-rtl': this.$props.dir === 'rtl'
183
183
  };
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: 1642086802,
8
+ publishDate: 1642158965,
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/colors/ColorPalette.js CHANGED
@@ -40,6 +40,13 @@ exports.DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
40
40
 
41
41
  var ColorPaletteVue2 = {
42
42
  name: 'KendoColorPalette',
43
+ // @ts-ignore
44
+ emits: {
45
+ 'keydown': null,
46
+ 'focus': null,
47
+ 'blur': null,
48
+ 'change': null
49
+ },
43
50
  props: {
44
51
  palette: {
45
52
  type: [String, Array],
package/dist/npm/colors/ColorPicker.js CHANGED
@@ -169,19 +169,21 @@ var ColorPickerVue2 = {
169
169
  var h = gh || createElement;
170
170
  var _b = this.$props,
171
171
  disabled = _b.disabled,
172
- tabIndex = _b.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
172
+ tabIndex = _b.tabIndex,
173
+ dir = _b.dir; // const dir = useDir(focusableElementGuid, props.dir);
173
174
 
174
175
  return h("span", {
175
- "class": this.wrapperClassName // dir={dir}
176
- ,
177
- id: this.$props.id,
176
+ "class": this.wrapperClassName,
177
+ dir: dir,
178
178
  attrs: this.v3 ? undefined : {
179
+ dir: dir,
179
180
  id: this.$props.id,
180
181
  "aria-labelledby": this.$props.ariaLabelledBy,
181
182
  "aria-describedby": this.$props.ariaDescribedBy,
182
183
  tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
183
184
  title: this.$props.title
184
185
  },
186
+ id: this.$props.id,
185
187
  "aria-labelledby": this.$props.ariaLabelledBy,
186
188
  "aria-describedby": this.$props.ariaDescribedBy,
187
189
  ref: this.focusableElementGuid,
@@ -231,12 +233,13 @@ var ColorPickerVue2 = {
231
233
  icon: 'arrow-s'
232
234
  }), // @ts-ignore function children
233
235
  h(Picker_1.Picker, {
234
- // dir={dir}
235
- open: this.computedOpen,
236
+ dir: dir,
236
237
  attrs: this.v3 ? undefined : {
238
+ dir: dir,
237
239
  open: this.computedOpen,
238
240
  popupAnchor: this.focusableElementGuid
239
241
  },
242
+ open: this.computedOpen,
240
243
  onOpen: this.onOpenHandler,
241
244
  on: this.v3 ? undefined : {
242
245
  "open": this.onOpenHandler
@@ -249,7 +252,8 @@ var ColorPickerVue2 = {
249
252
  ,
250
253
  on: _this2.v3 ? undefined : {
251
254
  "keydown": _this2.onKeyDownHandler,
252
- "change": _this2.onPaletteChangeHandler
255
+ "change": _this2.onPaletteChangeHandler,
256
+ "blur": _this2.onBlurHandler
253
257
  },
254
258
  ref: _this2.v3 ? function (el) {
255
259
  _this.paletteRef = el;
@@ -258,13 +262,15 @@ var ColorPickerVue2 = {
258
262
  attrs: _this2.v3 ? undefined : {
259
263
  value: _this2.computedValue || undefined
260
264
  },
261
- onChange: _this2.onPaletteChangeHandler
265
+ onChange: _this2.onPaletteChangeHandler,
266
+ onBlur: _this2.onBlurHandler
262
267
  })];
263
268
  } : [h(ColorPalette_1.ColorPalette, {
264
269
  onKeydown: _this2.onKeyDownHandler,
265
270
  on: _this2.v3 ? undefined : {
266
271
  "keydown": _this2.onKeyDownHandler,
267
- "change": _this2.onPaletteChangeHandler
272
+ "change": _this2.onPaletteChangeHandler,
273
+ "blur": _this2.onBlurHandler
268
274
  },
269
275
  ref: _this2.v3 ? function (el) {
270
276
  _this.paletteRef = el;
@@ -273,7 +279,8 @@ var ColorPickerVue2 = {
273
279
  attrs: _this2.v3 ? undefined : {
274
280
  value: _this2.computedValue || undefined
275
281
  },
276
- onChange: _this2.onPaletteChangeHandler
282
+ onChange: _this2.onPaletteChangeHandler,
283
+ onBlur: _this2.onBlurHandler
277
284
  })])]);
278
285
  },
279
286
  methods: {
package/dist/npm/input/Input.js CHANGED
@@ -318,7 +318,7 @@ var InputVue2 = {
318
318
  return {
319
319
  'k-floating-label-container': true,
320
320
  'k-focus': this.$data.focused,
321
- 'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
321
+ 'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
322
322
  'k-autofill': this.$data.autofill,
323
323
  'k-invalid': !isValid && isValid !== undefined,
324
324
  'k-rtl': this.$props.dir === 'rtl'
package/dist/npm/maskedtextbox/MaskedTextBox.js CHANGED
@@ -203,7 +203,7 @@ var MaskedTextBoxVue2 = {
203
203
  return {
204
204
  'k-floating-label-container': true,
205
205
  'k-focus': this.currentFocused,
206
- 'k-empty': !this.computedValue(),
206
+ 'k-state-empty': !this.computedValue(),
207
207
  'k-invalid': !isValid && isValid !== undefined,
208
208
  'k-rtl': this.$props.dir === 'rtl'
209
209
  };
package/dist/npm/numerictextbox/NumericTextBox.js CHANGED
@@ -192,7 +192,7 @@ var NumericTextBoxVue2 = {
192
192
  return {
193
193
  'k-floating-label-container': true,
194
194
  'k-focus': this.$data.focused,
195
- 'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
195
+ 'k-state-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
196
196
  'k-invalid': !isValid && isValid !== undefined,
197
197
  'k-rtl': this.$props.dir === 'rtl'
198
198
  };
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: 1642086802,
11
+ publishDate: 1642158965,
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.202201131525",
4
+ "version": "3.0.0-dev.202201141128",
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.202201131525",
42
- "@progress/kendo-vue-common": "2.8.0-dev.202201131525",
43
- "@progress/kendo-vue-labels": "2.8.0-dev.202201131525",
44
- "@progress/kendo-vue-popup": "2.8.0-dev.202201131525"
41
+ "@progress/kendo-vue-buttons": "3.0.0-dev.202201141128",
42
+ "@progress/kendo-vue-common": "3.0.0-dev.202201141128",
43
+ "@progress/kendo-vue-labels": "3.0.0-dev.202201141128",
44
+ "@progress/kendo-vue-popup": "3.0.0-dev.202201141128"
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.202201131525",
52
- "@progress/kendo-vue-form": "2.8.0-dev.202201131525",
53
- "@progress/kendo-vue-intl": "2.8.0-dev.202201131525",
54
- "@progress/kendo-vue-labels": "2.8.0-dev.202201131525",
55
- "@progress/kendo-vue-tooltip": "2.8.0-dev.202201131525",
51
+ "@progress/kendo-vue-buttons": "3.0.0-dev.202201141128",
52
+ "@progress/kendo-vue-form": "3.0.0-dev.202201141128",
53
+ "@progress/kendo-vue-intl": "3.0.0-dev.202201141128",
54
+ "@progress/kendo-vue-labels": "3.0.0-dev.202201141128",
55
+ "@progress/kendo-vue-tooltip": "3.0.0-dev.202201141128",
56
56
  "cldr-core": "^34.0.0",
57
57
  "cldr-dates-full": "^34.0.0",
58
58
  "cldr-numbers-full": "^34.0.0"