@progress/kendo-vue-dropdowns 3.5.0 → 3.5.1-dev.202208150613
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 +9 -13
- package/dist/es/AutoComplete/AutoCompleteProps.js +1 -0
- package/dist/es/ComboBox/ComboBox.js +11 -14
- package/dist/es/ComboBox/ComboBoxProps.d.ts +1 -1
- package/dist/es/ComboBox/ComboBoxProps.js +1 -0
- package/dist/es/DropDownList/DropDownList.js +11 -21
- package/dist/es/DropDownList/DropDownListProps.js +1 -0
- package/dist/es/MultiSelect/MultiSelect.js +23 -30
- package/dist/es/MultiSelect/MultiSelectProps.d.ts +1 -1
- package/dist/es/MultiSelect/MultiSelectProps.js +1 -0
- package/dist/es/MultiSelect/TagList.js +3 -3
- package/dist/es/common/List.js +2 -2
- package/dist/es/common/ListContainer.js +8 -5
- package/dist/es/common/ListFilter.js +1 -1
- package/dist/es/common/events.js +1 -0
- package/dist/es/common/filterDescriptor.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/AutoComplete/AutoComplete.d.ts +107 -0
- package/dist/esm/AutoComplete/AutoComplete.js +757 -0
- package/dist/esm/AutoComplete/AutoCompleteProps.d.ts +202 -0
- package/dist/esm/AutoComplete/AutoCompleteProps.js +2 -0
- package/dist/esm/ComboBox/ComboBox.d.ts +99 -0
- package/dist/esm/ComboBox/ComboBox.js +1060 -0
- package/dist/esm/ComboBox/ComboBoxProps.d.ts +244 -0
- package/dist/esm/ComboBox/ComboBoxProps.js +2 -0
- package/dist/esm/DropDownList/DropDownList.d.ts +100 -0
- package/dist/esm/DropDownList/DropDownList.js +1086 -0
- package/dist/esm/DropDownList/DropDownListProps.d.ts +274 -0
- package/dist/esm/DropDownList/DropDownListProps.js +2 -0
- package/dist/esm/MultiSelect/MultiSelect.d.ts +115 -0
- package/dist/esm/MultiSelect/MultiSelect.js +1246 -0
- package/dist/esm/MultiSelect/MultiSelectProps.d.ts +262 -0
- package/dist/esm/MultiSelect/MultiSelectProps.js +2 -0
- package/dist/esm/MultiSelect/TagList.d.ts +51 -0
- package/dist/esm/MultiSelect/TagList.js +180 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/common/ClearButton.d.ts +21 -0
- package/dist/esm/common/ClearButton.js +68 -0
- package/dist/esm/common/DropDownBase.d.ts +84 -0
- package/dist/esm/common/DropDownBase.js +303 -0
- package/dist/esm/common/List.d.ts +58 -0
- package/dist/esm/common/List.js +176 -0
- package/dist/esm/common/ListContainer.d.ts +40 -0
- package/dist/esm/common/ListContainer.js +134 -0
- package/dist/esm/common/ListDefaultItem.d.ts +29 -0
- package/dist/esm/common/ListDefaultItem.js +62 -0
- package/dist/esm/common/ListFilter.d.ts +46 -0
- package/dist/esm/common/ListFilter.js +112 -0
- package/dist/esm/common/ListItem.d.ts +71 -0
- package/dist/esm/common/ListItem.js +105 -0
- package/dist/esm/common/Navigation.d.ts +12 -0
- package/dist/esm/common/Navigation.js +34 -0
- package/dist/esm/common/SearchBar.d.ts +65 -0
- package/dist/esm/common/SearchBar.js +177 -0
- package/dist/esm/common/VirtualScroll.d.ts +42 -0
- package/dist/esm/common/VirtualScroll.js +196 -0
- package/dist/esm/common/events.d.ts +63 -0
- package/dist/esm/common/events.js +1 -0
- package/dist/esm/common/filterDescriptor.d.ts +41 -0
- package/dist/esm/common/filterDescriptor.js +2 -0
- package/dist/esm/common/settings.d.ts +102 -0
- package/dist/esm/common/settings.js +8 -0
- package/dist/esm/common/utils.d.ts +57 -0
- package/dist/esm/common/utils.js +184 -0
- package/dist/esm/main.d.ts +13 -0
- package/dist/esm/main.js +5 -0
- package/dist/esm/messages/index.d.ts +20 -0
- package/dist/esm/messages/index.js +21 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/npm/AutoComplete/AutoComplete.js +24 -28
- package/dist/npm/ComboBox/ComboBox.js +43 -46
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +1 -1
- package/dist/npm/DropDownList/DropDownList.js +42 -52
- package/dist/npm/MultiSelect/MultiSelect.js +41 -48
- package/dist/npm/MultiSelect/MultiSelectProps.d.ts +1 -1
- package/dist/npm/MultiSelect/TagList.js +3 -3
- package/dist/npm/common/ClearButton.js +1 -1
- package/dist/npm/common/DropDownBase.js +6 -6
- package/dist/npm/common/List.js +8 -8
- package/dist/npm/common/ListContainer.js +9 -6
- package/dist/npm/common/ListDefaultItem.js +2 -2
- package/dist/npm/common/ListFilter.js +3 -3
- package/dist/npm/common/ListItem.js +2 -2
- package/dist/npm/common/Navigation.js +1 -1
- package/dist/npm/common/SearchBar.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +11 -5
|
@@ -666,25 +666,21 @@ var AutoCompleteVue2 = {
|
|
|
666
666
|
width: popupWidth,
|
|
667
667
|
attrs: this.v3 ? undefined : {
|
|
668
668
|
width: popupWidth,
|
|
669
|
-
popupSettings: {
|
|
670
|
-
animate: popupSettings.animate,
|
|
669
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
671
670
|
anchor: this.anchor,
|
|
672
671
|
show: opened,
|
|
673
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
674
|
-
className: popupSettings.className
|
|
675
|
-
|
|
676
|
-
},
|
|
672
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
|
|
673
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
674
|
+
}),
|
|
677
675
|
dir: dir !== undefined ? dir : this.base.dirCalculated
|
|
678
676
|
},
|
|
679
677
|
ref: 'container',
|
|
680
|
-
popupSettings: {
|
|
681
|
-
animate: popupSettings.animate,
|
|
678
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
682
679
|
anchor: this.anchor,
|
|
683
680
|
show: opened,
|
|
684
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
685
|
-
className: popupSettings.className
|
|
686
|
-
|
|
687
|
-
},
|
|
681
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
|
|
682
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
683
|
+
}),
|
|
688
684
|
dir: dir !== undefined ? dir : this.base.dirCalculated
|
|
689
685
|
}, this.v3 ? function () {
|
|
690
686
|
return [header && h("div", {
|
|
@@ -726,7 +722,7 @@ var AutoCompleteVue2 = {
|
|
|
726
722
|
};
|
|
727
723
|
|
|
728
724
|
var autoComplete = h("span", {
|
|
729
|
-
"class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-"
|
|
725
|
+
"class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
|
|
730
726
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
731
727
|
style: !label ? style : __assign(__assign({}, style), {
|
|
732
728
|
width: undefined
|
|
@@ -48,6 +48,7 @@ var ComboBoxVue2 = {
|
|
|
48
48
|
'changemodel': null,
|
|
49
49
|
'update:modelValue': null,
|
|
50
50
|
'filterchange': null,
|
|
51
|
+
pagechange: null,
|
|
51
52
|
change: null,
|
|
52
53
|
focus: null,
|
|
53
54
|
blur: null,
|
|
@@ -786,7 +787,7 @@ var ComboBoxVue2 = {
|
|
|
786
787
|
|
|
787
788
|
var skip = virtual.skip;
|
|
788
789
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
789
|
-
var translate = "translateY("
|
|
790
|
+
var translate = "translateY(".concat(vs.translate, "px)");
|
|
790
791
|
var focusedIndex = opened ? this.getFocusedIndex() : undefined;
|
|
791
792
|
var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();
|
|
792
793
|
return (// @ts-ignore function children
|
|
@@ -880,24 +881,20 @@ var ComboBoxVue2 = {
|
|
|
880
881
|
width: popupWidth,
|
|
881
882
|
attrs: this.v3 ? undefined : {
|
|
882
883
|
width: popupWidth,
|
|
883
|
-
popupSettings: {
|
|
884
|
-
animate: popupSettings.animate,
|
|
884
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
885
885
|
anchor: this.anchor,
|
|
886
886
|
show: opened,
|
|
887
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
888
|
-
className: popupSettings.className
|
|
889
|
-
|
|
890
|
-
},
|
|
887
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
888
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
889
|
+
}),
|
|
891
890
|
dir: dir !== undefined ? dir : this.base.dirCalculated
|
|
892
891
|
},
|
|
893
|
-
popupSettings: {
|
|
894
|
-
animate: popupSettings.animate,
|
|
892
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
895
893
|
anchor: this.anchor,
|
|
896
894
|
show: opened,
|
|
897
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
898
|
-
className: popupSettings.className
|
|
899
|
-
|
|
900
|
-
},
|
|
895
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
896
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
897
|
+
}),
|
|
901
898
|
dir: dir !== undefined ? dir : this.base.dirCalculated
|
|
902
899
|
}, this.v3 ? function () {
|
|
903
900
|
return [header && h("div", {
|
|
@@ -985,7 +982,7 @@ var ComboBoxVue2 = {
|
|
|
985
982
|
};
|
|
986
983
|
|
|
987
984
|
var combobox = h("span", {
|
|
988
|
-
"class": classNames('k-combobox k-input', (_a = {}, _a["k-input-"
|
|
985
|
+
"class": classNames('k-combobox k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a['k-focus'] = focused && !disabled, _a), className),
|
|
989
986
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
990
987
|
style: !label ? style : __assign(__assign({}, style), {
|
|
991
988
|
width: undefined
|
|
@@ -97,7 +97,7 @@ export interface ComboBoxProps extends FormComponentProps {
|
|
|
97
97
|
*/
|
|
98
98
|
filterable?: boolean;
|
|
99
99
|
/**
|
|
100
|
-
* Sets the value of ComboBox input. Useful for making the ComboBox input a
|
|
100
|
+
* Sets the value of ComboBox input. Useful for making the ComboBox input a controlled component.
|
|
101
101
|
*/
|
|
102
102
|
filter?: string | null;
|
|
103
103
|
/**
|
|
@@ -829,7 +829,7 @@ var DropDownListVue2 = {
|
|
|
829
829
|
var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
|
|
830
830
|
var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));
|
|
831
831
|
var skip = virtual.skip;
|
|
832
|
-
var translate = "translateY("
|
|
832
|
+
var translate = "translateY(".concat(vs.translate, "px)");
|
|
833
833
|
return (// @ts-ignore function children
|
|
834
834
|
h(List, {
|
|
835
835
|
id: this.base.listBoxId,
|
|
@@ -945,22 +945,20 @@ var DropDownListVue2 = {
|
|
|
945
945
|
dir: dir !== undefined ? dir : base.dirCalculated,
|
|
946
946
|
width: popupWidth // @ts-ignore
|
|
947
947
|
,
|
|
948
|
-
popupSettings: {
|
|
949
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
950
|
-
className: popupSettings.className,
|
|
951
|
-
animate: popupSettings.animate,
|
|
948
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
949
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
950
|
+
className: classNames('k-list-container', popupSettings.className),
|
|
952
951
|
anchor: this.anchor,
|
|
953
952
|
show: opened
|
|
954
|
-
}
|
|
953
|
+
})
|
|
955
954
|
},
|
|
956
955
|
width: popupWidth,
|
|
957
|
-
popupSettings: {
|
|
958
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
959
|
-
className: popupSettings.className,
|
|
960
|
-
animate: popupSettings.animate,
|
|
956
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
957
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
958
|
+
className: classNames('k-list-container', popupSettings.className),
|
|
961
959
|
anchor: this.anchor,
|
|
962
960
|
show: opened
|
|
963
|
-
},
|
|
961
|
+
}),
|
|
964
962
|
onOpen: this.onPopupOpened,
|
|
965
963
|
onClose: this.onPopupClosed,
|
|
966
964
|
onBlur: this.handleBlur
|
|
@@ -988,7 +986,7 @@ var DropDownListVue2 = {
|
|
|
988
986
|
|
|
989
987
|
var dropdownlist = h("span", {
|
|
990
988
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
991
|
-
"class": classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-"
|
|
989
|
+
"class": classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-picker-".concat(fillMode)] = fillMode, _a['k-focus'] = focused, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
|
|
992
990
|
style: !label ? style : __assign(__assign({}, style), {
|
|
993
991
|
width: undefined
|
|
994
992
|
}),
|
|
@@ -1055,15 +1053,7 @@ var DropDownListVue2 = {
|
|
|
1055
1053
|
fillMode: fillMode,
|
|
1056
1054
|
rounded: null,
|
|
1057
1055
|
"class": 'k-input-button',
|
|
1058
|
-
iconClass: classNames('k-icon k-i-arrow-s', iconClassName)
|
|
1059
|
-
onMousedown: function onMousedown(e) {
|
|
1060
|
-
return e.preventDefault();
|
|
1061
|
-
},
|
|
1062
|
-
on: this.v3 ? undefined : {
|
|
1063
|
-
"mousedown": function onMousedown(e) {
|
|
1064
|
-
return e.preventDefault();
|
|
1065
|
-
}
|
|
1066
|
-
}
|
|
1056
|
+
iconClass: classNames('k-icon k-i-arrow-s', iconClassName)
|
|
1067
1057
|
}), dummySelect.call(this, value), renderListContainer.call(this)]);
|
|
1068
1058
|
return label ? h("span", {
|
|
1069
1059
|
"class": this.spanClassNames,
|
|
@@ -14,18 +14,14 @@ var __assign = this && this.__assign || function () {
|
|
|
14
14
|
return __assign.apply(this, arguments);
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++) {
|
|
23
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
|
|
24
|
-
r[k] = a[j];
|
|
17
|
+
var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
|
|
18
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
19
|
+
if (ar || !(i in from)) {
|
|
20
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
21
|
+
ar[i] = from[i];
|
|
25
22
|
}
|
|
26
23
|
}
|
|
27
|
-
|
|
28
|
-
return r;
|
|
24
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
29
25
|
}; // @ts-ignore
|
|
30
26
|
|
|
31
27
|
|
|
@@ -83,6 +79,7 @@ var MultiSelectVue2 = {
|
|
|
83
79
|
'update:modelValue': null,
|
|
84
80
|
'filterchange': null,
|
|
85
81
|
change: null,
|
|
82
|
+
pagechange: null,
|
|
86
83
|
focus: null,
|
|
87
84
|
blur: null,
|
|
88
85
|
open: null,
|
|
@@ -399,7 +396,7 @@ var MultiSelectVue2 = {
|
|
|
399
396
|
newItems = value;
|
|
400
397
|
newItems.splice(indexInValue, 1);
|
|
401
398
|
} else {
|
|
402
|
-
newItems =
|
|
399
|
+
newItems = __spreadArray(__spreadArray([], value, true), [dataItem], false);
|
|
403
400
|
}
|
|
404
401
|
|
|
405
402
|
var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
|
|
@@ -658,7 +655,7 @@ var MultiSelectVue2 = {
|
|
|
658
655
|
},
|
|
659
656
|
triggerOnChange: function triggerOnChange(items, state) {
|
|
660
657
|
if (this.$props.value === undefined) {
|
|
661
|
-
state.data.currentValue =
|
|
658
|
+
state.data.currentValue = __spreadArray([], items, true);
|
|
662
659
|
}
|
|
663
660
|
|
|
664
661
|
this.valuesItemsDuringOnChange = [];
|
|
@@ -771,7 +768,7 @@ var MultiSelectVue2 = {
|
|
|
771
768
|
state.data.currentFocusedIndex = undefined;
|
|
772
769
|
this.base.filterChanged('', state);
|
|
773
770
|
|
|
774
|
-
var newItems =
|
|
771
|
+
var newItems = __spreadArray(__spreadArray([], this.computedValue(), true), [item], false);
|
|
775
772
|
|
|
776
773
|
this.triggerOnChange(newItems, state);
|
|
777
774
|
this.base.togglePopup(state);
|
|
@@ -975,7 +972,7 @@ var MultiSelectVue2 = {
|
|
|
975
972
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
976
973
|
var focusedIndex = this.getFocusedState().focusedIndex;
|
|
977
974
|
var placeholderToShow = value.length === 0 && !searchText ? placeholder : undefined;
|
|
978
|
-
var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-"
|
|
975
|
+
var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-".concat(this.base.guid, "-").concat(focusedTag.text.replace(/\s+/g, '-')) : "option-".concat(this.base.guid, "-").concat(focusedIndex);
|
|
979
976
|
return (// @ts-ignore function children
|
|
980
977
|
h(SearchBar, {
|
|
981
978
|
id: searchId,
|
|
@@ -990,7 +987,7 @@ var MultiSelectVue2 = {
|
|
|
990
987
|
expanded: opened,
|
|
991
988
|
owns: this.base.listBoxId,
|
|
992
989
|
activedescendant: ariaActivedescendant,
|
|
993
|
-
"aria-describedBy": "tagslist-"
|
|
990
|
+
"aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
|
|
994
991
|
"aria-labelledBy": this.$props.ariaLabelledBy
|
|
995
992
|
},
|
|
996
993
|
size: Math.max((placeholderToShow || '').length, searchText.length, 1),
|
|
@@ -1013,7 +1010,7 @@ var MultiSelectVue2 = {
|
|
|
1013
1010
|
expanded: opened,
|
|
1014
1011
|
owns: this.base.listBoxId,
|
|
1015
1012
|
activedescendant: ariaActivedescendant,
|
|
1016
|
-
"aria-describedBy": "tagslist-"
|
|
1013
|
+
"aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
|
|
1017
1014
|
"aria-labelledBy": this.$props.ariaLabelledBy
|
|
1018
1015
|
})
|
|
1019
1016
|
);
|
|
@@ -1029,7 +1026,7 @@ var MultiSelectVue2 = {
|
|
|
1029
1026
|
var skip = virtual ? virtual.skip : 0;
|
|
1030
1027
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
1031
1028
|
var focusedIndex = this.getFocusedState().focusedIndex;
|
|
1032
|
-
var translate = "translateY("
|
|
1029
|
+
var translate = "translateY(".concat(vs.translate, "px)");
|
|
1033
1030
|
return (// @ts-ignore function children
|
|
1034
1031
|
h(List, {
|
|
1035
1032
|
id: this.base.listBoxId,
|
|
@@ -1144,30 +1141,26 @@ var MultiSelectVue2 = {
|
|
|
1144
1141
|
attrs: this.v3 ? undefined : {
|
|
1145
1142
|
dir: dir !== undefined ? dir : base.dirCalculated,
|
|
1146
1143
|
width: popupWidth,
|
|
1147
|
-
popupSettings: {
|
|
1148
|
-
animate: popupSettings.animate,
|
|
1144
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
1149
1145
|
anchor: this.anchor,
|
|
1150
1146
|
show: opened,
|
|
1151
1147
|
onOpen: this.onPopupOpened,
|
|
1152
1148
|
onClose: this.onPopupClosed,
|
|
1153
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
1154
|
-
className: popupSettings.className
|
|
1155
|
-
|
|
1156
|
-
},
|
|
1149
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
1150
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
1151
|
+
}),
|
|
1157
1152
|
itemsCount: dataItems.length
|
|
1158
1153
|
},
|
|
1159
1154
|
onBlur: this.handleBlur,
|
|
1160
1155
|
width: popupWidth,
|
|
1161
|
-
popupSettings: {
|
|
1162
|
-
animate: popupSettings.animate,
|
|
1156
|
+
popupSettings: __assign(__assign({}, popupSettings), {
|
|
1163
1157
|
anchor: this.anchor,
|
|
1164
1158
|
show: opened,
|
|
1165
1159
|
onOpen: this.onPopupOpened,
|
|
1166
1160
|
onClose: this.onPopupClosed,
|
|
1167
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
1168
|
-
className: popupSettings.className
|
|
1169
|
-
|
|
1170
|
-
},
|
|
1161
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
1162
|
+
className: classNames('k-list-container', popupSettings.className)
|
|
1163
|
+
}),
|
|
1171
1164
|
itemsCount: dataItems.length
|
|
1172
1165
|
}, this.v3 ? function () {
|
|
1173
1166
|
return [header && h("div", {
|
|
@@ -1185,7 +1178,7 @@ var MultiSelectVue2 = {
|
|
|
1185
1178
|
|
|
1186
1179
|
var component = h("span", {
|
|
1187
1180
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
1188
|
-
"class": classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-"
|
|
1181
|
+
"class": classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-focus'] = focused && !disabled, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
|
|
1189
1182
|
style: !label ? style : __assign(__assign({}, style), {
|
|
1190
1183
|
width: undefined
|
|
1191
1184
|
}),
|
|
@@ -128,7 +128,7 @@ export interface MultiSelectProps extends FormComponentProps {
|
|
|
128
128
|
*/
|
|
129
129
|
focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
|
|
130
130
|
/**
|
|
131
|
-
* Sets the value of filtering input. Useful for making the filtering input a
|
|
131
|
+
* Sets the value of filtering input. Useful for making the filtering input a controlled component.
|
|
132
132
|
*/
|
|
133
133
|
filter?: string;
|
|
134
134
|
/**
|
|
@@ -72,7 +72,7 @@ var TagListVue2 = {
|
|
|
72
72
|
disabled = _b.disabled;
|
|
73
73
|
return _a = {
|
|
74
74
|
'k-chip-list': true
|
|
75
|
-
}, _a["k-chip-list-"
|
|
75
|
+
}, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
|
|
76
76
|
},
|
|
77
77
|
chipClass: function chipClass() {
|
|
78
78
|
var _a;
|
|
@@ -85,7 +85,7 @@ var TagListVue2 = {
|
|
|
85
85
|
return _a = {
|
|
86
86
|
'k-chip': true,
|
|
87
87
|
'k-disabled': disabled
|
|
88
|
-
}, _a["k-chip-"
|
|
88
|
+
}, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
91
|
// @ts-ignore
|
|
@@ -116,7 +116,7 @@ var TagListVue2 = {
|
|
|
116
116
|
}, [dataItems.map(function (tagData, index) {
|
|
117
117
|
var _this = this;
|
|
118
118
|
|
|
119
|
-
var uniqueId = "tag-"
|
|
119
|
+
var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
|
|
120
120
|
var defaultRendering = h("div", {
|
|
121
121
|
"class": __assign(__assign({}, this.chipClass), {
|
|
122
122
|
'k-focus': tagData === this.$props.focused
|
package/dist/es/common/List.js
CHANGED
|
@@ -113,9 +113,9 @@ var ListVue2 = {
|
|
|
113
113
|
}) !== -1);
|
|
114
114
|
return (// @ts-ignore
|
|
115
115
|
h(ListItem, {
|
|
116
|
-
id: "option-"
|
|
116
|
+
id: "option-".concat(optionsGuid, "-").concat(realIndex),
|
|
117
117
|
attrs: this.v3 ? undefined : {
|
|
118
|
-
id: "option-"
|
|
118
|
+
id: "option-".concat(optionsGuid, "-").concat(realIndex),
|
|
119
119
|
dataItem: item,
|
|
120
120
|
selected: selected,
|
|
121
121
|
focused: focusedIndex === index,
|
|
@@ -76,20 +76,22 @@ var ListContainerVue2 = {
|
|
|
76
76
|
show = popupSettings.show,
|
|
77
77
|
open = popupSettings.open,
|
|
78
78
|
close = popupSettings.close,
|
|
79
|
-
itemsCount = popupSettings.itemsCount
|
|
79
|
+
itemsCount = popupSettings.itemsCount,
|
|
80
|
+
appendTo = popupSettings.appendTo;
|
|
80
81
|
return (// @ts-ignore function children
|
|
81
82
|
h(Popup, {
|
|
82
83
|
style: {
|
|
83
84
|
width: width,
|
|
84
85
|
direction: dir
|
|
85
86
|
},
|
|
86
|
-
|
|
87
|
+
popupClass: className,
|
|
87
88
|
attrs: this.v3 ? undefined : {
|
|
88
|
-
|
|
89
|
+
popupClass: className,
|
|
89
90
|
animate: animate,
|
|
90
91
|
anchor: anchor,
|
|
91
92
|
show: show,
|
|
92
|
-
contentKey: itemsCount
|
|
93
|
+
contentKey: itemsCount,
|
|
94
|
+
appendTo: appendTo
|
|
93
95
|
},
|
|
94
96
|
animate: animate,
|
|
95
97
|
anchor: anchor,
|
|
@@ -100,7 +102,8 @@ var ListContainerVue2 = {
|
|
|
100
102
|
"open": this.onOpen,
|
|
101
103
|
"close": this.onClose
|
|
102
104
|
},
|
|
103
|
-
onClose: this.onClose
|
|
105
|
+
onClose: this.onClose,
|
|
106
|
+
appendTo: appendTo
|
|
104
107
|
}, this.v3 ? function () {
|
|
105
108
|
return [h("div", {
|
|
106
109
|
"class": popupClass,
|
|
@@ -52,7 +52,7 @@ var ListFilterVue2 = {
|
|
|
52
52
|
fillMode = _b.fillMode;
|
|
53
53
|
return _a = {
|
|
54
54
|
'k-searchbox k-input': true
|
|
55
|
-
}, _a["k-input-"
|
|
55
|
+
}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
// @ts-ignore
|
package/dist/es/common/events.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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: 1660543182,
|
|
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
|
};
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
declare type DefaultData<V> = object | ((this: V) => AutoCompleteData);
|
|
2
|
+
declare type DefaultMethods<V> = {
|
|
3
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
4
|
+
};
|
|
5
|
+
import { AutoCompleteProps } from './AutoCompleteProps';
|
|
6
|
+
import { DropDownStateBase, InternalState } from './../common/settings';
|
|
7
|
+
import { FormComponentValidity } from '@progress/kendo-vue-common';
|
|
8
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface AutoCompleteState extends DropDownStateBase {
|
|
13
|
+
focusedItem?: any;
|
|
14
|
+
value?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
export interface AutoCompleteInternalState extends InternalState {
|
|
20
|
+
data: AutoCompleteState;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
export interface AutoCompleteMethods {
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
focus: (e: any) => void;
|
|
28
|
+
computedValue: () => any;
|
|
29
|
+
validity: () => FormComponentValidity;
|
|
30
|
+
handleItemSelect: (index: number, state: AutoCompleteInternalState) => void;
|
|
31
|
+
itemFocus: (index: number, state: AutoCompleteInternalState) => void;
|
|
32
|
+
togglePopup: (state: InternalState) => void;
|
|
33
|
+
onNavigate: (state: AutoCompleteInternalState, keyCode: number) => void;
|
|
34
|
+
applyInputValue: (value: string, state: AutoCompleteInternalState, eventKey?: number) => void;
|
|
35
|
+
setValidity: () => void;
|
|
36
|
+
handleItemClick: (index: number, event: any) => void;
|
|
37
|
+
onChangeHandler: (event: any) => void;
|
|
38
|
+
clearButtonClick: (event: any) => void;
|
|
39
|
+
onInputKeyDown: (event: any) => void;
|
|
40
|
+
handleBlur: (event: any) => void;
|
|
41
|
+
triggerOnChange: (newValue: string, state: AutoCompleteInternalState, eventArgs?: any) => void;
|
|
42
|
+
applyState: (state: AutoCompleteInternalState) => void;
|
|
43
|
+
suggestValue: (value: string) => void;
|
|
44
|
+
focusedIndex: (value?: string) => any;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
export interface AutoCompleteState extends DropDownStateBase {
|
|
50
|
+
anchor: string;
|
|
51
|
+
typingTimeout: any;
|
|
52
|
+
base: any;
|
|
53
|
+
input: any;
|
|
54
|
+
element: any;
|
|
55
|
+
inputId: string;
|
|
56
|
+
virtualHasChanged: any;
|
|
57
|
+
prevOpened: any;
|
|
58
|
+
prevCurrentOpened: any;
|
|
59
|
+
prevData: any;
|
|
60
|
+
prevFocusedItem: any;
|
|
61
|
+
inputRef: any;
|
|
62
|
+
listRef: any;
|
|
63
|
+
filterInputRef: any;
|
|
64
|
+
scrollElementRef: any;
|
|
65
|
+
scrollerRef: any;
|
|
66
|
+
kendoAnchorRef: any;
|
|
67
|
+
v3: boolean;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
export interface AutoCompleteData {
|
|
73
|
+
suggested?: string;
|
|
74
|
+
focusedItem?: any;
|
|
75
|
+
hasMounted: boolean;
|
|
76
|
+
currentText?: string;
|
|
77
|
+
currentValue?: any;
|
|
78
|
+
currentFocused?: boolean;
|
|
79
|
+
currentOpened?: boolean;
|
|
80
|
+
currentFocusedItem?: any;
|
|
81
|
+
searchState?: any;
|
|
82
|
+
_skipFocusEvent: boolean;
|
|
83
|
+
valueDuringOnChange: any;
|
|
84
|
+
valueOnDidUpdate: any;
|
|
85
|
+
virtualTotalHasChanged?: boolean;
|
|
86
|
+
}
|
|
87
|
+
/**
|
|
88
|
+
* @hidden
|
|
89
|
+
*/
|
|
90
|
+
export interface AutoCompleteComputed {
|
|
91
|
+
[key: string]: any;
|
|
92
|
+
spanClassNames: any;
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* @hidden
|
|
96
|
+
*/
|
|
97
|
+
export interface AutoCompleteAll extends AutoCompleteMethods, AutoCompleteState, AutoCompleteData, AutoCompleteComputed, Vue2type {
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* @hidden
|
|
101
|
+
*/
|
|
102
|
+
declare let AutoCompleteVue2: ComponentOptions<Vue2type, DefaultData<AutoCompleteData>, DefaultMethods<AutoCompleteAll>, AutoCompleteComputed, RecordPropsDefinition<AutoCompleteProps>>;
|
|
103
|
+
/**
|
|
104
|
+
* @hidden
|
|
105
|
+
*/
|
|
106
|
+
declare const AutoComplete: DefineComponent<AutoCompleteProps, any, AutoCompleteData, AutoCompleteComputed, AutoCompleteMethods, {}, {}, {}, string, AutoCompleteProps, AutoCompleteProps, {}>;
|
|
107
|
+
export { AutoComplete, AutoCompleteVue2 };
|