@progress/kendo-vue-inputs 3.2.1 → 3.2.3-dev.202204191450
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/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/range-slider/RangeSlider.d.ts +168 -0
- package/dist/es/range-slider/RangeSlider.js +606 -0
- package/dist/es/range-slider/range-raducer.d.ts +35 -0
- package/dist/es/range-slider/range-raducer.js +157 -0
- package/dist/es/slider/Slider.js +1 -2
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/range-slider/RangeSlider.d.ts +168 -0
- package/dist/npm/range-slider/RangeSlider.js +619 -0
- package/dist/npm/range-slider/range-raducer.d.ts +35 -0
- package/dist/npm/range-slider/range-raducer.js +163 -0
- package/dist/npm/slider/Slider.js +10 -12
- package/package.json +10 -10
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __assign = undefined && undefined.__assign || function () {
|
|
4
|
+
__assign = Object.assign || function (t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
|
|
8
|
+
for (var p in s) {
|
|
9
|
+
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
return __assign.apply(this, arguments);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.rangeReducer = exports.RANGE_ACTION = void 0;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
var RANGE_ACTION;
|
|
28
|
+
|
|
29
|
+
(function (RANGE_ACTION) {
|
|
30
|
+
RANGE_ACTION["start"] = "start";
|
|
31
|
+
RANGE_ACTION["end"] = "end";
|
|
32
|
+
RANGE_ACTION["min"] = "min";
|
|
33
|
+
RANGE_ACTION["max"] = "max";
|
|
34
|
+
RANGE_ACTION["increase"] = "increase";
|
|
35
|
+
RANGE_ACTION["decrease"] = "decrease";
|
|
36
|
+
})(RANGE_ACTION = exports.RANGE_ACTION || (exports.RANGE_ACTION = {}));
|
|
37
|
+
/**
|
|
38
|
+
* @hidden
|
|
39
|
+
*/
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
exports.rangeReducer = function (state, action) {
|
|
43
|
+
var newState;
|
|
44
|
+
var newValue;
|
|
45
|
+
|
|
46
|
+
switch (action.type) {
|
|
47
|
+
case RANGE_ACTION.start:
|
|
48
|
+
if (action.payload === undefined) {
|
|
49
|
+
return state;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
newState = {
|
|
53
|
+
start: action.payload > state.end ? state.end : Math.max(action.payload, action.min),
|
|
54
|
+
end: state.end
|
|
55
|
+
};
|
|
56
|
+
break;
|
|
57
|
+
|
|
58
|
+
case RANGE_ACTION.end:
|
|
59
|
+
if (action.payload === undefined) {
|
|
60
|
+
return state;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
newState = {
|
|
64
|
+
start: state.start,
|
|
65
|
+
end: action.payload < state.start ? state.start : Math.min(action.payload, action.max)
|
|
66
|
+
};
|
|
67
|
+
break;
|
|
68
|
+
|
|
69
|
+
case RANGE_ACTION.min:
|
|
70
|
+
if (action.key === 'start') {
|
|
71
|
+
newState = __assign(__assign({}, state), {
|
|
72
|
+
start: action.min
|
|
73
|
+
});
|
|
74
|
+
} else {
|
|
75
|
+
newState = __assign(__assign({}, state), {
|
|
76
|
+
end: Math.max(action.min, state.start)
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
break;
|
|
81
|
+
|
|
82
|
+
case RANGE_ACTION.max:
|
|
83
|
+
if (action.key === 'start') {
|
|
84
|
+
newState = __assign(__assign({}, state), {
|
|
85
|
+
start: Math.min(action.max, state.end)
|
|
86
|
+
});
|
|
87
|
+
} else {
|
|
88
|
+
newState = __assign(__assign({}, state), {
|
|
89
|
+
end: action.max
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
break;
|
|
94
|
+
|
|
95
|
+
case RANGE_ACTION.increase:
|
|
96
|
+
if (action.step === undefined || action.key === undefined) {
|
|
97
|
+
return state;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
newValue = state[action.key] + action.step;
|
|
101
|
+
|
|
102
|
+
if (action.key === 'start') {
|
|
103
|
+
if (newValue < action.min) {
|
|
104
|
+
newState = __assign(__assign({}, state), {
|
|
105
|
+
start: action.min
|
|
106
|
+
});
|
|
107
|
+
} else {
|
|
108
|
+
newState = __assign(__assign({}, state), {
|
|
109
|
+
start: Math.min(newValue, state.end)
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
} else {
|
|
113
|
+
if (newValue > action.max) {
|
|
114
|
+
newState = __assign(__assign({}, state), {
|
|
115
|
+
end: action.max
|
|
116
|
+
});
|
|
117
|
+
} else {
|
|
118
|
+
newState = __assign(__assign({}, state), {
|
|
119
|
+
end: Math.max(newValue, state.start)
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
break;
|
|
125
|
+
|
|
126
|
+
case RANGE_ACTION.decrease:
|
|
127
|
+
if (action.step === undefined || action.key === undefined) {
|
|
128
|
+
return state;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
newValue = state[action.key] - action.step;
|
|
132
|
+
|
|
133
|
+
if (action.key === 'start') {
|
|
134
|
+
if (newValue < action.min) {
|
|
135
|
+
newState = __assign(__assign({}, state), {
|
|
136
|
+
start: action.min
|
|
137
|
+
});
|
|
138
|
+
} else {
|
|
139
|
+
newState = __assign(__assign({}, state), {
|
|
140
|
+
start: Math.min(newValue, state.end)
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
} else {
|
|
144
|
+
if (newValue > action.max) {
|
|
145
|
+
newState = __assign(__assign({}, state), {
|
|
146
|
+
end: action.max
|
|
147
|
+
});
|
|
148
|
+
} else {
|
|
149
|
+
newState = __assign(__assign({}, state), {
|
|
150
|
+
end: Math.max(newValue, state.start)
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
break;
|
|
156
|
+
|
|
157
|
+
default:
|
|
158
|
+
newState = state;
|
|
159
|
+
break;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
return newState;
|
|
163
|
+
};
|
|
@@ -16,8 +16,6 @@ var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
|
16
16
|
|
|
17
17
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
18
18
|
|
|
19
|
-
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
20
|
-
|
|
21
19
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
22
20
|
|
|
23
21
|
var messages_1 = require("./../messages");
|
|
@@ -92,7 +90,7 @@ var SliderVue2 = {
|
|
|
92
90
|
}
|
|
93
91
|
},
|
|
94
92
|
created: function created() {
|
|
95
|
-
|
|
93
|
+
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
96
94
|
|
|
97
95
|
if (this.$props.value !== undefined) {
|
|
98
96
|
this.$data.currentValue = this.$props.value;
|
|
@@ -160,7 +158,7 @@ var SliderVue2 = {
|
|
|
160
158
|
dir: this.currentDir,
|
|
161
159
|
role: "slider",
|
|
162
160
|
id: this.$props.id,
|
|
163
|
-
tabIndex:
|
|
161
|
+
tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
|
|
164
162
|
},
|
|
165
163
|
"aria-valuemax": this.$props.max,
|
|
166
164
|
"aria-valuenow": this.computedValue,
|
|
@@ -171,7 +169,7 @@ var SliderVue2 = {
|
|
|
171
169
|
role: "slider",
|
|
172
170
|
id: this.$props.id,
|
|
173
171
|
style: this.$props.style,
|
|
174
|
-
tabIndex:
|
|
172
|
+
tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
|
|
175
173
|
onFocus: this.onFocus,
|
|
176
174
|
on: this.v3 ? undefined : {
|
|
177
175
|
"focus": this.onFocus,
|
|
@@ -180,14 +178,14 @@ var SliderVue2 = {
|
|
|
180
178
|
},
|
|
181
179
|
onBlur: this.onBlur,
|
|
182
180
|
onKeydown: this.onKeyDown,
|
|
183
|
-
"class":
|
|
181
|
+
"class": kendo_vue_common_1.classNames('k-slider k-widget', {
|
|
184
182
|
'k-state-focused': this.currentFocused,
|
|
185
183
|
'k-state-disabled': this.$props.disabled,
|
|
186
184
|
'k-slider-horizontal': !this.$props.vertical,
|
|
187
185
|
'k-slider-vertical': this.$props.vertical
|
|
188
186
|
}, this.$props.className)
|
|
189
187
|
}, [h("div", {
|
|
190
|
-
"class":
|
|
188
|
+
"class": kendo_vue_common_1.classNames('k-slider-wrap')
|
|
191
189
|
}, [this.$props.buttons && // @ts-ignore
|
|
192
190
|
h(kendo_vue_buttons_1.Button, {
|
|
193
191
|
type: "button",
|
|
@@ -211,7 +209,7 @@ var SliderVue2 = {
|
|
|
211
209
|
"click": this.decrement
|
|
212
210
|
}
|
|
213
211
|
}), // @ts-ignore function children
|
|
214
|
-
h(
|
|
212
|
+
h(kendo_vue_common_1.Draggable, {
|
|
215
213
|
onDrag: this.dragOver,
|
|
216
214
|
on: this.v3 ? undefined : {
|
|
217
215
|
"drag": this.dragOver,
|
|
@@ -328,13 +326,13 @@ var SliderVue2 = {
|
|
|
328
326
|
onKeyDown: function onKeyDown(e) {
|
|
329
327
|
var newValue = undefined;
|
|
330
328
|
|
|
331
|
-
if (e.keyCode ===
|
|
329
|
+
if (e.keyCode === kendo_vue_common_1.Keys.left || e.keyCode === kendo_vue_common_1.Keys.down) {
|
|
332
330
|
newValue = this.currentValue - (this.$props.step || 0);
|
|
333
|
-
} else if (e.keyCode ===
|
|
331
|
+
} else if (e.keyCode === kendo_vue_common_1.Keys.right || e.keyCode === kendo_vue_common_1.Keys.up) {
|
|
334
332
|
newValue = this.currentValue + (this.$props.step || 0);
|
|
335
|
-
} else if (e.keyCode ===
|
|
333
|
+
} else if (e.keyCode === kendo_vue_common_1.Keys.home) {
|
|
336
334
|
newValue = this.$props.min;
|
|
337
|
-
} else if (e.keyCode ===
|
|
335
|
+
} else if (e.keyCode === kendo_vue_common_1.Keys.end) {
|
|
338
336
|
newValue = this.$props.max;
|
|
339
337
|
}
|
|
340
338
|
|
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.2.
|
|
4
|
+
"version": "3.2.3-dev.202204191450",
|
|
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": "3.2.
|
|
42
|
-
"@progress/kendo-vue-common": "3.2.
|
|
43
|
-
"@progress/kendo-vue-labels": "3.2.
|
|
44
|
-
"@progress/kendo-vue-popup": "3.2.
|
|
41
|
+
"@progress/kendo-vue-buttons": "3.2.3-dev.202204191450",
|
|
42
|
+
"@progress/kendo-vue-common": "3.2.3-dev.202204191450",
|
|
43
|
+
"@progress/kendo-vue-labels": "3.2.3-dev.202204191450",
|
|
44
|
+
"@progress/kendo-vue-popup": "3.2.3-dev.202204191450"
|
|
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.2.
|
|
52
|
-
"@progress/kendo-vue-form": "3.2.
|
|
53
|
-
"@progress/kendo-vue-intl": "3.2.
|
|
54
|
-
"@progress/kendo-vue-labels": "3.2.
|
|
55
|
-
"@progress/kendo-vue-tooltip": "3.2.
|
|
51
|
+
"@progress/kendo-vue-buttons": "3.2.3-dev.202204191450",
|
|
52
|
+
"@progress/kendo-vue-form": "3.2.3-dev.202204191450",
|
|
53
|
+
"@progress/kendo-vue-intl": "3.2.3-dev.202204191450",
|
|
54
|
+
"@progress/kendo-vue-labels": "3.2.3-dev.202204191450",
|
|
55
|
+
"@progress/kendo-vue-tooltip": "3.2.3-dev.202204191450",
|
|
56
56
|
"cldr-core": "^34.0.0",
|
|
57
57
|
"cldr-dates-full": "^34.0.0",
|
|
58
58
|
"cldr-numbers-full": "^34.0.0"
|