@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.
- package/dist/cdn/js/kendo-vue-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.js +9 -12
- package/dist/es/colors/ColorContrastLabels.js +3 -2
- package/dist/es/colors/ColorContrastSvg.js +3 -2
- package/dist/es/colors/ColorGradient.js +5 -4
- package/dist/es/colors/ColorInput.js +3 -2
- package/dist/es/colors/ColorPalette.js +9 -12
- package/dist/es/colors/ColorPicker.js +5 -4
- package/dist/es/colors/FlatColorPicker.js +5 -4
- package/dist/es/colors/HexInput.js +3 -2
- package/dist/es/colors/Picker.js +3 -2
- package/dist/es/input/Input.js +3 -2
- package/dist/es/input-separator/InputSeparator.js +3 -2
- package/dist/es/maskedtextbox/MaskedTextBox.js +21 -24
- package/dist/es/numerictextbox/NumericTextBox.js +16 -19
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.js +8 -11
- package/dist/es/radiobutton/RadioGroup.js +3 -2
- package/dist/es/range-slider/RangeSlider.js +11 -10
- package/dist/es/slider/Slider.js +5 -4
- package/dist/es/slider/SliderLabel.js +3 -2
- package/dist/es/switch/Switch.js +14 -19
- package/dist/es/textarea/TextArea.js +3 -2
- package/dist/npm/checkbox/Checkbox.js +8 -11
- package/dist/npm/colors/ColorContrastLabels.js +3 -2
- package/dist/npm/colors/ColorContrastSvg.js +3 -2
- package/dist/npm/colors/ColorGradient.js +5 -4
- package/dist/npm/colors/ColorInput.js +3 -2
- package/dist/npm/colors/ColorPalette.js +8 -11
- package/dist/npm/colors/ColorPicker.js +5 -4
- package/dist/npm/colors/FlatColorPicker.js +5 -4
- package/dist/npm/colors/HexInput.js +3 -2
- package/dist/npm/colors/Picker.js +3 -2
- package/dist/npm/input/Input.js +3 -2
- package/dist/npm/input-separator/InputSeparator.js +3 -2
- package/dist/npm/maskedtextbox/MaskedTextBox.js +20 -23
- package/dist/npm/numerictextbox/NumericTextBox.js +15 -18
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/radiobutton/RadioButton.js +7 -10
- package/dist/npm/radiobutton/RadioGroup.js +3 -2
- package/dist/npm/range-slider/RangeSlider.js +11 -10
- package/dist/npm/slider/Slider.js +5 -4
- package/dist/npm/slider/SliderLabel.js +3 -2
- package/dist/npm/switch/Switch.js +13 -18
- package/dist/npm/textarea/TextArea.js +3 -2
- 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: !
|
|
136
|
-
var v3 = !!
|
|
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
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
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
|
-
|
|
443
|
-
|
|
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
|
-
|
|
445
|
+
readonly: this.$props.readonly || undefined,
|
|
447
446
|
placeholder: this.$props.placeholder,
|
|
448
447
|
required: this.$props.required
|
|
449
448
|
},
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
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
|
-
|
|
464
|
-
|
|
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
|
-
|
|
466
|
+
readonly: this.$props.readonly || undefined,
|
|
468
467
|
placeholder: this.$props.placeholder,
|
|
469
468
|
required: this.$props.required,
|
|
470
|
-
ref: this
|
|
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
|
-
"
|
|
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
|
-
|
|
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 =
|
|
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: !
|
|
491
|
-
var v3 = !!
|
|
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
|
-
|
|
557
|
+
tabindex: this.$props.tabIndex,
|
|
559
558
|
attrs: this.v3 ? undefined : {
|
|
560
|
-
|
|
561
|
-
|
|
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
|
-
|
|
569
|
-
|
|
570
|
-
|
|
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
|
-
|
|
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
|
-
|
|
583
|
-
|
|
584
|
-
|
|
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
|
|
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:
|
|
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 =
|
|
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: !
|
|
104
|
-
var v3 = !!
|
|
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
|
-
|
|
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
|
|
168
|
-
_this.inputRef = el;
|
|
169
|
-
} : 'input',
|
|
166
|
+
ref: kendo_vue_common_1.setRef(this, 'input'),
|
|
170
167
|
disabled: disabled,
|
|
171
|
-
|
|
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: !
|
|
139
|
-
var v3 = !!
|
|
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: !
|
|
161
|
-
var v3 = !!
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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: !
|
|
135
|
-
var v3 = !!
|
|
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
|
-
|
|
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
|
-
|
|
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: !
|
|
72
|
-
var v3 = !!
|
|
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 =
|
|
152
|
-
this.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: !
|
|
161
|
-
var v3 = !!
|
|
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
|
-
|
|
205
|
-
|
|
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
|
|
213
|
-
|
|
214
|
-
|
|
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
|
-
|
|
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
|
|
232
|
-
|
|
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: !
|
|
206
|
-
var v3 = !!
|
|
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.
|
|
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.
|
|
42
|
-
"@progress/kendo-vue-common": "3.4.
|
|
43
|
-
"@progress/kendo-vue-labels": "3.4.
|
|
44
|
-
"@progress/kendo-vue-popup": "3.4.
|
|
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.
|
|
52
|
-
"@progress/kendo-vue-dropdowns": "3.4.
|
|
53
|
-
"@progress/kendo-vue-form": "3.4.
|
|
54
|
-
"@progress/kendo-vue-intl": "3.4.
|
|
55
|
-
"@progress/kendo-vue-labels": "3.4.
|
|
56
|
-
"@progress/kendo-vue-tooltip": "3.4.
|
|
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"
|