@progress/kendo-vue-inputs 3.4.1 → 3.4.2-dev.202207070519

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 (46) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/checkbox/Checkbox.js +9 -12
  3. package/dist/es/colors/ColorContrastLabels.js +3 -2
  4. package/dist/es/colors/ColorContrastSvg.js +3 -2
  5. package/dist/es/colors/ColorGradient.js +5 -4
  6. package/dist/es/colors/ColorInput.js +3 -2
  7. package/dist/es/colors/ColorPalette.js +9 -12
  8. package/dist/es/colors/ColorPicker.js +5 -4
  9. package/dist/es/colors/FlatColorPicker.js +5 -4
  10. package/dist/es/colors/HexInput.js +3 -2
  11. package/dist/es/colors/Picker.js +3 -2
  12. package/dist/es/input/Input.js +3 -2
  13. package/dist/es/input-separator/InputSeparator.js +3 -2
  14. package/dist/es/maskedtextbox/MaskedTextBox.js +21 -24
  15. package/dist/es/numerictextbox/NumericTextBox.js +16 -19
  16. package/dist/es/package-metadata.js +1 -1
  17. package/dist/es/radiobutton/RadioButton.js +8 -11
  18. package/dist/es/radiobutton/RadioGroup.js +3 -2
  19. package/dist/es/range-slider/RangeSlider.js +11 -10
  20. package/dist/es/slider/Slider.js +5 -4
  21. package/dist/es/slider/SliderLabel.js +3 -2
  22. package/dist/es/switch/Switch.js +14 -19
  23. package/dist/es/textarea/TextArea.js +3 -2
  24. package/dist/npm/checkbox/Checkbox.js +8 -11
  25. package/dist/npm/colors/ColorContrastLabels.js +3 -2
  26. package/dist/npm/colors/ColorContrastSvg.js +3 -2
  27. package/dist/npm/colors/ColorGradient.js +5 -4
  28. package/dist/npm/colors/ColorInput.js +3 -2
  29. package/dist/npm/colors/ColorPalette.js +8 -11
  30. package/dist/npm/colors/ColorPicker.js +5 -4
  31. package/dist/npm/colors/FlatColorPicker.js +5 -4
  32. package/dist/npm/colors/HexInput.js +3 -2
  33. package/dist/npm/colors/Picker.js +3 -2
  34. package/dist/npm/input/Input.js +3 -2
  35. package/dist/npm/input-separator/InputSeparator.js +3 -2
  36. package/dist/npm/maskedtextbox/MaskedTextBox.js +20 -23
  37. package/dist/npm/numerictextbox/NumericTextBox.js +15 -18
  38. package/dist/npm/package-metadata.js +1 -1
  39. package/dist/npm/radiobutton/RadioButton.js +7 -10
  40. package/dist/npm/radiobutton/RadioGroup.js +3 -2
  41. package/dist/npm/range-slider/RangeSlider.js +11 -10
  42. package/dist/npm/slider/Slider.js +5 -4
  43. package/dist/npm/slider/SliderLabel.js +3 -2
  44. package/dist/npm/switch/Switch.js +13 -18
  45. package/dist/npm/textarea/TextArea.js +3 -2
  46. package/package.json +11 -11
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var ref = allVue.ref;
13
14
 
14
15
  var masking_service_1 = require("./masking.service");
@@ -132,8 +133,8 @@ var MaskedTextBoxVue2 = {
132
133
  this.isPasted = false;
133
134
  },
134
135
  // @ts-ignore
