@progress/kendo-vue-dropdowns 3.8.2 → 3.8.3-dev.202301301503
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/README.md +1 -1
- package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
- package/dist/es/common/DropDownBase.js +2 -0
- package/dist/es/common/VirtualScroll.js +6 -5
- package/dist/es/common/utils.d.ts +9 -1
- package/dist/es/common/utils.js +10 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/common/DropDownBase.js +2 -0
- package/dist/esm/common/VirtualScroll.js +6 -5
- package/dist/esm/common/utils.d.ts +9 -1
- package/dist/esm/common/utils.js +10 -1
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/common/DropDownBase.js +2 -0
- package/dist/npm/common/VirtualScroll.js +6 -5
- package/dist/npm/common/utils.d.ts +9 -1
- package/dist/npm/common/utils.js +12 -1
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -242,6 +242,8 @@ var DropDownBase = /** @class */function () {
|
|
|
242
242
|
if (item && virtual && this.vs.enabled) {
|
|
243
243
|
if (virtual.skip > 0 && areSame(item, dataItems[0], dataItemKey)) {
|
|
244
244
|
this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
|
|
245
|
+
} else if (virtual.skip + virtual.pageSize < virtual.total && areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
246
|
+
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
245
247
|
} else if (!opened && virtual.skip + virtual.pageSize < virtual.total && areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
246
248
|
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
247
249
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { firefox, firefoxMaxHeight } from './utils';
|
|
2
2
|
/**
|
|
3
3
|
* @hidden
|
|
4
4
|
*/
|
|
@@ -25,8 +25,10 @@ var VirtualScroll = /** @class */function () {
|
|
|
25
25
|
this.calcScrollElementHeight = function () {
|
|
26
26
|
_this.scrollSyncing = true;
|
|
27
27
|
var heightChanged = false;
|
|
28
|
-
|
|
29
|
-
_this.
|
|
28
|
+
var items = _this.list ? Array.from(_this.list.children) : [];
|
|
29
|
+
_this.itemHeight = items[0] ? items[0].offsetHeight : _this.itemHeight;
|
|
30
|
+
var totalHeight = _this.itemHeight * (_this.total - items.length);
|
|
31
|
+
_this.containerHeight = firefox ? Math.min(firefoxMaxHeight, totalHeight) : totalHeight;
|
|
30
32
|
var newHeight = _this.containerHeight;
|
|
31
33
|
if (_this.scrollElement) {
|
|
32
34
|
heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
|
|
@@ -72,8 +74,7 @@ var VirtualScroll = /** @class */function () {
|
|
|
72
74
|
if (this.container && this.list) {
|
|
73
75
|
this.calcScrollElementHeight();
|
|
74
76
|
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
75
|
-
|
|
76
|
-
this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
|
|
77
|
+
this.translateTo(Math.min(this.container.scrollHeight, this.containerHeight)); // - this.list.offsetHeight
|
|
77
78
|
}
|
|
78
79
|
};
|
|
79
80
|
|
|
@@ -54,4 +54,12 @@ declare const suggestValue: (value?: string, data?: Array<any>, textField?: stri
|
|
|
54
54
|
* @hidden
|
|
55
55
|
*/
|
|
56
56
|
declare const preventDefaultNonInputs: (event: any) => void;
|
|
57
|
-
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
declare const firefox: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
declare const firefoxMaxHeight = 17895697;
|
|
65
|
+
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, firefox, firefoxMaxHeight };
|
package/dist/es/common/utils.js
CHANGED
|
@@ -181,4 +181,13 @@ var preventDefaultNonInputs = function (event) {
|
|
|
181
181
|
event.preventDefault();
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
|
-
|
|
184
|
+
/**
|
|
185
|
+
* @hidden
|
|
186
|
+
*/
|
|
187
|
+
var firefox = typeof window !== 'undefined' &&
|
|
188
|
+
/Firefox/.test(window.navigator.userAgent);
|
|
189
|
+
/**
|
|
190
|
+
* @hidden
|
|
191
|
+
*/
|
|
192
|
+
var firefoxMaxHeight = 17895697;
|
|
193
|
+
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, firefox, firefoxMaxHeight };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-dropdowns',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1675090007,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -242,6 +242,8 @@ var DropDownBase = /** @class */function () {
|
|
|
242
242
|
if (item && virtual && this.vs.enabled) {
|
|
243
243
|
if (virtual.skip > 0 && areSame(item, dataItems[0], dataItemKey)) {
|
|
244
244
|
this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
|
|
245
|
+
} else if (virtual.skip + virtual.pageSize < virtual.total && areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
246
|
+
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
245
247
|
} else if (!opened && virtual.skip + virtual.pageSize < virtual.total && areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
246
248
|
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
247
249
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { firefox, firefoxMaxHeight } from './utils.js';
|
|
2
2
|
/**
|
|
3
3
|
* @hidden
|
|
4
4
|
*/
|
|
@@ -25,8 +25,10 @@ var VirtualScroll = /** @class */function () {
|
|
|
25
25
|
this.calcScrollElementHeight = function () {
|
|
26
26
|
_this.scrollSyncing = true;
|
|
27
27
|
var heightChanged = false;
|
|
28
|
-
|
|
29
|
-
_this.
|
|
28
|
+
var items = _this.list ? Array.from(_this.list.children) : [];
|
|
29
|
+
_this.itemHeight = items[0] ? items[0].offsetHeight : _this.itemHeight;
|
|
30
|
+
var totalHeight = _this.itemHeight * (_this.total - items.length);
|
|
31
|
+
_this.containerHeight = firefox ? Math.min(firefoxMaxHeight, totalHeight) : totalHeight;
|
|
30
32
|
var newHeight = _this.containerHeight;
|
|
31
33
|
if (_this.scrollElement) {
|
|
32
34
|
heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
|
|
@@ -72,8 +74,7 @@ var VirtualScroll = /** @class */function () {
|
|
|
72
74
|
if (this.container && this.list) {
|
|
73
75
|
this.calcScrollElementHeight();
|
|
74
76
|
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
75
|
-
|
|
76
|
-
this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
|
|
77
|
+
this.translateTo(Math.min(this.container.scrollHeight, this.containerHeight)); // - this.list.offsetHeight
|
|
77
78
|
}
|
|
78
79
|
};
|
|
79
80
|
|
|
@@ -54,4 +54,12 @@ declare const suggestValue: (value?: string, data?: Array<any>, textField?: stri
|
|
|
54
54
|
* @hidden
|
|
55
55
|
*/
|
|
56
56
|
declare const preventDefaultNonInputs: (event: any) => void;
|
|
57
|
-
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
declare const firefox: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
declare const firefoxMaxHeight = 17895697;
|
|
65
|
+
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, firefox, firefoxMaxHeight };
|
package/dist/esm/common/utils.js
CHANGED
|
@@ -181,4 +181,13 @@ var preventDefaultNonInputs = function (event) {
|
|
|
181
181
|
event.preventDefault();
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
|
-
|
|
184
|
+
/**
|
|
185
|
+
* @hidden
|
|
186
|
+
*/
|
|
187
|
+
var firefox = typeof window !== 'undefined' &&
|
|
188
|
+
/Firefox/.test(window.navigator.userAgent);
|
|
189
|
+
/**
|
|
190
|
+
* @hidden
|
|
191
|
+
*/
|
|
192
|
+
var firefoxMaxHeight = 17895697;
|
|
193
|
+
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, firefox, firefoxMaxHeight };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-dropdowns',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1675090007,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -247,6 +247,8 @@ var DropDownBase = /** @class */function () {
|
|
|
247
247
|
if (item && virtual && this.vs.enabled) {
|
|
248
248
|
if (virtual.skip > 0 && (0, utils_1.areSame)(item, dataItems[0], dataItemKey)) {
|
|
249
249
|
this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
|
|
250
|
+
} else if (virtual.skip + virtual.pageSize < virtual.total && (0, utils_1.areSame)(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
251
|
+
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
250
252
|
} else if (!opened && virtual.skip + virtual.pageSize < virtual.total && (0, utils_1.areSame)(item, dataItems[dataItems.length - 1], dataItemKey)) {
|
|
251
253
|
this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
|
|
252
254
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var
|
|
6
|
+
var utils_1 = require("./utils");
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
@@ -30,8 +30,10 @@ var VirtualScroll = /** @class */function () {
|
|
|
30
30
|
this.calcScrollElementHeight = function () {
|
|
31
31
|
_this.scrollSyncing = true;
|
|
32
32
|
var heightChanged = false;
|
|
33
|
-
|
|
34
|
-
_this.
|
|
33
|
+
var items = _this.list ? Array.from(_this.list.children) : [];
|
|
34
|
+
_this.itemHeight = items[0] ? items[0].offsetHeight : _this.itemHeight;
|
|
35
|
+
var totalHeight = _this.itemHeight * (_this.total - items.length);
|
|
36
|
+
_this.containerHeight = utils_1.firefox ? Math.min(utils_1.firefoxMaxHeight, totalHeight) : totalHeight;
|
|
35
37
|
var newHeight = _this.containerHeight;
|
|
36
38
|
if (_this.scrollElement) {
|
|
37
39
|
heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
|
|
@@ -77,8 +79,7 @@ var VirtualScroll = /** @class */function () {
|
|
|
77
79
|
if (this.container && this.list) {
|
|
78
80
|
this.calcScrollElementHeight();
|
|
79
81
|
this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
|
|
80
|
-
|
|
81
|
-
this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
|
|
82
|
+
this.translateTo(Math.min(this.container.scrollHeight, this.containerHeight)); // - this.list.offsetHeight
|
|
82
83
|
}
|
|
83
84
|
};
|
|
84
85
|
|
|
@@ -54,4 +54,12 @@ declare const suggestValue: (value?: string, data?: Array<any>, textField?: stri
|
|
|
54
54
|
* @hidden
|
|
55
55
|
*/
|
|
56
56
|
declare const preventDefaultNonInputs: (event: any) => void;
|
|
57
|
-
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
declare const firefox: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
declare const firefoxMaxHeight = 17895697;
|
|
65
|
+
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, firefox, firefoxMaxHeight };
|
package/dist/npm/common/utils.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.suggestValue = exports.preventDefaultNonInputs = exports.getFocusedItem = exports.areSame = exports.removeDataItems = exports.matchDataCollections = exports.getItemValue = exports.getItemIndexByText = exports.itemIndexStartsWith = exports.scrollToItem = exports.matchText = exports.shuffleData = exports.sameCharsOnly = exports.isPresent = void 0;
|
|
3
|
+
exports.firefoxMaxHeight = exports.firefox = exports.suggestValue = exports.preventDefaultNonInputs = exports.getFocusedItem = exports.areSame = exports.removeDataItems = exports.matchDataCollections = exports.getItemValue = exports.getItemIndexByText = exports.itemIndexStartsWith = exports.scrollToItem = exports.matchText = exports.shuffleData = exports.sameCharsOnly = exports.isPresent = void 0;
|
|
4
4
|
/**
|
|
5
5
|
* @hidden
|
|
6
6
|
*/
|
|
@@ -198,3 +198,14 @@ var preventDefaultNonInputs = function (event) {
|
|
|
198
198
|
}
|
|
199
199
|
};
|
|
200
200
|
exports.preventDefaultNonInputs = preventDefaultNonInputs;
|
|
201
|
+
/**
|
|
202
|
+
* @hidden
|
|
203
|
+
*/
|
|
204
|
+
var firefox = typeof window !== 'undefined' &&
|
|
205
|
+
/Firefox/.test(window.navigator.userAgent);
|
|
206
|
+
exports.firefox = firefox;
|
|
207
|
+
/**
|
|
208
|
+
* @hidden
|
|
209
|
+
*/
|
|
210
|
+
var firefoxMaxHeight = 17895697;
|
|
211
|
+
exports.firefoxMaxHeight = firefoxMaxHeight;
|
|
@@ -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: 1675090007,
|
|
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.8.
|
|
4
|
+
"version": "3.8.3-dev.202301301503",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -50,15 +50,15 @@
|
|
|
50
50
|
"vue": "^2.6.12 || ^3.0.2"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-vue-buttons": "3.8.
|
|
54
|
-
"@progress/kendo-vue-common": "3.8.
|
|
55
|
-
"@progress/kendo-vue-popup": "3.8.
|
|
53
|
+
"@progress/kendo-vue-buttons": "3.8.3-dev.202301301503",
|
|
54
|
+
"@progress/kendo-vue-common": "3.8.3-dev.202301301503",
|
|
55
|
+
"@progress/kendo-vue-popup": "3.8.3-dev.202301301503"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@progress/kendo-data-query": "^1.5.4",
|
|
59
59
|
"@progress/kendo-licensing": "^1.3.0",
|
|
60
60
|
"@progress/kendo-svg-icons": "^1.0.0",
|
|
61
|
-
"@progress/kendo-vue-intl": "3.8.
|
|
61
|
+
"@progress/kendo-vue-intl": "3.8.3-dev.202301301503"
|
|
62
62
|
},
|
|
63
63
|
"author": "Progress",
|
|
64
64
|
"license": "SEE LICENSE IN LICENSE.md",
|