@progress/kendo-vue-dropdowns 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-dropdowns.js +1 -1
- package/dist/es/AutoComplete/AutoComplete.js +49 -92
- package/dist/es/ComboBox/ComboBox.js +88 -162
- package/dist/es/DropDownList/DropDownList.js +99 -154
- package/dist/es/MultiSelect/MultiSelect.js +61 -170
- package/dist/es/MultiSelect/TagList.js +10 -21
- package/dist/es/common/ClearButton.js +0 -2
- package/dist/es/common/DropDownBase.js +18 -78
- package/dist/es/common/List.js +17 -21
- package/dist/es/common/ListContainer.js +16 -18
- package/dist/es/common/ListDefaultItem.js +3 -5
- package/dist/es/common/ListFilter.js +4 -7
- package/dist/es/common/ListItem.js +2 -8
- package/dist/es/common/SearchBar.js +3 -9
- package/dist/es/common/VirtualScroll.js +5 -41
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/AutoComplete/AutoComplete.js +49 -92
- package/dist/esm/ComboBox/ComboBox.js +88 -162
- package/dist/esm/DropDownList/DropDownList.js +99 -154
- package/dist/esm/MultiSelect/MultiSelect.js +61 -170
- package/dist/esm/MultiSelect/TagList.js +10 -21
- package/dist/esm/common/ClearButton.js +0 -2
- package/dist/esm/common/DropDownBase.js +18 -78
- package/dist/esm/common/List.js +17 -21
- package/dist/esm/common/ListContainer.js +16 -18
- package/dist/esm/common/ListDefaultItem.js +3 -5
- package/dist/esm/common/ListFilter.js +4 -7
- package/dist/esm/common/ListItem.js +2 -8
- package/dist/esm/common/SearchBar.js +3 -9
- package/dist/esm/common/VirtualScroll.js +5 -41
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.js +49 -101
- package/dist/npm/ComboBox/ComboBox.js +88 -175
- package/dist/npm/DropDownList/DropDownList.js +99 -165
- package/dist/npm/MultiSelect/MultiSelect.js +61 -182
- package/dist/npm/MultiSelect/TagList.js +10 -24
- package/dist/npm/common/ClearButton.js +2 -8
- package/dist/npm/common/DropDownBase.js +18 -84
- package/dist/npm/common/List.js +19 -30
- package/dist/npm/common/ListContainer.js +18 -24
- package/dist/npm/common/ListDefaultItem.js +5 -11
- package/dist/npm/common/ListFilter.js +6 -12
- package/dist/npm/common/ListItem.js +2 -12
- package/dist/npm/common/SearchBar.js +5 -14
- package/dist/npm/common/VirtualScroll.js +5 -41
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -3,23 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ListFilterVue2 = exports.ListFilter = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ListFilterVue2 = exports.ListFilter = 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
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
-
|
|
17
14
|
var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
|
|
18
|
-
|
|
15
|
+
roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
|
|
19
16
|
/**
|
|
20
17
|
* @hidden
|
|
21
18
|
*/
|
|
22
|
-
|
|
23
19
|
var ListFilterVue2 = {
|
|
24
20
|
name: 'list-filter',
|
|
25
21
|
// @ts-ignore
|
|
@@ -54,11 +50,10 @@ var ListFilterVue2 = {
|
|
|
54
50
|
computed: {
|
|
55
51
|
spanClass: function spanClass() {
|
|
56
52
|
var _a;
|
|
57
|
-
|
|
58
53
|
var _b = this.$props,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
54
|
+
size = _b.size,
|
|
55
|
+
rounded = _b.rounded,
|
|
56
|
+
fillMode = _b.fillMode;
|
|
62
57
|
return _a = {
|
|
63
58
|
'k-searchbox k-input': true
|
|
64
59
|
}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
|
|
@@ -117,6 +112,5 @@ exports.ListFilterVue2 = ListFilterVue2;
|
|
|
117
112
|
/**
|
|
118
113
|
* @hidden
|
|
119
114
|
*/
|
|
120
|
-
|
|
121
115
|
var ListFilter = ListFilterVue2;
|
|
122
116
|
exports.ListFilter = ListFilter;
|
|
@@ -4,37 +4,28 @@ 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.ListItemVue2 = exports.ListItem = void 0;
|
|
23
|
-
|
|
18
|
+
exports.ListItemVue2 = exports.ListItem = 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
|
-
|
|
30
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
31
|
-
|
|
32
25
|
var utils_1 = require("./utils");
|
|
33
26
|
/**
|
|
34
27
|
* @hidden
|
|
35
28
|
*/
|
|
36
|
-
|
|
37
|
-
|
|
38
29
|
var ListItemVue2 = {
|
|
39
30
|
name: 'list-item',
|
|
40
31
|
props: {
|
|
@@ -111,6 +102,5 @@ exports.ListItemVue2 = ListItemVue2;
|
|
|
111
102
|
/**
|
|
112
103
|
* @hidden
|
|
113
104
|
*/
|
|
114
|
-
|
|
115
105
|
var ListItem = ListItemVue2;
|
|
116
106
|
exports.ListItem = ListItem;
|
|
@@ -3,21 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SearchBarVue2 = exports.SearchBar = void 0;
|
|
7
|
-
|
|
6
|
+
exports.SearchBarVue2 = exports.SearchBar = 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
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
14
|
/**
|
|
17
15
|
* @hidden
|
|
18
16
|
*/
|
|
19
|
-
|
|
20
|
-
|
|
21
17
|
var SearchBarVue2 = {
|
|
22
18
|
name: 'search-bar',
|
|
23
19
|
// @ts-ignore
|
|
@@ -65,22 +61,18 @@ var SearchBarVue2 = {
|
|
|
65
61
|
},
|
|
66
62
|
updated: function updated() {
|
|
67
63
|
var _a = this.$props,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
64
|
+
value = _a.value,
|
|
65
|
+
suggestedText = _a.suggestedText,
|
|
66
|
+
focused = _a.focused;
|
|
72
67
|
if (!this.input) {
|
|
73
68
|
this.input = this.$refs.input;
|
|
74
69
|
}
|
|
75
|
-
|
|
76
70
|
var input = this.input;
|
|
77
71
|
var valueChanged = this.$data.prevValue !== value || suggestedText !== this.prevSuggestedText;
|
|
78
72
|
var deleting = valueChanged && this.$data.prevValue && this.$data.prevValue.startsWith(value) && !(this.$data.prevSuggestedText && suggestedText && this.$data.prevSuggestedText.endsWith(suggestedText));
|
|
79
|
-
|
|
80
73
|
if (focused && input && kendo_vue_common_1.canUseDOM && document.activeElement !== input) {
|
|
81
74
|
input.focus();
|
|
82
75
|
}
|
|
83
|
-
|
|
84
76
|
if (suggestedText && valueChanged && !deleting && input) {
|
|
85
77
|
input.setSelectionRange(value.length - suggestedText.length, value.length);
|
|
86
78
|
}
|
|
@@ -182,6 +174,5 @@ exports.SearchBarVue2 = SearchBarVue2;
|
|
|
182
174
|
/**
|
|
183
175
|
* @hidden
|
|
184
176
|
*/
|
|
185
|
-
|
|
186
177
|
var SearchBar = SearchBarVue2;
|
|
187
178
|
exports.SearchBar = SearchBar;
|
|
@@ -7,13 +7,9 @@ var maxHeightIE = 1533915;
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
|
-
var VirtualScroll =
|
|
12
|
-
/** @class */
|
|
13
|
-
function () {
|
|
10
|
+
var VirtualScroll = /** @class */function () {
|
|
14
11
|
function VirtualScroll() {
|
|
15
12
|
var _this = this;
|
|
16
|
-
|
|
17
13
|
this.containerHeight = 0;
|
|
18
14
|
this.skip = 0;
|
|
19
15
|
this.total = 0;
|
|
@@ -23,39 +19,31 @@ function () {
|
|
|
23
19
|
this.prevScrollPos = 0;
|
|
24
20
|
this.listTranslate = 0;
|
|
25
21
|
this.scrollSyncing = false;
|
|
26
|
-
|
|
27
22
|
this.scrollerRef = function (element) {
|
|
28
23
|
var vs = _this;
|
|
29
24
|
vs.container = element;
|
|
30
|
-
|
|
31
25
|
if (element) {
|
|
32
26
|
element.setAttribute('unselectable', 'on');
|
|
33
27
|
setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
|
|
34
28
|
}
|
|
35
29
|
};
|
|
36
|
-
|
|
37
30
|
this.calcScrollElementHeight = function () {
|
|
38
31
|
_this.scrollSyncing = true;
|
|
39
32
|
var heightChanged = false;
|
|
40
33
|
_this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;
|
|
41
34
|
_this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);
|
|
42
35
|
var newHeight = _this.containerHeight;
|
|
43
|
-
|
|
44
36
|
if (_this.scrollElement) {
|
|
45
37
|
heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
|
|
46
|
-
|
|
47
38
|
if (heightChanged) {
|
|
48
39
|
_this.scrollElement.style.height = newHeight + 'px';
|
|
49
40
|
}
|
|
50
41
|
}
|
|
51
|
-
|
|
52
42
|
_this.scrollSyncing = false;
|
|
53
43
|
return heightChanged;
|
|
54
44
|
};
|
|
55
|
-
|
|
56
45
|
this.scrollHandler = this.scrollHandler.bind(this);
|
|
57
46
|
}
|
|
58
|
-
|
|
59
47
|
Object.defineProperty(VirtualScroll.prototype, "translate", {
|
|
60
48
|
get: function get() {
|
|
61
49
|
return this.listTranslate;
|
|
@@ -63,10 +51,8 @@ function () {
|
|
|
63
51
|
enumerable: false,
|
|
64
52
|
configurable: true
|
|
65
53
|
});
|
|
66
|
-
|
|
67
54
|
VirtualScroll.prototype.changePage = function (skip, e) {
|
|
68
55
|
var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
|
|
69
|
-
|
|
70
56
|
if (newSkip !== this.skip) {
|
|
71
57
|
this.PageChange({
|
|
72
58
|
skip: newSkip,
|
|
@@ -74,15 +60,12 @@ function () {
|
|
|
74
60
|
}, e);
|
|
75
61
|
}
|
|
76
62
|
};
|
|
77
|
-
|
|
78
63
|
VirtualScroll.prototype.translateTo = function (dY) {
|
|
79
64
|
this.listTranslate = dY;
|
|
80
|
-
|
|
81
65
|
if (this.list) {
|
|
82
66
|
this.list.style.transform = 'translateY(' + dY + 'px)';
|
|
83
67
|
}
|
|
84
68
|
};
|
|
85
|
-
|
|
86
69
|
VirtualScroll.prototype.reset = function () {
|
|
87
70
|
if (this.container) {
|
|
88
71
|
this.calcScrollElementHeight();
|
|
@@ -90,12 +73,11 @@ function () {
|
|
|
90
73
|
this.translateTo(0);
|
|
91
74
|
}
|
|
92
75
|
};
|
|
93
|
-
|
|
94
76
|
VirtualScroll.prototype.scrollToEnd = function () {
|
|
95
77
|
if (this.container && this.list) {
|
|
96
78
|
this.calcScrollElementHeight();
|
|
97
|
-
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
98
|
-
|
|
79
|
+
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
80
|
+
// this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
|
|
99
81
|
this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
|
|
100
82
|
}
|
|
101
83
|
};
|
|
@@ -106,51 +88,40 @@ function () {
|
|
|
106
88
|
var targetTranslate = this.listTranslate;
|
|
107
89
|
var items;
|
|
108
90
|
var additionalOnTop = scrollTop - targetTranslate;
|
|
109
|
-
|
|
110
91
|
if (additionalOnTop > height) {
|
|
111
92
|
return;
|
|
112
93
|
}
|
|
113
|
-
|
|
114
94
|
for (items = 0; items < this.skip; items++) {
|
|
115
95
|
if (targetTranslate + height + additionalOnTop <= scrollTop) {
|
|
116
96
|
break;
|
|
117
97
|
}
|
|
118
|
-
|
|
119
98
|
targetTranslate -= height;
|
|
120
99
|
}
|
|
121
|
-
|
|
122
100
|
targetTranslate = this.validateTranslate(targetTranslate);
|
|
123
|
-
|
|
124
101
|
if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
|
|
125
102
|
this.translateTo(0);
|
|
126
103
|
this.changePage(0, e);
|
|
127
104
|
this.container.scrollTop = 0;
|
|
128
105
|
return;
|
|
129
106
|
}
|
|
130
|
-
|
|
131
107
|
if (targetTranslate !== this.listTranslate) {
|
|
132
108
|
this.translateTo(targetTranslate);
|
|
133
109
|
this.changePage(this.skip - items, e);
|
|
134
110
|
}
|
|
135
111
|
};
|
|
136
|
-
|
|
137
112
|
VirtualScroll.prototype.localScrollDown = function (e) {
|
|
138
113
|
var height = this.itemHeight;
|
|
139
114
|
var scrollTop = this.container.scrollTop;
|
|
140
115
|
var targetTranslate = this.listTranslate;
|
|
141
116
|
var itemsLenght = this.list.children.length;
|
|
142
117
|
var items;
|
|
143
|
-
|
|
144
118
|
for (items = 0; items < itemsLenght; items++) {
|
|
145
119
|
if (targetTranslate + height >= scrollTop) {
|
|
146
120
|
break;
|
|
147
121
|
}
|
|
148
|
-
|
|
149
122
|
targetTranslate += height;
|
|
150
123
|
}
|
|
151
|
-
|
|
152
124
|
targetTranslate = this.validateTranslate(targetTranslate);
|
|
153
|
-
|
|
154
125
|
if (items >= itemsLenght && this.skip + items >= this.total) {
|
|
155
126
|
this.translateTo(targetTranslate);
|
|
156
127
|
this.changePage(this.total - 1, e);
|
|
@@ -159,7 +130,6 @@ function () {
|
|
|
159
130
|
this.changePage(this.skip + items, e);
|
|
160
131
|
}
|
|
161
132
|
};
|
|
162
|
-
|
|
163
133
|
VirtualScroll.prototype.scrollNonStrict = function (e) {
|
|
164
134
|
var floatItemIndex = this.total * this.prevScrollPos / this.containerHeight;
|
|
165
135
|
var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
|
|
@@ -168,17 +138,14 @@ function () {
|
|
|
168
138
|
this.translateTo(targetTranslate);
|
|
169
139
|
this.changePage(itemIndex, e);
|
|
170
140
|
};
|
|
171
|
-
|
|
172
141
|
VirtualScroll.prototype.scrollHandler = function (e) {
|
|
173
142
|
var scrollTop = this.container ? this.container.scrollTop : 0;
|
|
174
143
|
var prev = this.prevScrollPos;
|
|
175
144
|
this.prevScrollPos = scrollTop;
|
|
176
145
|
this.ScrollChange(e);
|
|
177
|
-
|
|
178
146
|
if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
|
|
179
147
|
return;
|
|
180
148
|
}
|
|
181
|
-
|
|
182
149
|
if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
|
|
183
150
|
this.localScrollUp(e);
|
|
184
151
|
} else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
|
|
@@ -187,15 +154,12 @@ function () {
|
|
|
187
154
|
this.scrollNonStrict(e);
|
|
188
155
|
}
|
|
189
156
|
};
|
|
190
|
-
|
|
191
157
|
VirtualScroll.prototype.validateTranslate = function (translate) {
|
|
192
|
-
translate = Math.max(0, translate);
|
|
193
|
-
|
|
158
|
+
translate = Math.max(0, translate);
|
|
159
|
+
// translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
|
|
194
160
|
translate = Math.min(this.containerHeight, translate);
|
|
195
161
|
return translate;
|
|
196
162
|
};
|
|
197
|
-
|
|
198
163
|
return VirtualScroll;
|
|
199
164
|
}();
|
|
200
|
-
|
|
201
165
|
exports.default = VirtualScroll;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-dropdowns',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1666103390,
|
|
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-dropdowns",
|
|
3
3
|
"description": "Kendo UI for Vue Dropdowns package",
|
|
4
|
-
"version": "3.6.
|
|
4
|
+
"version": "3.6.5-dev.202210181442",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
"vue": "^2.6.12 || ^3.0.2"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-vue-buttons": "3.6.
|
|
53
|
-
"@progress/kendo-vue-common": "3.6.
|
|
54
|
-
"@progress/kendo-vue-popup": "3.6.
|
|
52
|
+
"@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
|
|
53
|
+
"@progress/kendo-vue-common": "3.6.5-dev.202210181442",
|
|
54
|
+
"@progress/kendo-vue-popup": "3.6.5-dev.202210181442"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@progress/kendo-data-query": "^1.5.4",
|
|
58
58
|
"@progress/kendo-licensing": "^1.1.0",
|
|
59
|
-
"@progress/kendo-vue-intl": "3.6.
|
|
59
|
+
"@progress/kendo-vue-intl": "3.6.5-dev.202210181442"
|
|
60
60
|
},
|
|
61
61
|
"author": "Progress",
|
|
62
62
|
"license": "SEE LICENSE IN LICENSE.md",
|