135
- setup: !gh ? undefined : function () {
136
- var v3 = !!gh;
136
+ setup: !isV3 ? undefined : function () {
137
+ var v3 = !!isV3;
137
138
  var inputRef = ref(null);
138
139
  return {
139
140
  v3: v3,
@@ -384,8 +385,6 @@ var MaskedTextBoxVue2 = {
384
385
  },
385
386
  // @ts-ignore
386
387
  render: function render(createElement) {
387
- var _this = this;
388
-
389
388
  var h = gh || createElement;
390
389
  var inputId = this.$props.id || this.inputId;
391
390
  var _a = this.$props,
@@ -431,26 +430,26 @@ var MaskedTextBoxVue2 = {
431
430
  type: this.$props.type,
432
431
  attrs: this.v3 ? undefined : {
433
432
  type: this.$props.type,
434
- autoComplete: "off",
435
- autoCorrect: "off",
436
- autoCapitalize: "off",
437
- spellCheck: false,
433
+ autocomplete: "off",
434
+ autocorrect: "off",
435
+ autocapitalize: "off",
436
+ spellcheck: false,
438
437
  id: inputId,
439
438
  "aria-labelledby": this.$props.ariaLabelledBy,
440
439
  "aria-describedby": this.$props.ariaDescribedBy,
441
440
  name: this.$props.name,
442
- tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, true),
443
- accessKey: this.$props.accessKey,
441
+ tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, true),
442
+ accesskey: this.$props.accessKey,
444
443
  title: this.$props.title,
445
444
  disabled: this.$props.disabled || undefined,
446
- readOnly: this.$props.readonly || undefined,
445
+ readonly: this.$props.readonly || undefined,
447
446
  placeholder: this.$props.placeholder,
448
447
  required: this.$props.required
449
448
  },
450
- autoComplete: "off",
451
- autoCorrect: "off",
452
- autoCapitalize: "off",
453
- spellCheck: false,
449
+ autocomplete: "off",
450
+ autocorrect: "off",
451
+ autocapitalize: "off",
452
+ spellcheck: false,
454
453
  "class": this.inputInnerClass,
455
454
  value: this.v3 ? newValue : null,
456
455
  domProps: this.v3 ? undefined : {
@@ -460,29 +459,27 @@ var MaskedTextBoxVue2 = {
460
459
  "aria-labelledby": this.$props.ariaLabelledBy,
461
460
  "aria-describedby": this.$props.ariaDescribedBy,
462
461
  name: this.$props.name,
463
- tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, true),
464
- accessKey: this.$props.accessKey,
462
+ tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, true),
463
+ accesskey: this.$props.accessKey,
465
464
  title: this.$props.title,
466
465
  disabled: this.$props.disabled || undefined,
467
- readOnly: this.$props.readonly || undefined,
466
+ readonly: this.$props.readonly || undefined,
468
467
  placeholder: this.$props.placeholder,
469
468
  required: this.$props.required,
470
- ref: this.v3 ? function (el) {
471
- _this.inputRef = el;
472
- } : 'input',
469
+ ref: kendo_vue_common_1.setRef(this, 'input'),
473
470
  onInput: this.onChangeHandler,
474
471
  on: this.v3 ? undefined : {
475
472
  "input": this.onChangeHandler,
476
473
  "paste": this.pasteHandler,
477
474
  "focus": this.focusHandler,
478
475
  "blur": this.blurHandler,
479
- "dragStart": utils_1.returnFalse,
476
+ "dragstart": utils_1.returnFalse,
480
477
  "drop": utils_1.returnFalse
481
478
  },
482
479
  onPaste: this.pasteHandler,
483
480
  onFocus: this.focusHandler,
484
481
  onBlur: this.blurHandler,
485
- onDragStart: utils_1.returnFalse,
482
+ onDragstart: utils_1.returnFalse,
486
483
  onDrop: utils_1.returnFalse
487
484
  }), this.$props.inputSuffix && h("span", {
488
485
  "class": "k-input-suffix"
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var ref = allVue.ref;
13
14
  var inject = allVue.inject;
14
15
 
@@ -156,7 +157,7 @@ var NumericTextBoxVue2 = {
156
157
  }
157
158
  },
158
159
  mounted: function mounted() {
159
- this._input = this.v3 ? this.inputRef : this.$refs.input;
160
+ this._input = kendo_vue_common_1.getRef(this, 'input');
160
161
  this._elementWrapper = this.v3 ? this.elementWrapperRef : this.$refs.elementWrapper;
161
162
  this.$data.hasMounted = true;
162
163
 
@@ -487,8 +488,8 @@ var NumericTextBoxVue2 = {
487
488
  }
488
489
  },
489
490
  // @ts-ignore
490
- setup: !gh ? undefined : function () {
491
- var v3 = !!gh;
491
+ setup: !isV3 ? undefined : function () {
492
+ var v3 = !!isV3;
492
493
  var inputRef = ref(null);
493
494
  var elementWrapperRef = ref(null);
494
495
  var kendoLocalizationService = inject('kendoLocalizationService', {});
@@ -503,8 +504,6 @@ var NumericTextBoxVue2 = {
503
504
  },
504
505
  // @ts-ignore
505
506
  render: function render(createElement) {
506
- var _this = this;
507
-
508
507
  var h = gh || createElement;
509
508
  var _a = this.$props,
510
509
  iconName = _a.iconName,
@@ -555,33 +554,33 @@ var NumericTextBoxVue2 = {
555
554
  }), this.$props.inputPrefix && h("span", {
556
555
  "class": "k-input-prefix"
557
556
  }, [inputPrefix]), h("input", {
558
- tabIndex: this.$props.tabIndex,
557
+ tabindex: this.$props.tabIndex,
559
558
  attrs: this.v3 ? undefined : {
560
- tabIndex: this.$props.tabIndex,
561
- accessKey: this.$props.accessKey,
559
+ tabindex: this.$props.tabIndex,
560
+ accesskey: this.$props.accessKey,
562
561
  disabled: this.$props.disabled,
563
562
  title: this.$props.title,
564
563
  "aria-valuemin": this.$props.min,
565
564
  "aria-valuemax": this.$props.max,
566
565
  placeholder: this.$props.placeholder,
567
566
  type: this.$props.inputType || 'tel',
568
- spellCheck: false,
569
- autoComplete: "off",
570
- autoCorrect: "off",
567
+ spellcheck: false,
568
+ autocomplete: "off",
569
+ autocorrect: "off",
571
570
  id: inputId,
572
571
  "aria-valuenow": this.$data.currentValue !== null ? this.$data.currentValue : undefined,
573
572
  name: this.$props.name
574
573
  },
575
- accessKey: this.$props.accessKey,
574
+ accesskey: this.$props.accessKey,
576
575
  disabled: this.$props.disabled,
577
576
  title: this.$props.title,
578
577
  "aria-valuemin": this.$props.min,
579
578
  "aria-valuemax": this.$props.max,
580
579
  placeholder: this.$props.placeholder,
581
580
  type: this.$props.inputType || 'tel',
582
- spellCheck: false,
583
- autoComplete: "off",
584
- autoCorrect: "off",
581
+ spellcheck: false,
582
+ autocomplete: "off",
583
+ autocorrect: "off",
585
584
  "class": this.inputInnerClass,
586
585
  id: inputId,
587
586
  value: this.v3 ? this.looseValue : null,
@@ -604,9 +603,7 @@ var NumericTextBoxVue2 = {
604
603
  onFocus: this.emitFocus,
605
604
  onBlur: this.emitBlur,
606
605
  onPaste: this.onPasteHandler,
607
- ref: this.v3 ? function (el) {
608
- _this.inputRef = el;
609
- } : 'input'
606
+ ref: kendo_vue_common_1.setRef(this, 'input')
610
607
  }), this.$props.inputSuffix && h("span", {
611
608
  "class": "k-input-suffix"
612
609
  }, [inputSuffix]), showValidationIcon && isValid && h("span", {
@@ -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: 1656415338,
11
+ publishDate: 1657170635,
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
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var ref = allVue.ref;
13
14
  var inject = allVue.inject;
14
15
 
@@ -65,7 +66,7 @@ var RadioButtonVue2 = {
65
66
  kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
66
67
  },
67
68
  mounted: function mounted() {
68
- this.input = this.v3 ? this.inputRef : this.$refs.input;
69
+ this.input = kendo_vue_common_1.getRef(this, 'input');
69
70
  },
70
71
  computed: {
71
72
  inputClassName: function inputClassName() {
@@ -100,8 +101,8 @@ var RadioButtonVue2 = {
100
101
  }
101
102
  },
102
103
  // @ts-ignore
103
- setup: !gh ? undefined : function () {
104
- var v3 = !!gh;
104
+ setup: !isV3 ? undefined : function () {
105
+ var v3 = !!isV3;
105
106
  var inputRef = ref(null);
106
107
  return {
107
108
  v3: v3,
@@ -109,8 +110,6 @@ var RadioButtonVue2 = {
109
110
  };
110
111
  },
111
112
  render: function render(createElement) {
112
- var _this = this;
113
-
114
113
  var h = gh || createElement;
115
114
  var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
116
115
  var _a = this.$props,
@@ -158,17 +157,15 @@ var RadioButtonVue2 = {
158
157
  id: id || this.calculatedId,
159
158
  name: name,
160
159
  disabled: disabled,
161
- tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
160
+ tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
162
161
  "aria-describedby": ariaDescribedBy
163
162
  },
164
163
  id: id || this.calculatedId,
165
164
  name: name,
166
165
  "class": this.inputClassName,
167
- ref: this.v3 ? function (el) {
168
- _this.inputRef = el;
169
- } : 'input',
166
+ ref: kendo_vue_common_1.setRef(this, 'input'),
170
167
  disabled: disabled,
171
- tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
168
+ tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
172
169
  checked: this.v3 ? checked : null,
173
170
  domProps: this.v3 ? undefined : {
174
171
  "checked": checked,
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var ref = allVue.ref;
13
14
  var inject = allVue.inject;
14
15
 
@@ -135,8 +136,8 @@ var RadioGroupVue2 = {
135
136
  }
136
137
  },
137
138
  // @ts-ignore
138
- setup: !gh ? undefined : function () {
139
- var v3 = !!gh;
139
+ setup: !isV3 ? undefined : function () {
140
+ var v3 = !!isV3;
140
141
  var inputRef = ref(null);
141
142
  return {
142
143
  v3: v3,
@@ -25,6 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
+ var isV3 = allVue.version[0] === '3';
28
29
  var ref = allVue.ref;
29
30
  var inject = allVue.inject;
30
31
 
@@ -157,8 +158,8 @@ var RangeSliderVue2 = {
157
158
  }
158
159
  },
159
160
  // @ts-ignore
160
- setup: !gh ? undefined : function () {
161
- var v3 = !!gh;
161
+ setup: !isV3 ? undefined : function () {
162
+ var v3 = !!isV3;
162
163
  var inputRef = ref(null);
163
164
  var kendoLocalizationService = inject('kendoLocalizationService', {});
164
165
  return {
@@ -246,14 +247,14 @@ var RangeSliderVue2 = {
246
247
  role: "slider",
247
248
  attrs: _this.v3 ? undefined : {
248
249
  role: "slider",
249
- tabIndex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
250
+ tabindex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
250
251
  "aria-valuemin": _this.min,
251
252
  "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
252
253
  "aria-valuenow": _this.computedValue.start,
253
254
  "aria-disabled": _this.disabled ? 'true' : undefined,
254
255
  title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
255
256
  },
256
- tabIndex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
257
+ tabindex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
257
258
  "aria-valuemin": _this.min,
258
259
  "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
259
260
  "aria-valuenow": _this.computedValue.start,
@@ -279,14 +280,14 @@ var RangeSliderVue2 = {
279
280
  role: "slider",
280
281
  attrs: _this.v3 ? undefined : {
281
282
  role: "slider",
282
- tabIndex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
283
+ tabindex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
283
284
  "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
284
285
  "aria-valuemax": _this.max,
285
286
  "aria-valuenow": _this.computedValue.end,
286
287
  "aria-disabled": _this.disabled ? 'true' : undefined,
287
288
  title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
288
289
  },
289
- tabIndex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
290
+ tabindex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
290
291
  "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
291
292
  "aria-valuemax": _this.max,
292
293
  "aria-valuenow": _this.computedValue.end,
@@ -344,14 +345,14 @@ var RangeSliderVue2 = {
344
345
  role: "slider",
345
346
  attrs: _this.v3 ? undefined : {
346
347
  role: "slider",
347
- tabIndex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
348
+ tabindex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
348
349
  "aria-valuemin": _this.min,
349
350
  "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
350
351
  "aria-valuenow": _this.computedValue.start,
351
352
  "aria-disabled": _this.disabled ? 'true' : undefined,
352
353
  title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
353
354
  },
354
- tabIndex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
355
+ tabindex: kendo_vue_common_1.getTabIndex(_this.startTabIndex, _this.$props.disabled, undefined),
355
356
  "aria-valuemin": _this.min,
356
357
  "aria-valuemax": Math.max(_this.max, _this.computedValue.end),
357
358
  "aria-valuenow": _this.computedValue.start,
@@ -377,14 +378,14 @@ var RangeSliderVue2 = {
377
378
  role: "slider",
378
379
  attrs: _this.v3 ? undefined : {
379
380
  role: "slider",
380
- tabIndex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
381
+ tabindex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
381
382
  "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
382
383
  "aria-valuemax": _this.max,
383
384
  "aria-valuenow": _this.computedValue.end,
384
385
  "aria-disabled": _this.disabled ? 'true' : undefined,
385
386
  title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
386
387
  },
387
- tabIndex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
388
+ tabindex: kendo_vue_common_1.getTabIndex(_this.endTabIndex, _this.$props.disabled, undefined),
388
389
  "aria-valuemin": Math.min(_this.min, _this.computedValue.start),
389
390
  "aria-valuemax": _this.max,
390
391
  "aria-valuenow": _this.computedValue.end,
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var ref = allVue.ref;
13
14
  var inject = allVue.inject;
14
15
 
@@ -131,8 +132,8 @@ var SliderVue2 = {
131
132
  }
132
133
  },
133
134
  // @ts-ignore
134
- setup: !gh ? undefined : function () {
135
- var v3 = !!gh;
135
+ setup: !isV3 ? undefined : function () {
136
+ var v3 = !!isV3;
136
137
  var inputRef = ref(null);
137
138
  var kendoLocalizationService = inject('kendoLocalizationService', {});
138
139
  return {
@@ -162,7 +163,7 @@ var SliderVue2 = {
162
163
  dir: this.currentDir,
163
164
  role: "slider",
164
165
  id: this.$props.id,
165
- tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
166
+ tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
166
167
  },
167
168
  "aria-valuemax": this.$props.max,
168
169
  "aria-valuenow": this.computedValue,
@@ -173,7 +174,7 @@ var SliderVue2 = {
173
174
  role: "slider",
174
175
  id: this.$props.id,
175
176
  style: this.$props.style,
176
- tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
177
+ tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
177
178
  onFocus: this.onFocus,
178
179
  on: this.v3 ? undefined : {
179
180
  "focus": this.onFocus,
@@ -25,6 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
+ var isV3 = allVue.version[0] === '3';
28
29
  var ref = allVue.ref;
29
30
 
30
31
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -68,8 +69,8 @@ var SliderLabelVue2 = {
68
69
  }
69
70
  },
70
71
  // @ts-ignore
71
- setup: !gh ? undefined : function () {
72
- var v3 = !!gh;
72
+ setup: !isV3 ? undefined : function () {
73
+ var v3 = !!isV3;
73
74
  return {
74
75
  v3: v3
75
76
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
15
 
@@ -148,8 +149,8 @@ var SwitchVue2 = {
148
149
  }
149
150
  },
150
151
  mounted: function mounted() {
151
- this._element = this.v3 ? this.elementRef : this.$refs.element;
152
- this.input = this.v3 ? this.inputRef : this.$refs.input;
152
+ this._element = kendo_vue_common_1.getRef(this, 'element');
153
+ this.input = kendo_vue_common_1.getRef(this, 'input');
153
154
  this.currentDir = this.$props.dir !== undefined ? this.$props.dir : kendo_vue_common_1.isRtl(this.$el) ? 'rtl' : 'ltr';
154
155
  this.setValidity();
155
156
  },
@@ -157,16 +158,14 @@ var SwitchVue2 = {
157
158
  this.setValidity();
158
159
  },
159
160
  // @ts-ignore
160
- setup: !gh ? undefined : function () {
161
- var v3 = !!gh;
161
+ setup: !isV3 ? undefined : function () {
162
+ var v3 = !!isV3;
162
163
  return {
163
164
  v3: v3
164
165
  };
165
166
  },
166
167
  // @ts-ignore
167
168
  render: function render(createElement) {
168
- var _this = this;
169
-
170
169
  var h = gh || createElement;
171
170
  var _a = this.$props,
172
171
  disabled = _a.disabled,
@@ -201,24 +200,22 @@ var SwitchVue2 = {
201
200
  "aria-disabled": disabled || undefined,
202
201
  "aria-labelledby": this.$props.ariaLabelledBy,
203
202
  "aria-describedby": this.$props.ariaDescribedBy,
204
- tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled, undefined),
205
- accessKey: this.$props.accessKey
203
+ tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled, undefined),
204
+ accesskey: this.$props.accessKey
206
205
  },
207
206
  role: 'switch',
208
207
  "aria-checked": this.computedValue,
209
208
  "aria-disabled": disabled || undefined,
210
209
  "aria-labelledby": this.$props.ariaLabelledBy,
211
210
  "aria-describedby": this.$props.ariaDescribedBy,
212
- ref: this.v3 ? function (el) {
213
- _this.elementRef = el;
214
- } : 'element',
215
- tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled, undefined),
216
- accessKey: this.$props.accessKey
211
+ ref: kendo_vue_common_1.setRef(this, 'element'),
212
+ tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled, undefined),
213
+ accesskey: this.$props.accessKey
217
214
  }, [h("input", {
218
215
  type: "checkbox",
219
216
  attrs: this.v3 ? undefined : {
220
217
  type: "checkbox",
221
- tabIndex: -1,
218
+ tabindex: -1,
222
219
  name: this.$props.name,
223
220
  required: required !== undefined ? required : false,
224
221
  "aria-hidden": true
@@ -228,10 +225,8 @@ var SwitchVue2 = {
228
225
  "checked": this.$props.checked,
229
226
  "value": this.computedValue
230
227
  },
231
- ref: this.v3 ? function (el) {
232
- _this.inputRef = el;
233
- } : 'input',
234
- tabIndex: -1,
228
+ ref: kendo_vue_common_1.setRef(this, 'input'),
229
+ tabindex: -1,
235
230
  name: this.$props.name,
236
231
  required: required !== undefined ? required : false,
237
232
  "aria-hidden": true,
@@ -25,6 +25,7 @@ var Vue = require("vue");
25
25
 
26
26
  var allVue = Vue;
27
27
  var gh = allVue.h;
28
+ var isV3 = allVue.version[0] === '3';
28
29
 
29
30
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
30
31
 
@@ -202,8 +203,8 @@ var TextAreaVue2 = {
202
203
  this.setValidity();
203
204
  },
204
205
  // @ts-ignore
205
- setup: !gh ? undefined : function () {
206
- var v3 = !!gh;
206
+ setup: !isV3 ? undefined : function () {
207
+ var v3 = !!isV3;
207
208
  return {
208
209
  v3: v3
209
210
  };
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.4.1",
4
+ "version": "3.4.2-dev.202207070519",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
38
38
  "vue": "^2.6.12 || ^3.0.2"
39
39
  },
40
40
  "dependencies": {
41
- "@progress/kendo-vue-buttons": "3.4.1",
42
- "@progress/kendo-vue-common": "3.4.1",
43
- "@progress/kendo-vue-labels": "3.4.1",
44
- "@progress/kendo-vue-popup": "3.4.1"
41
+ "@progress/kendo-vue-buttons": "3.4.2-dev.202207070519",
42
+ "@progress/kendo-vue-common": "3.4.2-dev.202207070519",
43
+ "@progress/kendo-vue-labels": "3.4.2-dev.202207070519",
44
+ "@progress/kendo-vue-popup": "3.4.2-dev.202207070519"
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.4.1",
52
- "@progress/kendo-vue-dropdowns": "3.4.1",
53
- "@progress/kendo-vue-form": "3.4.1",
54
- "@progress/kendo-vue-intl": "3.4.1",
55
- "@progress/kendo-vue-labels": "3.4.1",
56
- "@progress/kendo-vue-tooltip": "3.4.1",
51
+ "@progress/kendo-vue-buttons": "3.4.2-dev.202207070519",
52
+ "@progress/kendo-vue-dropdowns": "3.4.2-dev.202207070519",
53
+ "@progress/kendo-vue-form": "3.4.2-dev.202207070519",
54
+ "@progress/kendo-vue-intl": "3.4.2-dev.202207070519",
55
+ "@progress/kendo-vue-labels": "3.4.2-dev.202207070519",
56
+ "@progress/kendo-vue-tooltip": "3.4.2-dev.202207070519",
57
57
  "cldr-core": "^34.0.0",
58
58
  "cldr-dates-full": "^34.0.0",
59
59
  "cldr-numbers-full": "^34.0.0"