@progress/kendo-vue-dropdowns 3.5.0 → 3.5.1-dev.202208100944
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 +3 -3
- package/dist/es/AutoComplete/AutoCompleteProps.js +1 -0
- package/dist/es/ComboBox/ComboBox.js +4 -4
- package/dist/es/ComboBox/ComboBoxProps.d.ts +1 -1
- package/dist/es/ComboBox/ComboBoxProps.js +1 -0
- package/dist/es/DropDownList/DropDownList.js +4 -4
- package/dist/es/DropDownList/DropDownListProps.js +1 -0
- package/dist/es/MultiSelect/MultiSelect.js +16 -20
- 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/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 +761 -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 +1063 -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 +1096 -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 +1249 -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 +131 -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 +18 -18
- package/dist/npm/ComboBox/ComboBox.js +36 -36
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +1 -1
- package/dist/npm/DropDownList/DropDownList.js +36 -36
- package/dist/npm/MultiSelect/MultiSelect.js +34 -38
- 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 +1 -1
- 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 +5 -5
|
@@ -670,7 +670,7 @@ var AutoCompleteVue2 = {
|
|
|
670
670
|
animate: popupSettings.animate,
|
|
671
671
|
anchor: this.anchor,
|
|
672
672
|
show: opened,
|
|
673
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
673
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
|
|
674
674
|
className: popupSettings.className,
|
|
675
675
|
appendTo: popupSettings.appendTo
|
|
676
676
|
},
|
|
@@ -681,7 +681,7 @@ var AutoCompleteVue2 = {
|
|
|
681
681
|
animate: popupSettings.animate,
|
|
682
682
|
anchor: this.anchor,
|
|
683
683
|
show: opened,
|
|
684
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
684
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
|
|
685
685
|
className: popupSettings.className,
|
|
686
686
|
appendTo: popupSettings.appendTo
|
|
687
687
|
},
|
|
@@ -726,7 +726,7 @@ var AutoCompleteVue2 = {
|
|
|
726
726
|
};
|
|
727
727
|
|
|
728
728
|
var autoComplete = h("span", {
|
|
729
|
-
"class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-"
|
|
729
|
+
"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
730
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
731
731
|
style: !label ? style : __assign(__assign({}, style), {
|
|
732
732
|
width: undefined
|
|
@@ -786,7 +786,7 @@ var ComboBoxVue2 = {
|
|
|
786
786
|
|
|
787
787
|
var skip = virtual.skip;
|
|
788
788
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
789
|
-
var translate = "translateY("
|
|
789
|
+
var translate = "translateY(".concat(vs.translate, "px)");
|
|
790
790
|
var focusedIndex = opened ? this.getFocusedIndex() : undefined;
|
|
791
791
|
var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();
|
|
792
792
|
return (// @ts-ignore function children
|
|
@@ -884,7 +884,7 @@ var ComboBoxVue2 = {
|
|
|
884
884
|
animate: popupSettings.animate,
|
|
885
885
|
anchor: this.anchor,
|
|
886
886
|
show: opened,
|
|
887
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
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
888
|
className: popupSettings.className,
|
|
889
889
|
appendTo: popupSettings.appendTo
|
|
890
890
|
},
|
|
@@ -894,7 +894,7 @@ var ComboBoxVue2 = {
|
|
|
894
894
|
animate: popupSettings.animate,
|
|
895
895
|
anchor: this.anchor,
|
|
896
896
|
show: opened,
|
|
897
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
897
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
898
898
|
className: popupSettings.className,
|
|
899
899
|
appendTo: popupSettings.appendTo
|
|
900
900
|
},
|
|
@@ -985,7 +985,7 @@ var ComboBoxVue2 = {
|
|
|
985
985
|
};
|
|
986
986
|
|
|
987
987
|
var combobox = h("span", {
|
|
988
|
-
"class": classNames('k-combobox k-input', (_a = {}, _a["k-input-"
|
|
988
|
+
"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
989
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
990
990
|
style: !label ? style : __assign(__assign({}, style), {
|
|
991
991
|
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,
|
|
@@ -946,7 +946,7 @@ var DropDownListVue2 = {
|
|
|
946
946
|
width: popupWidth // @ts-ignore
|
|
947
947
|
,
|
|
948
948
|
popupSettings: {
|
|
949
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
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
950
|
className: popupSettings.className,
|
|
951
951
|
animate: popupSettings.animate,
|
|
952
952
|
anchor: this.anchor,
|
|
@@ -955,7 +955,7 @@ var DropDownListVue2 = {
|
|
|
955
955
|
},
|
|
956
956
|
width: popupWidth,
|
|
957
957
|
popupSettings: {
|
|
958
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
958
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
959
959
|
className: popupSettings.className,
|
|
960
960
|
animate: popupSettings.animate,
|
|
961
961
|
anchor: this.anchor,
|
|
@@ -988,7 +988,7 @@ var DropDownListVue2 = {
|
|
|
988
988
|
|
|
989
989
|
var dropdownlist = h("span", {
|
|
990
990
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
991
|
-
"class": classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-"
|
|
991
|
+
"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
992
|
style: !label ? style : __assign(__assign({}, style), {
|
|
993
993
|
width: undefined
|
|
994
994
|
}),
|
|
@@ -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
|
|
|
@@ -399,7 +395,7 @@ var MultiSelectVue2 = {
|
|
|
399
395
|
newItems = value;
|
|
400
396
|
newItems.splice(indexInValue, 1);
|
|
401
397
|
} else {
|
|
402
|
-
newItems =
|
|
398
|
+
newItems = __spreadArray(__spreadArray([], value, true), [dataItem], false);
|
|
403
399
|
}
|
|
404
400
|
|
|
405
401
|
var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
|
|
@@ -658,7 +654,7 @@ var MultiSelectVue2 = {
|
|
|
658
654
|
},
|
|
659
655
|
triggerOnChange: function triggerOnChange(items, state) {
|
|
660
656
|
if (this.$props.value === undefined) {
|
|
661
|
-
state.data.currentValue =
|
|
657
|
+
state.data.currentValue = __spreadArray([], items, true);
|
|
662
658
|
}
|
|
663
659
|
|
|
664
660
|
this.valuesItemsDuringOnChange = [];
|
|
@@ -771,7 +767,7 @@ var MultiSelectVue2 = {
|
|
|
771
767
|
state.data.currentFocusedIndex = undefined;
|
|
772
768
|
this.base.filterChanged('', state);
|
|
773
769
|
|
|
774
|
-
var newItems =
|
|
770
|
+
var newItems = __spreadArray(__spreadArray([], this.computedValue(), true), [item], false);
|
|
775
771
|
|
|
776
772
|
this.triggerOnChange(newItems, state);
|
|
777
773
|
this.base.togglePopup(state);
|
|
@@ -975,7 +971,7 @@ var MultiSelectVue2 = {
|
|
|
975
971
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
976
972
|
var focusedIndex = this.getFocusedState().focusedIndex;
|
|
977
973
|
var placeholderToShow = value.length === 0 && !searchText ? placeholder : undefined;
|
|
978
|
-
var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-"
|
|
974
|
+
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
975
|
return (// @ts-ignore function children
|
|
980
976
|
h(SearchBar, {
|
|
981
977
|
id: searchId,
|
|
@@ -990,7 +986,7 @@ var MultiSelectVue2 = {
|
|
|
990
986
|
expanded: opened,
|
|
991
987
|
owns: this.base.listBoxId,
|
|
992
988
|
activedescendant: ariaActivedescendant,
|
|
993
|
-
"aria-describedBy": "tagslist-"
|
|
989
|
+
"aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
|
|
994
990
|
"aria-labelledBy": this.$props.ariaLabelledBy
|
|
995
991
|
},
|
|
996
992
|
size: Math.max((placeholderToShow || '').length, searchText.length, 1),
|
|
@@ -1013,7 +1009,7 @@ var MultiSelectVue2 = {
|
|
|
1013
1009
|
expanded: opened,
|
|
1014
1010
|
owns: this.base.listBoxId,
|
|
1015
1011
|
activedescendant: ariaActivedescendant,
|
|
1016
|
-
"aria-describedBy": "tagslist-"
|
|
1012
|
+
"aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
|
|
1017
1013
|
"aria-labelledBy": this.$props.ariaLabelledBy
|
|
1018
1014
|
})
|
|
1019
1015
|
);
|
|
@@ -1029,7 +1025,7 @@ var MultiSelectVue2 = {
|
|
|
1029
1025
|
var skip = virtual ? virtual.skip : 0;
|
|
1030
1026
|
var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
|
|
1031
1027
|
var focusedIndex = this.getFocusedState().focusedIndex;
|
|
1032
|
-
var translate = "translateY("
|
|
1028
|
+
var translate = "translateY(".concat(vs.translate, "px)");
|
|
1033
1029
|
return (// @ts-ignore function children
|
|
1034
1030
|
h(List, {
|
|
1035
1031
|
id: this.base.listBoxId,
|
|
@@ -1150,7 +1146,7 @@ var MultiSelectVue2 = {
|
|
|
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-"
|
|
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)),
|
|
1154
1150
|
className: popupSettings.className,
|
|
1155
1151
|
appendTo: popupSettings.appendTo
|
|
1156
1152
|
},
|
|
@@ -1164,7 +1160,7 @@ var MultiSelectVue2 = {
|
|
|
1164
1160
|
show: opened,
|
|
1165
1161
|
onOpen: this.onPopupOpened,
|
|
1166
1162
|
onClose: this.onPopupClosed,
|
|
1167
|
-
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-"
|
|
1163
|
+
popupClass: classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
|
|
1168
1164
|
className: popupSettings.className,
|
|
1169
1165
|
appendTo: popupSettings.appendTo
|
|
1170
1166
|
},
|
|
@@ -1185,7 +1181,7 @@ var MultiSelectVue2 = {
|
|
|
1185
1181
|
|
|
1186
1182
|
var component = h("span", {
|
|
1187
1183
|
ref: setRef(this, 'kendoAnchor', this.anchor),
|
|
1188
|
-
"class": classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-"
|
|
1184
|
+
"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
1185
|
style: !label ? style : __assign(__assign({}, style), {
|
|
1190
1186
|
width: undefined
|
|
1191
1187
|
}),
|
|
@@ -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,
|
|
@@ -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: 1660123787,
|
|
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 };
|