@progress/kendo-vue-dropdowns 2.8.0-dev.202201131525 → 3.0.0-dev.202201171427
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 +1 -1
- package/dist/es/ComboBox/ComboBox.js +10 -6
- package/dist/es/DropDownList/DropDownList.js +1 -1
- package/dist/es/MultiSelect/MultiSelect.js +1 -1
- package/dist/es/common/DropDownBase.js +5 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.js +1 -1
- package/dist/npm/ComboBox/ComboBox.js +10 -6
- package/dist/npm/DropDownList/DropDownList.js +1 -1
- package/dist/npm/MultiSelect/MultiSelect.js +1 -1
- package/dist/npm/common/DropDownBase.js +5 -2
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +5 -5
|
@@ -225,7 +225,7 @@ var AutoCompleteVue2 = {
|
|
|
225
225
|
return {
|
|
226
226
|
'k-floating-label-container': true,
|
|
227
227
|
'k-focus': this.currentFocused,
|
|
228
|
-
'k-empty': !this.computedValue(),
|
|
228
|
+
'k-state-empty': !this.computedValue(),
|
|
229
229
|
'k-invalid': !isValid && isValid !== undefined,
|
|
230
230
|
'k-rtl': this.$props.dir === 'rtl'
|
|
231
231
|
};
|
|
@@ -316,7 +316,7 @@ var ComboBoxVue2 = {
|
|
|
316
316
|
return {
|
|
317
317
|
'k-floating-label-container': true,
|
|
318
318
|
'k-focus': this.currentFocused,
|
|
319
|
-
'k-empty': !this.computedValue(),
|
|
319
|
+
'k-state-empty': !this.computedValue(),
|
|
320
320
|
'k-invalid': !isValid && isValid !== undefined,
|
|
321
321
|
'k-rtl': this.$props.dir === 'rtl'
|
|
322
322
|
};
|
|
@@ -746,6 +746,8 @@ var ComboBoxVue2 = {
|
|
|
746
746
|
}
|
|
747
747
|
|
|
748
748
|
var renderList = function renderList() {
|
|
749
|
+
var _this2 = this;
|
|
750
|
+
|
|
749
751
|
var _a = this.$props,
|
|
750
752
|
dataItemKey = _a.dataItemKey,
|
|
751
753
|
_b = _a.dataItems,
|
|
@@ -764,7 +766,7 @@ var ComboBoxVue2 = {
|
|
|
764
766
|
var translate = "translateY(" + vs.translate + "px)";
|
|
765
767
|
var focusedIndex = opened ? this.getFocusedIndex() : undefined;
|
|
766
768
|
var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();
|
|
767
|
-
return (// @ts-ignore
|
|
769
|
+
return (// @ts-ignore function children
|
|
768
770
|
h(List, {
|
|
769
771
|
id: base.listBoxId,
|
|
770
772
|
attrs: this.v3 ? undefined : {
|
|
@@ -812,7 +814,9 @@ var ComboBoxVue2 = {
|
|
|
812
814
|
itemRender: itemRender,
|
|
813
815
|
noDataRender: listNoDataRender,
|
|
814
816
|
onScroll: vs.scrollHandler
|
|
815
|
-
},
|
|
817
|
+
}, this.v3 ? function () {
|
|
818
|
+
return [renderScrollElement.call(_this2)];
|
|
819
|
+
} : [renderScrollElement.call(_this2)])
|
|
816
820
|
);
|
|
817
821
|
};
|
|
818
822
|
|
|
@@ -824,7 +828,7 @@ var ComboBoxVue2 = {
|
|
|
824
828
|
};
|
|
825
829
|
|
|
826
830
|
var renderListContainer = function renderListContainer() {
|
|
827
|
-
var
|
|
831
|
+
var _this3 = this;
|
|
828
832
|
|
|
829
833
|
var _a;
|
|
830
834
|
|
|
@@ -875,12 +879,12 @@ var ComboBoxVue2 = {
|
|
|
875
879
|
}, this.v3 ? function () {
|
|
876
880
|
return [header && h("div", {
|
|
877
881
|
"class": "k-list-header"
|
|
878
|
-
}, [header]), renderList.call(
|
|
882
|
+
}, [header]), renderList.call(_this3), footer && h("div", {
|
|
879
883
|
"class": "k-list-footer"
|
|
880
884
|
}, [footer])];
|
|
881
885
|
} : [header && h("div", {
|
|
882
886
|
"class": "k-list-header"
|
|
883
|
-
}, [header]), renderList.call(
|
|
887
|
+
}, [header]), renderList.call(_this3), footer && h("div", {
|
|
884
888
|
"class": "k-list-footer"
|
|
885
889
|
}, [footer])])
|
|
886
890
|
);
|
|
@@ -332,7 +332,7 @@ var DropDownListVue2 = {
|
|
|
332
332
|
return {
|
|
333
333
|
'k-floating-label-container': true,
|
|
334
334
|
'k-focus': this.currentFocused,
|
|
335
|
-
'k-empty': !this.computedValue(),
|
|
335
|
+
'k-state-empty': !this.computedValue(),
|
|
336
336
|
'k-invalid': !isValid && isValid !== undefined,
|
|
337
337
|
'k-rtl': this.$props.dir === 'rtl'
|
|
338
338
|
};
|
|
@@ -201,7 +201,7 @@ var MultiSelectVue2 = {
|
|
|
201
201
|
return {
|
|
202
202
|
'k-floating-label-container': true,
|
|
203
203
|
'k-focus': this.currentFocused,
|
|
204
|
-
'k-empty': !(editorValue && editorValue !== 0),
|
|
204
|
+
'k-state-empty': !(editorValue && editorValue !== 0),
|
|
205
205
|
'k-invalid': !isValid && isValid !== undefined,
|
|
206
206
|
'k-rtl': this.$props.dir === 'rtl'
|
|
207
207
|
};
|
|
@@ -190,8 +190,11 @@ function () {
|
|
|
190
190
|
if (item && itemIndex >= 0) {
|
|
191
191
|
var vs = this.vs;
|
|
192
192
|
var scrollElement = vs.container || list.parentNode;
|
|
193
|
-
|
|
194
|
-
|
|
193
|
+
|
|
194
|
+
if (scrollElement) {
|
|
195
|
+
var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
|
|
196
|
+
scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
|
|
197
|
+
}
|
|
195
198
|
}
|
|
196
199
|
};
|
|
197
200
|
|
|
@@ -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: 1642428803,
|
|
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
|
};
|
|
@@ -240,7 +240,7 @@ var AutoCompleteVue2 = {
|
|
|
240
240
|
return {
|
|
241
241
|
'k-floating-label-container': true,
|
|
242
242
|
'k-focus': this.currentFocused,
|
|
243
|
-
'k-empty': !this.computedValue(),
|
|
243
|
+
'k-state-empty': !this.computedValue(),
|
|
244
244
|
'k-invalid': !isValid && isValid !== undefined,
|
|
245
245
|
'k-rtl': this.$props.dir === 'rtl'
|
|
246
246
|
};
|
|
@@ -333,7 +333,7 @@ var ComboBoxVue2 = {
|
|
|
333
333
|
return {
|
|
334
334
|
'k-floating-label-container': true,
|
|
335
335
|
'k-focus': this.currentFocused,
|
|
336
|
-
'k-empty': !this.computedValue(),
|
|
336
|
+
'k-state-empty': !this.computedValue(),
|
|
337
337
|
'k-invalid': !isValid && isValid !== undefined,
|
|
338
338
|
'k-rtl': this.$props.dir === 'rtl'
|
|
339
339
|
};
|
|
@@ -763,6 +763,8 @@ var ComboBoxVue2 = {
|
|
|
763
763
|
}
|
|
764
764
|
|
|
765
765
|
var renderList = function renderList() {
|
|
766
|
+
var _this2 = this;
|
|
767
|
+
|
|
766
768
|
var _a = this.$props,
|
|
767
769
|
dataItemKey = _a.dataItemKey,
|
|
768
770
|
_b = _a.dataItems,
|
|
@@ -781,7 +783,7 @@ var ComboBoxVue2 = {
|
|
|
781
783
|
var translate = "translateY(" + vs.translate + "px)";
|
|
782
784
|
var focusedIndex = opened ? this.getFocusedIndex() : undefined;
|
|
783
785
|
var value = utils_1.isPresent(text) && text !== selectedItemText ? null : this.computedValue();
|
|
784
|
-
return (// @ts-ignore
|
|
786
|
+
return (// @ts-ignore function children
|
|
785
787
|
h(List_1.List, {
|
|
786
788
|
id: base.listBoxId,
|
|
787
789
|
attrs: this.v3 ? undefined : {
|
|
@@ -829,7 +831,9 @@ var ComboBoxVue2 = {
|
|
|
829
831
|
itemRender: itemRender,
|
|
830
832
|
noDataRender: listNoDataRender,
|
|
831
833
|
onScroll: vs.scrollHandler
|
|
832
|
-
},
|
|
834
|
+
}, this.v3 ? function () {
|
|
835
|
+
return [renderScrollElement.call(_this2)];
|
|
836
|
+
} : [renderScrollElement.call(_this2)])
|
|
833
837
|
);
|
|
834
838
|
};
|
|
835
839
|
|
|
@@ -841,7 +845,7 @@ var ComboBoxVue2 = {
|
|
|
841
845
|
};
|
|
842
846
|
|
|
843
847
|
var renderListContainer = function renderListContainer() {
|
|
844
|
-
var
|
|
848
|
+
var _this3 = this;
|
|
845
849
|
|
|
846
850
|
var _a;
|
|
847
851
|
|
|
@@ -892,12 +896,12 @@ var ComboBoxVue2 = {
|
|
|
892
896
|
}, this.v3 ? function () {
|
|
893
897
|
return [header && h("div", {
|
|
894
898
|
"class": "k-list-header"
|
|
895
|
-
}, [header]), renderList.call(
|
|
899
|
+
}, [header]), renderList.call(_this3), footer && h("div", {
|
|
896
900
|
"class": "k-list-footer"
|
|
897
901
|
}, [footer])];
|
|
898
902
|
} : [header && h("div", {
|
|
899
903
|
"class": "k-list-header"
|
|
900
|
-
}, [header]), renderList.call(
|
|
904
|
+
}, [header]), renderList.call(_this3), footer && h("div", {
|
|
901
905
|
"class": "k-list-footer"
|
|
902
906
|
}, [footer])])
|
|
903
907
|
);
|
|
@@ -349,7 +349,7 @@ var DropDownListVue2 = {
|
|
|
349
349
|
return {
|
|
350
350
|
'k-floating-label-container': true,
|
|
351
351
|
'k-focus': this.currentFocused,
|
|
352
|
-
'k-empty': !this.computedValue(),
|
|
352
|
+
'k-state-empty': !this.computedValue(),
|
|
353
353
|
'k-invalid': !isValid && isValid !== undefined,
|
|
354
354
|
'k-rtl': this.$props.dir === 'rtl'
|
|
355
355
|
};
|
|
@@ -219,7 +219,7 @@ var MultiSelectVue2 = {
|
|
|
219
219
|
return {
|
|
220
220
|
'k-floating-label-container': true,
|
|
221
221
|
'k-focus': this.currentFocused,
|
|
222
|
-
'k-empty': !(editorValue && editorValue !== 0),
|
|
222
|
+
'k-state-empty': !(editorValue && editorValue !== 0),
|
|
223
223
|
'k-invalid': !isValid && isValid !== undefined,
|
|
224
224
|
'k-rtl': this.$props.dir === 'rtl'
|
|
225
225
|
};
|
|
@@ -201,8 +201,11 @@ function () {
|
|
|
201
201
|
if (item && itemIndex >= 0) {
|
|
202
202
|
var vs = this.vs;
|
|
203
203
|
var scrollElement = vs.container || list.parentNode;
|
|
204
|
-
|
|
205
|
-
|
|
204
|
+
|
|
205
|
+
if (scrollElement) {
|
|
206
|
+
var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
|
|
207
|
+
utils_1.scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
|
|
208
|
+
}
|
|
206
209
|
}
|
|
207
210
|
};
|
|
208
211
|
|
|
@@ -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: 1642428803,
|
|
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": "
|
|
4
|
+
"version": "3.0.0-dev.202201171427",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"vue": "^2.6.12 || ^3.0.2"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-vue-buttons": "
|
|
47
|
-
"@progress/kendo-vue-common": "
|
|
48
|
-
"@progress/kendo-vue-popup": "
|
|
46
|
+
"@progress/kendo-vue-buttons": "3.0.0-dev.202201171427",
|
|
47
|
+
"@progress/kendo-vue-common": "3.0.0-dev.202201171427",
|
|
48
|
+
"@progress/kendo-vue-popup": "3.0.0-dev.202201171427"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@progress/kendo-data-query": "^1.5.4",
|
|
52
52
|
"@progress/kendo-licensing": "^1.1.0",
|
|
53
|
-
"@progress/kendo-vue-intl": "
|
|
53
|
+
"@progress/kendo-vue-intl": "3.0.0-dev.202201171427"
|
|
54
54
|
},
|
|
55
55
|
"author": "Progress",
|
|
56
56
|
"license": "SEE LICENSE IN LICENSE.md",
|