@progress/kendo-vue-inputs 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442
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 +17 -35
- package/dist/es/colors/ColorContrastLabels.js +0 -2
- package/dist/es/colors/ColorContrastSvg.js +6 -20
- package/dist/es/colors/ColorGradient.js +2 -28
- package/dist/es/colors/ColorInput.js +12 -20
- package/dist/es/colors/ColorPalette.js +0 -19
- package/dist/es/colors/ColorPicker.js +28 -52
- package/dist/es/colors/FlatColorPicker.js +14 -24
- package/dist/es/colors/HexInput.js +0 -4
- package/dist/es/colors/Picker.js +6 -9
- package/dist/es/input/Input.js +15 -29
- package/dist/es/input-separator/InputSeparator.js +0 -2
- package/dist/es/maskedtextbox/MaskedTextBox.js +13 -32
- package/dist/es/numerictextbox/NumericTextBox.js +15 -48
- package/dist/es/numerictextbox/utils/main.js +33 -132
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.js +11 -16
- package/dist/es/radiobutton/RadioGroup.js +9 -12
- package/dist/es/range-slider/RangeSlider.js +9 -32
- package/dist/es/range-slider/range-raducer.js +0 -26
- package/dist/es/slider/Slider.js +8 -20
- package/dist/es/slider/SliderLabel.js +2 -12
- package/dist/es/switch/Switch.js +6 -18
- package/dist/es/textarea/TextArea.js +27 -40
- package/dist/esm/checkbox/Checkbox.js +17 -35
- package/dist/esm/colors/ColorContrastLabels.js +0 -2
- package/dist/esm/colors/ColorContrastSvg.js +6 -20
- package/dist/esm/colors/ColorGradient.js +2 -28
- package/dist/esm/colors/ColorInput.js +12 -20
- package/dist/esm/colors/ColorPalette.js +0 -19
- package/dist/esm/colors/ColorPicker.js +28 -52
- package/dist/esm/colors/FlatColorPicker.js +14 -24
- package/dist/esm/colors/HexInput.js +0 -4
- package/dist/esm/colors/Picker.js +6 -9
- package/dist/esm/input/Input.js +15 -29
- package/dist/esm/input-separator/InputSeparator.js +0 -2
- package/dist/esm/maskedtextbox/MaskedTextBox.js +13 -32
- package/dist/esm/numerictextbox/NumericTextBox.js +15 -48
- package/dist/esm/numerictextbox/utils/main.js +33 -132
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/radiobutton/RadioButton.js +11 -16
- package/dist/esm/radiobutton/RadioGroup.js +9 -12
- package/dist/esm/range-slider/RangeSlider.js +9 -32
- package/dist/esm/range-slider/range-raducer.js +0 -26
- package/dist/esm/slider/Slider.js +8 -20
- package/dist/esm/slider/SliderLabel.js +2 -12
- package/dist/esm/switch/Switch.js +6 -18
- package/dist/esm/textarea/TextArea.js +27 -40
- package/dist/npm/checkbox/Checkbox.js +19 -43
- package/dist/npm/colors/ColorContrastLabels.js +2 -9
- package/dist/npm/colors/ColorContrastSvg.js +8 -26
- package/dist/npm/colors/ColorGradient.js +4 -44
- package/dist/npm/colors/ColorInput.js +12 -29
- package/dist/npm/colors/ColorPalette.js +2 -29
- package/dist/npm/colors/ColorPicker.js +26 -59
- package/dist/npm/colors/FlatColorPicker.js +14 -35
- package/dist/npm/colors/HexInput.js +2 -11
- package/dist/npm/colors/Picker.js +8 -15
- package/dist/npm/input/Input.js +15 -34
- package/dist/npm/input-separator/InputSeparator.js +2 -8
- package/dist/npm/maskedtextbox/MaskedTextBox.js +15 -40
- package/dist/npm/numerictextbox/NumericTextBox.js +17 -59
- package/dist/npm/numerictextbox/utils/main.js +33 -160
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/radiobutton/RadioButton.js +13 -23
- package/dist/npm/radiobutton/RadioGroup.js +11 -19
- package/dist/npm/range-slider/RangeSlider.js +7 -38
- package/dist/npm/range-slider/range-raducer.js +0 -27
- package/dist/npm/slider/Slider.js +10 -30
- package/dist/npm/slider/SliderLabel.js +2 -15
- package/dist/npm/switch/Switch.js +8 -26
- package/dist/npm/textarea/TextArea.js +25 -43
- package/package.json +11 -11
|
@@ -3,26 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.RadioButtonVue2 = exports.RadioButton = void 0;
|
|
7
|
-
|
|
6
|
+
exports.RadioButtonVue2 = exports.RadioButton = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
|
-
|
|
18
15
|
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
19
|
-
|
|
20
16
|
var package_metadata_1 = require("../package-metadata");
|
|
21
17
|
/**
|
|
22
18
|
* @hidden
|
|
23
19
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
20
|
var RadioButtonVue2 = {
|
|
27
21
|
name: 'KendoRadioButton',
|
|
28
22
|
props: {
|
|
@@ -71,7 +65,6 @@ var RadioButtonVue2 = {
|
|
|
71
65
|
computed: {
|
|
72
66
|
inputClassName: function inputClassName() {
|
|
73
67
|
var _a;
|
|
74
|
-
|
|
75
68
|
return _a = {
|
|
76
69
|
'k-radio': true
|
|
77
70
|
}, _a["k-radio-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size])] = this.$props.size, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
|
|
@@ -113,19 +106,18 @@ var RadioButtonVue2 = {
|
|
|
113
106
|
var h = gh || createElement;
|
|
114
107
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
115
108
|
var _a = this.$props,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
109
|
+
ariaDescribedBy = _a.ariaDescribedBy,
|
|
110
|
+
checked = _a.checked,
|
|
111
|
+
disabled = _a.disabled,
|
|
112
|
+
id = _a.id,
|
|
113
|
+
label = _a.label,
|
|
114
|
+
labelRender = _a.labelRender,
|
|
115
|
+
labelPlacement = _a.labelPlacement,
|
|
116
|
+
name = _a.name,
|
|
117
|
+
tabIndex = _a.tabIndex,
|
|
118
|
+
value = _a.value,
|
|
119
|
+
tag = _a.tag;
|
|
127
120
|
var renderedLabel = label;
|
|
128
|
-
|
|
129
121
|
if (labelRender) {
|
|
130
122
|
var renderTemplate = labelRender ? kendo_vue_common_1.templateRendering.call(this, labelRender, kendo_vue_common_1.getListeners.call(this)) : null;
|
|
131
123
|
renderedLabel = kendo_vue_common_1.getTemplate.call(this, {
|
|
@@ -133,7 +125,6 @@ var RadioButtonVue2 = {
|
|
|
133
125
|
template: renderTemplate
|
|
134
126
|
});
|
|
135
127
|
}
|
|
136
|
-
|
|
137
128
|
var content = kendo_vue_common_1.getTemplate.call(this, {
|
|
138
129
|
h: h,
|
|
139
130
|
template: this.$props.content
|
|
@@ -202,6 +193,5 @@ exports.RadioButtonVue2 = RadioButtonVue2;
|
|
|
202
193
|
/**
|
|
203
194
|
* @hidden
|
|
204
195
|
*/
|
|
205
|
-
|
|
206
196
|
var RadioButton = RadioButtonVue2;
|
|
207
197
|
exports.RadioButton = RadioButton;
|
|
@@ -3,26 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.RadioGroupVue2 = exports.RadioGroup = void 0;
|
|
7
|
-
|
|
6
|
+
exports.RadioGroupVue2 = exports.RadioGroup = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var RadioButton_1 = require("./RadioButton");
|
|
17
|
-
|
|
18
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
19
|
-
|
|
20
16
|
var package_metadata_1 = require("../package-metadata");
|
|
21
17
|
/**
|
|
22
18
|
* @hidden
|
|
23
19
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
20
|
var RadioGroupVue2 = {
|
|
27
21
|
name: 'KendoRadioGroup',
|
|
28
22
|
props: {
|
|
@@ -110,11 +104,9 @@ var RadioGroupVue2 = {
|
|
|
110
104
|
},
|
|
111
105
|
handleChange: function handleChange(event) {
|
|
112
106
|
var currentValue = event.value;
|
|
113
|
-
|
|
114
107
|
if (!(this.$props.value !== undefined) && !this.$props.disabled) {
|
|
115
108
|
this.stateChecked = currentValue;
|
|
116
109
|
}
|
|
117
|
-
|
|
118
110
|
if (!this.$props.disabled) {
|
|
119
111
|
this.$emit('changemodel', currentValue);
|
|
120
112
|
this.$emit('update:modelValue', currentValue);
|
|
@@ -147,18 +139,19 @@ var RadioGroupVue2 = {
|
|
|
147
139
|
render: function render(createElement) {
|
|
148
140
|
var h = gh || createElement;
|
|
149
141
|
var _a = this.$props,
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
142
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
143
|
+
ariaDescribedBy = _a.ariaDescribedBy,
|
|
144
|
+
dataItems = _a.dataItems,
|
|
145
|
+
disabled = _a.disabled,
|
|
146
|
+
name = _a.name,
|
|
147
|
+
labelPlacement = _a.labelPlacement,
|
|
148
|
+
valid = _a.valid;
|
|
157
149
|
var radioOptions = dataItems && dataItems.map(function (option, index) {
|
|
158
150
|
var isCurrentlyChecked = this.checkedRadioValue === option.value;
|
|
159
151
|
var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;
|
|
160
152
|
var item = kendo_vue_common_1.templateRendering.call(this, this.$props.item || option.item, kendo_vue_common_1.getListeners.call(this));
|
|
161
|
-
return (
|
|
153
|
+
return (
|
|
154
|
+
// @ts-ignore function children
|
|
162
155
|
h(RadioButton_1.RadioButton, {
|
|
163
156
|
"class": (0, kendo_vue_common_1.classNames)('k-radio-item', {
|
|
164
157
|
'k-disabled': option.disabled || disabled
|
|
@@ -225,6 +218,5 @@ exports.RadioGroupVue2 = RadioGroupVue2;
|
|
|
225
218
|
/**
|
|
226
219
|
* @hidden
|
|
227
220
|
*/
|
|
228
|
-
|
|
229
221
|
var RadioGroup = RadioGroupVue2;
|
|
230
222
|
exports.RadioGroup = RadioGroup;
|
|
@@ -4,45 +4,33 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
22
|
-
exports.RangeSliderVue2 = exports.RangeSlider = void 0;
|
|
23
|
-
|
|
18
|
+
exports.RangeSliderVue2 = exports.RangeSlider = void 0;
|
|
19
|
+
// @ts-ignore
|
|
24
20
|
var Vue = require("vue");
|
|
25
|
-
|
|
26
21
|
var allVue = Vue;
|
|
27
22
|
var gh = allVue.h;
|
|
28
23
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
24
|
var ref = allVue.ref;
|
|
30
25
|
var inject = allVue.inject;
|
|
31
|
-
|
|
32
26
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
33
|
-
|
|
34
27
|
var main_1 = require("../messages/main");
|
|
35
|
-
|
|
36
28
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
37
|
-
|
|
38
29
|
var range_raducer_1 = require("./range-raducer");
|
|
39
|
-
|
|
40
30
|
var package_metadata_1 = require("../package-metadata");
|
|
41
31
|
/**
|
|
42
32
|
* @hidden
|
|
43
33
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
34
|
var RangeSliderVue2 = {
|
|
47
35
|
name: 'KendoRangeSlider',
|
|
48
36
|
model: {
|
|
@@ -147,11 +135,9 @@ var RangeSliderVue2 = {
|
|
|
147
135
|
this.endHandle = this.$refs.endHandle;
|
|
148
136
|
this.sliderTrackRef = this.$refs.sliderTrackRef;
|
|
149
137
|
this.sliderTrackWrapRef = this.$refs.sliderTrackWrapRef;
|
|
150
|
-
|
|
151
138
|
if (!this.currentDir && window && this.$el) {
|
|
152
139
|
// Note: getComputedStyle forces reflow
|
|
153
140
|
var direction = window.getComputedStyle(this.$el).direction;
|
|
154
|
-
|
|
155
141
|
if (direction) {
|
|
156
142
|
this.currentDir = direction;
|
|
157
143
|
}
|
|
@@ -170,16 +156,14 @@ var RangeSliderVue2 = {
|
|
|
170
156
|
},
|
|
171
157
|
render: function render(createElement) {
|
|
172
158
|
var _this = this;
|
|
173
|
-
|
|
174
159
|
var _a, _b;
|
|
175
|
-
|
|
176
160
|
var h = gh || createElement;
|
|
177
161
|
var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
178
162
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
179
163
|
var _c = this.$props,
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
164
|
+
id = _c.id,
|
|
165
|
+
dir = _c.dir;
|
|
166
|
+
// const dir = useDir(sliderRef, this.$props.dir);
|
|
183
167
|
return h("div", {
|
|
184
168
|
role: "slider",
|
|
185
169
|
attrs: this.v3 ? undefined : {
|
|
@@ -199,7 +183,8 @@ var RangeSliderVue2 = {
|
|
|
199
183
|
}, this.$props.class),
|
|
200
184
|
"aria-labelledby": this.$props.ariaLabelledBy,
|
|
201
185
|
"aria-describedby": this.$props.ariaDescribedBy
|
|
202
|
-
}, [
|
|
186
|
+
}, [
|
|
187
|
+
// @ts-ignore function children
|
|
203
188
|
h(kendo_vue_common_1.Draggable, {
|
|
204
189
|
onDrag: this.handleTrackDrag,
|
|
205
190
|
on: this.v3 ? undefined : {
|
|
@@ -446,7 +431,6 @@ var RangeSliderVue2 = {
|
|
|
446
431
|
if (!this.sliderTrackWrapRef) {
|
|
447
432
|
return;
|
|
448
433
|
}
|
|
449
|
-
|
|
450
434
|
event.originalEvent.preventDefault();
|
|
451
435
|
var computed = this.sliderTrackWrapRef.getBoundingClientRect();
|
|
452
436
|
var distance = this.$props.vertical ? computed.bottom - event.clientY : this.currentDir === 'rtl' ? computed.right - event.clientX : event.clientX - computed.left;
|
|
@@ -459,11 +443,9 @@ var RangeSliderVue2 = {
|
|
|
459
443
|
if (payload <= this.computedValue.start) {
|
|
460
444
|
return 'start';
|
|
461
445
|
}
|
|
462
|
-
|
|
463
446
|
if (payload >= this.computedValue.end) {
|
|
464
447
|
return 'end';
|
|
465
448
|
}
|
|
466
|
-
|
|
467
449
|
return 2 * payload < this.computedValue.end + this.computedValue.start ? 'start' : 'end';
|
|
468
450
|
},
|
|
469
451
|
handleStartKeyDown: function handleStartKeyDown(event) {
|
|
@@ -476,7 +458,6 @@ var RangeSliderVue2 = {
|
|
|
476
458
|
event: event
|
|
477
459
|
});
|
|
478
460
|
break;
|
|
479
|
-
|
|
480
461
|
case kendo_vue_common_1.Keys.up:
|
|
481
462
|
event.preventDefault();
|
|
482
463
|
this.dispatchStateValue({
|
|
@@ -485,7 +466,6 @@ var RangeSliderVue2 = {
|
|
|
485
466
|
event: event
|
|
486
467
|
});
|
|
487
468
|
break;
|
|
488
|
-
|
|
489
469
|
case kendo_vue_common_1.Keys.left:
|
|
490
470
|
event.preventDefault();
|
|
491
471
|
this.dispatchStateValue({
|
|
@@ -494,7 +474,6 @@ var RangeSliderVue2 = {
|
|
|
494
474
|
event: event
|
|
495
475
|
});
|
|
496
476
|
break;
|
|
497
|
-
|
|
498
477
|
case kendo_vue_common_1.Keys.down:
|
|
499
478
|
event.preventDefault();
|
|
500
479
|
this.dispatchStateValue({
|
|
@@ -503,7 +482,6 @@ var RangeSliderVue2 = {
|
|
|
503
482
|
event: event
|
|
504
483
|
});
|
|
505
484
|
break;
|
|
506
|
-
|
|
507
485
|
case kendo_vue_common_1.Keys.home:
|
|
508
486
|
event.preventDefault();
|
|
509
487
|
this.dispatchStateValue({
|
|
@@ -512,7 +490,6 @@ var RangeSliderVue2 = {
|
|
|
512
490
|
event: event
|
|
513
491
|
});
|
|
514
492
|
break;
|
|
515
|
-
|
|
516
493
|
case kendo_vue_common_1.Keys.end:
|
|
517
494
|
event.preventDefault();
|
|
518
495
|
this.dispatchStateValue({
|
|
@@ -521,7 +498,6 @@ var RangeSliderVue2 = {
|
|
|
521
498
|
event: event
|
|
522
499
|
});
|
|
523
500
|
break;
|
|
524
|
-
|
|
525
501
|
default:
|
|
526
502
|
break;
|
|
527
503
|
}
|
|
@@ -536,7 +512,6 @@ var RangeSliderVue2 = {
|
|
|
536
512
|
event: event
|
|
537
513
|
});
|
|
538
514
|
break;
|
|
539
|
-
|
|
540
515
|
case kendo_vue_common_1.Keys.up:
|
|
541
516
|
event.preventDefault();
|
|
542
517
|
this.dispatchStateValue({
|
|
@@ -545,7 +520,6 @@ var RangeSliderVue2 = {
|
|
|
545
520
|
event: event
|
|
546
521
|
});
|
|
547
522
|
break;
|
|
548
|
-
|
|
549
523
|
case kendo_vue_common_1.Keys.left:
|
|
550
524
|
event.preventDefault();
|
|
551
525
|
this.dispatchStateValue({
|
|
@@ -554,7 +528,6 @@ var RangeSliderVue2 = {
|
|
|
554
528
|
event: event
|
|
555
529
|
});
|
|
556
530
|
break;
|
|
557
|
-
|
|
558
531
|
case kendo_vue_common_1.Keys.down:
|
|
559
532
|
event.preventDefault();
|
|
560
533
|
this.dispatchStateValue({
|
|
@@ -563,7 +536,6 @@ var RangeSliderVue2 = {
|
|
|
563
536
|
event: event
|
|
564
537
|
});
|
|
565
538
|
break;
|
|
566
|
-
|
|
567
539
|
case kendo_vue_common_1.Keys.home:
|
|
568
540
|
event.preventDefault();
|
|
569
541
|
this.dispatchStateValue({
|
|
@@ -572,7 +544,6 @@ var RangeSliderVue2 = {
|
|
|
572
544
|
event: event
|
|
573
545
|
});
|
|
574
546
|
break;
|
|
575
|
-
|
|
576
547
|
case kendo_vue_common_1.Keys.end:
|
|
577
548
|
event.preventDefault();
|
|
578
549
|
this.dispatchStateValue({
|
|
@@ -581,7 +552,6 @@ var RangeSliderVue2 = {
|
|
|
581
552
|
event: event
|
|
582
553
|
});
|
|
583
554
|
break;
|
|
584
|
-
|
|
585
555
|
default:
|
|
586
556
|
break;
|
|
587
557
|
}
|
|
@@ -625,6 +595,5 @@ exports.RangeSliderVue2 = RangeSliderVue2;
|
|
|
625
595
|
* Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
|
|
626
596
|
* Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
|
|
627
597
|
*/
|
|
628
|
-
|
|
629
598
|
var RangeSlider = RangeSliderVue2;
|
|
630
599
|
exports.RangeSlider = RangeSlider;
|
|
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
@@ -23,9 +19,7 @@ exports.rangeReducer = exports.RANGE_ACTION = void 0;
|
|
|
23
19
|
/**
|
|
24
20
|
* @hidden
|
|
25
21
|
*/
|
|
26
|
-
|
|
27
22
|
var RANGE_ACTION;
|
|
28
|
-
|
|
29
23
|
(function (RANGE_ACTION) {
|
|
30
24
|
RANGE_ACTION["start"] = "start";
|
|
31
25
|
RANGE_ACTION["end"] = "end";
|
|
@@ -37,35 +31,28 @@ var RANGE_ACTION;
|
|
|
37
31
|
/**
|
|
38
32
|
* @hidden
|
|
39
33
|
*/
|
|
40
|
-
|
|
41
|
-
|
|
42
34
|
var rangeReducer = function rangeReducer(state, action) {
|
|
43
35
|
var newState;
|
|
44
36
|
var newValue;
|
|
45
|
-
|
|
46
37
|
switch (action.type) {
|
|
47
38
|
case RANGE_ACTION.start:
|
|
48
39
|
if (action.payload === undefined) {
|
|
49
40
|
return state;
|
|
50
41
|
}
|
|
51
|
-
|
|
52
42
|
newState = {
|
|
53
43
|
start: action.payload > state.end ? state.end : Math.max(action.payload, action.min),
|
|
54
44
|
end: state.end
|
|
55
45
|
};
|
|
56
46
|
break;
|
|
57
|
-
|
|
58
47
|
case RANGE_ACTION.end:
|
|
59
48
|
if (action.payload === undefined) {
|
|
60
49
|
return state;
|
|
61
50
|
}
|
|
62
|
-
|
|
63
51
|
newState = {
|
|
64
52
|
start: state.start,
|
|
65
53
|
end: action.payload < state.start ? state.start : Math.min(action.payload, action.max)
|
|
66
54
|
};
|
|
67
55
|
break;
|
|
68
|
-
|
|
69
56
|
case RANGE_ACTION.min:
|
|
70
57
|
if (action.key === 'start') {
|
|
71
58
|
newState = __assign(__assign({}, state), {
|
|
@@ -76,9 +63,7 @@ var rangeReducer = function rangeReducer(state, action) {
|
|
|
76
63
|
end: Math.max(action.min, state.start)
|
|
77
64
|
});
|
|
78
65
|
}
|
|
79
|
-
|
|
80
66
|
break;
|
|
81
|
-
|
|
82
67
|
case RANGE_ACTION.max:
|
|
83
68
|
if (action.key === 'start') {
|
|
84
69
|
newState = __assign(__assign({}, state), {
|
|
@@ -89,16 +74,12 @@ var rangeReducer = function rangeReducer(state, action) {
|
|
|
89
74
|
end: action.max
|
|
90
75
|
});
|
|
91
76
|
}
|
|
92
|
-
|
|
93
77
|
break;
|
|
94
|
-
|
|
95
78
|
case RANGE_ACTION.increase:
|
|
96
79
|
if (action.step === undefined || action.key === undefined) {
|
|
97
80
|
return state;
|
|
98
81
|
}
|
|
99
|
-
|
|
100
82
|
newValue = state[action.key] + action.step;
|
|
101
|
-
|
|
102
83
|
if (action.key === 'start') {
|
|
103
84
|
if (newValue < action.min) {
|
|
104
85
|
newState = __assign(__assign({}, state), {
|
|
@@ -120,16 +101,12 @@ var rangeReducer = function rangeReducer(state, action) {
|
|
|
120
101
|
});
|
|
121
102
|
}
|
|
122
103
|
}
|
|
123
|
-
|
|
124
104
|
break;
|
|
125
|
-
|
|
126
105
|
case RANGE_ACTION.decrease:
|
|
127
106
|
if (action.step === undefined || action.key === undefined) {
|
|
128
107
|
return state;
|
|
129
108
|
}
|
|
130
|
-
|
|
131
109
|
newValue = state[action.key] - action.step;
|
|
132
|
-
|
|
133
110
|
if (action.key === 'start') {
|
|
134
111
|
if (newValue < action.min) {
|
|
135
112
|
newState = __assign(__assign({}, state), {
|
|
@@ -151,15 +128,11 @@ var rangeReducer = function rangeReducer(state, action) {
|
|
|
151
128
|
});
|
|
152
129
|
}
|
|
153
130
|
}
|
|
154
|
-
|
|
155
131
|
break;
|
|
156
|
-
|
|
157
132
|
default:
|
|
158
133
|
newState = state;
|
|
159
134
|
break;
|
|
160
135
|
}
|
|
161
|
-
|
|
162
136
|
return newState;
|
|
163
137
|
};
|
|
164
|
-
|
|
165
138
|
exports.rangeReducer = rangeReducer;
|
|
@@ -3,32 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SliderVue2 = exports.Slider = void 0;
|
|
7
|
-
|
|
6
|
+
exports.SliderVue2 = exports.Slider = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
17
|
-
|
|
18
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
19
|
-
|
|
20
16
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
21
|
-
|
|
22
17
|
var main_1 = require("../messages/main");
|
|
23
|
-
|
|
24
18
|
var SliderLabel_1 = require("./SliderLabel");
|
|
25
|
-
|
|
26
19
|
var package_metadata_1 = require("../package-metadata");
|
|
27
20
|
/**
|
|
28
21
|
* @hidden
|
|
29
22
|
*/
|
|
30
|
-
|
|
31
|
-
|
|
32
23
|
var SliderVue2 = {
|
|
33
24
|
name: 'KendoSlider',
|
|
34
25
|
model: {
|
|
@@ -94,8 +85,8 @@ var SliderVue2 = {
|
|
|
94
85
|
computedValue: function computedValue() {
|
|
95
86
|
var value = this.$props.value !== undefined ? this.$props.value : this.currentValue;
|
|
96
87
|
var _a = this.$props,
|
|
97
|
-
|
|
98
|
-
|
|
88
|
+
min = _a.min,
|
|
89
|
+
max = _a.max;
|
|
99
90
|
return value === undefined ? value : Math.min(Math.max(value, min), max);
|
|
100
91
|
},
|
|
101
92
|
sliderTrack: function sliderTrack() {
|
|
@@ -104,7 +95,6 @@ var SliderVue2 = {
|
|
|
104
95
|
},
|
|
105
96
|
created: function created() {
|
|
106
97
|
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
107
|
-
|
|
108
98
|
if (this.$props.value !== undefined) {
|
|
109
99
|
this.$data.currentValue = this.$props.value;
|
|
110
100
|
} else if (this.$props.modelValue !== undefined) {
|
|
@@ -114,21 +104,17 @@ var SliderVue2 = {
|
|
|
114
104
|
} else {
|
|
115
105
|
this.$data.currentValue = this.$props.min;
|
|
116
106
|
}
|
|
117
|
-
|
|
118
107
|
this.currentFocused = false;
|
|
119
108
|
this.currentDir = this.$props.dir;
|
|
120
109
|
},
|
|
121
110
|
mounted: function mounted() {
|
|
122
111
|
this._sliderTrack = this.$refs.sliderTrack;
|
|
123
|
-
|
|
124
112
|
if (this.$el) {
|
|
125
113
|
this.draggable = this.$refs.draggable;
|
|
126
114
|
}
|
|
127
|
-
|
|
128
115
|
if (!this.currentDir && window && this.$el) {
|
|
129
116
|
// Note: getComputedStyle forces reflow
|
|
130
117
|
var direction = window.getComputedStyle(this.$el).direction;
|
|
131
|
-
|
|
132
118
|
if (direction) {
|
|
133
119
|
this.currentDir = direction;
|
|
134
120
|
}
|
|
@@ -152,9 +138,7 @@ var SliderVue2 = {
|
|
|
152
138
|
},
|
|
153
139
|
render: function render(createElement) {
|
|
154
140
|
var _this = this;
|
|
155
|
-
|
|
156
141
|
var _a;
|
|
157
|
-
|
|
158
142
|
var h = gh || createElement;
|
|
159
143
|
var lS = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
160
144
|
var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
|
|
@@ -199,7 +183,8 @@ var SliderVue2 = {
|
|
|
199
183
|
}, this.$props.className)
|
|
200
184
|
}, [h("div", {
|
|
201
185
|
"class": (0, kendo_vue_common_1.classNames)('k-slider-wrap')
|
|
202
|
-
}, [this.$props.buttons &&
|
|
186
|
+
}, [this.$props.buttons &&
|
|
187
|
+
// @ts-ignore
|
|
203
188
|
h(kendo_vue_buttons_1.Button, {
|
|
204
189
|
type: "button",
|
|
205
190
|
attrs: this.v3 ? undefined : {
|
|
@@ -221,7 +206,8 @@ var SliderVue2 = {
|
|
|
221
206
|
on: this.v3 ? undefined : {
|
|
222
207
|
"click": this.decrement
|
|
223
208
|
}
|
|
224
|
-
}),
|
|
209
|
+
}),
|
|
210
|
+
// @ts-ignore function children
|
|
225
211
|
h(kendo_vue_common_1.Draggable, {
|
|
226
212
|
onDrag: this.dragOver,
|
|
227
213
|
on: this.v3 ? undefined : {
|
|
@@ -286,7 +272,8 @@ var SliderVue2 = {
|
|
|
286
272
|
bottom: percentValue + '%',
|
|
287
273
|
zIndex: 1
|
|
288
274
|
} : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
|
|
289
|
-
})])])]), this.$props.buttons &&
|
|
275
|
+
})])])]), this.$props.buttons &&
|
|
276
|
+
// @ts-ignore
|
|
290
277
|
h(kendo_vue_buttons_1.Button, {
|
|
291
278
|
type: "button",
|
|
292
279
|
attrs: this.v3 ? undefined : {
|
|
@@ -319,15 +306,12 @@ var SliderVue2 = {
|
|
|
319
306
|
},
|
|
320
307
|
isLabel: function isLabel(target) {
|
|
321
308
|
var currentTarget = target;
|
|
322
|
-
|
|
323
309
|
while (currentTarget) {
|
|
324
310
|
if (Boolean(currentTarget.getAttribute(SliderLabel_1.SLIDER_LABEL_ATTRIBUTE))) {
|
|
325
311
|
return true;
|
|
326
312
|
}
|
|
327
|
-
|
|
328
313
|
currentTarget = currentTarget.parentElement;
|
|
329
314
|
}
|
|
330
|
-
|
|
331
315
|
return false;
|
|
332
316
|
},
|
|
333
317
|
onFocus: function onFocus(event) {
|
|
@@ -340,7 +324,6 @@ var SliderVue2 = {
|
|
|
340
324
|
},
|
|
341
325
|
onKeyDown: function onKeyDown(e) {
|
|
342
326
|
var newValue = undefined;
|
|
343
|
-
|
|
344
327
|
if (e.keyCode === kendo_vue_common_1.Keys.left || e.keyCode === kendo_vue_common_1.Keys.down) {
|
|
345
328
|
newValue = this.currentValue - (this.$props.step || 0);
|
|
346
329
|
} else if (e.keyCode === kendo_vue_common_1.Keys.right || e.keyCode === kendo_vue_common_1.Keys.up) {
|
|
@@ -350,7 +333,6 @@ var SliderVue2 = {
|
|
|
350
333
|
} else if (e.keyCode === kendo_vue_common_1.Keys.end) {
|
|
351
334
|
newValue = this.$props.max;
|
|
352
335
|
}
|
|
353
|
-
|
|
354
336
|
if (newValue !== undefined) {
|
|
355
337
|
e.preventDefault();
|
|
356
338
|
this.change(e, newValue);
|
|
@@ -369,7 +351,6 @@ var SliderVue2 = {
|
|
|
369
351
|
if (e.isTouch) {
|
|
370
352
|
e.originalEvent.preventDefault();
|
|
371
353
|
}
|
|
372
|
-
|
|
373
354
|
this.drag(e);
|
|
374
355
|
}
|
|
375
356
|
},
|
|
@@ -405,6 +386,5 @@ exports.SliderVue2 = SliderVue2;
|
|
|
405
386
|
/**
|
|
406
387
|
* @hidden
|
|
407
388
|
*/
|
|
408
|
-
|
|
409
389
|
var Slider = SliderVue2;
|
|
410
390
|
exports.Slider = Slider;
|