@progress/kendo-vue-dropdowns 3.3.4 → 3.3.6-dev.202206170937

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.
Files changed (66) hide show
  1. package/dist/cdn/js/kendo-vue-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.d.ts +4 -1
  3. package/dist/es/AutoComplete/AutoComplete.js +9 -1
  4. package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -5
  5. package/dist/es/ComboBox/ComboBox.d.ts +4 -1
  6. package/dist/es/ComboBox/ComboBox.js +18 -2
  7. package/dist/es/ComboBox/ComboBoxProps.d.ts +8 -1
  8. package/dist/es/DropDownList/DropDownList.d.ts +4 -1
  9. package/dist/es/DropDownList/DropDownList.js +19 -3
  10. package/dist/es/DropDownList/DropDownListProps.d.ts +23 -17
  11. package/dist/es/MultiSelect/MultiSelect.d.ts +4 -1
  12. package/dist/es/MultiSelect/MultiSelect.js +29 -2
  13. package/dist/es/MultiSelect/MultiSelectProps.d.ts +8 -1
  14. package/dist/es/MultiSelect/TagList.d.ts +4 -1
  15. package/dist/es/MultiSelect/TagList.js +5 -1
  16. package/dist/es/additionalTypes.ts +11 -0
  17. package/dist/es/common/ClearButton.d.ts +4 -1
  18. package/dist/es/common/ClearButton.js +5 -1
  19. package/dist/es/common/DropDownBase.js +1 -1
  20. package/dist/es/common/List.d.ts +4 -1
  21. package/dist/es/common/List.js +5 -1
  22. package/dist/es/common/ListContainer.d.ts +4 -1
  23. package/dist/es/common/ListContainer.js +5 -1
  24. package/dist/es/common/ListDefaultItem.d.ts +4 -1
  25. package/dist/es/common/ListDefaultItem.js +5 -1
  26. package/dist/es/common/ListFilter.d.ts +4 -1
  27. package/dist/es/common/ListFilter.js +5 -1
  28. package/dist/es/common/ListItem.d.ts +4 -1
  29. package/dist/es/common/ListItem.js +5 -1
  30. package/dist/es/common/SearchBar.d.ts +4 -1
  31. package/dist/es/common/SearchBar.js +5 -1
  32. package/dist/es/common/settings.d.ts +1 -1
  33. package/dist/es/package-metadata.js +1 -1
  34. package/dist/npm/AutoComplete/AutoComplete.d.ts +4 -1
  35. package/dist/npm/AutoComplete/AutoComplete.js +9 -1
  36. package/dist/npm/AutoComplete/AutoCompleteProps.d.ts +0 -5
  37. package/dist/npm/ComboBox/ComboBox.d.ts +4 -1
  38. package/dist/npm/ComboBox/ComboBox.js +18 -2
  39. package/dist/npm/ComboBox/ComboBoxProps.d.ts +8 -1
  40. package/dist/npm/DropDownList/DropDownList.d.ts +4 -1
  41. package/dist/npm/DropDownList/DropDownList.js +19 -3
  42. package/dist/npm/DropDownList/DropDownListProps.d.ts +23 -17
  43. package/dist/npm/MultiSelect/MultiSelect.d.ts +4 -1
  44. package/dist/npm/MultiSelect/MultiSelect.js +29 -2
  45. package/dist/npm/MultiSelect/MultiSelectProps.d.ts +8 -1
  46. package/dist/npm/MultiSelect/TagList.d.ts +4 -1
  47. package/dist/npm/MultiSelect/TagList.js +5 -1
  48. package/dist/npm/additionalTypes.ts +11 -0
  49. package/dist/npm/common/ClearButton.d.ts +4 -1
  50. package/dist/npm/common/ClearButton.js +5 -1
  51. package/dist/npm/common/DropDownBase.js +1 -1
  52. package/dist/npm/common/List.d.ts +4 -1
  53. package/dist/npm/common/List.js +5 -1
  54. package/dist/npm/common/ListContainer.d.ts +4 -1
  55. package/dist/npm/common/ListContainer.js +5 -1
  56. package/dist/npm/common/ListDefaultItem.d.ts +4 -1
  57. package/dist/npm/common/ListDefaultItem.js +5 -1
  58. package/dist/npm/common/ListFilter.d.ts +4 -1
  59. package/dist/npm/common/ListFilter.js +5 -1
  60. package/dist/npm/common/ListItem.d.ts +4 -1
  61. package/dist/npm/common/ListItem.js +5 -1
  62. package/dist/npm/common/SearchBar.d.ts +4 -1
  63. package/dist/npm/common/SearchBar.js +5 -1
  64. package/dist/npm/common/settings.d.ts +1 -1
  65. package/dist/npm/package-metadata.js +1 -1
  66. package/package.json +5 -5
@@ -97,8 +97,11 @@ export interface AutoCompleteComputed {
97
97
  export interface AutoCompleteAll extends AutoCompleteMethods, AutoCompleteState, AutoCompleteData, AutoCompleteComputed, Vue2type {
98
98
  }
99
99
  /**
100
- * Represents the default `AutoComplete` component.
100
+ * @hidden
101
101
  */
102
102
  declare let AutoCompleteVue2: ComponentOptions<Vue2type, DefaultData<AutoCompleteData>, DefaultMethods<AutoCompleteAll>, AutoCompleteComputed, RecordPropsDefinition<AutoCompleteProps>>;
103
+ /**
104
+ * @hidden
105
+ */
103
106
  declare const AutoComplete: DefineComponent<AutoCompleteProps, any, AutoCompleteData, AutoCompleteComputed, AutoCompleteMethods, {}, {}, {}, string, AutoCompleteProps, AutoCompleteProps, {}>;
104
107
  export { AutoComplete, AutoCompleteVue2 };
@@ -30,7 +30,7 @@ var sizeMap = kendoThemeMaps.sizeMap,
30
30
  roundedMap = kendoThemeMaps.roundedMap;
31
31
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
32
32
  /**
33
- * Represents the default `AutoComplete` component.
33
+ * @hidden
34
34
  */
35
35
 
36
36
  var AutoCompleteVue2 = {
@@ -255,6 +255,10 @@ var AutoCompleteVue2 = {
255
255
 
256
256
  return value;
257
257
  },
258
+ primitiveValue: function primitiveValue() {
259
+ var value = this.computedValue();
260
+ return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
261
+ },
258
262
  validity: function validity() {
259
263
  var customError = this.$props.validationMessage !== undefined;
260
264
  var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;
@@ -746,5 +750,9 @@ var AutoCompleteVue2 = {
746
750
  }, [this.$props.label]) : null]) : autoComplete;
747
751
  }
748
752
  };
753
+ /**
754
+ * @hidden
755
+ */
756
+
749
757
  var AutoComplete = AutoCompleteVue2;
750
758
  export { AutoComplete, AutoCompleteVue2 };
@@ -51,10 +51,6 @@ export interface AutoCompleteProps extends FormComponentProps {
51
51
  * Sets the default value of the AutoComplete. Similar to the native `input` HTML element.
52
52
  */
53
53
  defaultValue?: string;
54
- /**
55
- * Sets additional classes to the AutoComplete.
56
- */
57
- className?: string;
58
54
  /**
59
55
  * The hint that is displayed when the AutoComplete is empty.
60
56
  */
@@ -184,7 +180,6 @@ export interface AutoCompleteProps extends FormComponentProps {
184
180
  * - small
185
181
  * - medium
186
182
  * - large
187
- * - circle
188
183
  * - full
189
184
  * - null&mdash;Does not set a rounded `class`.
190
185
  *
@@ -89,8 +89,11 @@ export interface ComboBoxComputed {
89
89
  export interface ComboBoxAll extends ComboBoxMethods, ComboBoxState, ComboBoxData, ComboBoxComputed, Vue2type {
90
90
  }
91
91
  /**
92
- * Represents the default `ComboBox` component.
92
+ * @hidden
93
93
  */
94
94
  declare let ComboBoxVue2: ComponentOptions<Vue2type, DefaultData<ComboBoxData>, DefaultMethods<ComboBoxAll>, ComboBoxComputed, RecordPropsDefinition<ComboBoxProps>>;
95
+ /**
96
+ * @hidden
97
+ */
95
98
  declare const ComboBox: DefineComponent<ComboBoxProps, any, ComboBoxData, ComboBoxComputed, ComboBoxMethods, {}, {}, {}, string, ComboBoxProps, ComboBoxProps, {}>;
96
99
  export { ComboBox, ComboBoxVue2 };
@@ -31,7 +31,7 @@ import { List } from '../common/List';
31
31
  import { ClearButton } from '../common/ClearButton';
32
32
  var VALIDATION_MESSAGE = 'Please enter a valid value!';
33
33
  /**
34
- * Represents the default `ComboBox` component.
34
+ * @hidden
35
35
  */
36
36
 
37
37
  var ComboBoxVue2 = {
@@ -145,6 +145,8 @@ var ComboBoxVue2 = {
145
145
  },
146
146
  ariaLabelledBy: String,
147
147
  ariaDescribedBy: String,
148
+ valueField: String,
149
+ valuePrimitive: Boolean,
148
150
  rounded: {
149
151
  type: String,
150
152
  default: 'medium',
@@ -341,7 +343,17 @@ var ComboBoxVue2 = {
341
343
  value = this.$props.defaultValue;
342
344
  }
343
345
 
344
- return value;
346
+ return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
347
+ },
348
+ findByFieldValue: function findByFieldValue(field, value) {
349
+ var index = this.dataItems.findIndex(function (i) {
350
+ return getItemValue(i, field) === value;
351
+ });
352
+ return this.dataItems[index];
353
+ },
354
+ primitiveValue: function primitiveValue() {
355
+ var value = this.computedValue();
356
+ return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
345
357
  },
346
358
  validity: function validity() {
347
359
  var customError = this.$props.validationMessage !== undefined;
@@ -1029,5 +1041,9 @@ var ComboBoxVue2 = {
1029
1041
  }, [this.$props.label]) : null]) : combobox;
1030
1042
  }
1031
1043
  };
1044
+ /**
1045
+ * @hidden
1046
+ */
1047
+
1032
1048
  var ComboBox = ComboBoxVue2;
1033
1049
  export { ComboBox, ComboBoxVue2 };
@@ -116,6 +116,14 @@ export interface ComboBoxProps extends FormComponentProps {
116
116
  * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
117
117
  */
118
118
  textField?: string;
119
+ /**
120
+ * Sets the data item field that represents the item value.
121
+ */
122
+ valueField?: string;
123
+ /**
124
+ * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
125
+ */
126
+ valuePrimitive?: boolean;
119
127
  /**
120
128
  * Sets the key for comparing the data items of the ComboBox. If `dataItemKey` is not set, the ComboBox compares the items by reference ([see example]({% slug binding_combobox %}#toc-datasets-of-objects)).
121
129
  */
@@ -214,7 +222,6 @@ export interface ComboBoxProps extends FormComponentProps {
214
222
  * - small
215
223
  * - medium
216
224
  * - large
217
- * - circle
218
225
  * - full
219
226
  * - null&mdash;Does not set a rounded `class`.
220
227
  *
@@ -90,8 +90,11 @@ export interface DropDownListComputed {
90
90
  export interface DropDownListAll extends DropDownListMethods, DropDownListState, DropDownListData, DropDownListComputed, Vue2type {
91
91
  }
92
92
  /**
93
- * Represents the default `DropDownList` component.
93
+ * @hidden
94
94
  */
95
95
  declare let DropDownListVue2: ComponentOptions<Vue2type, DefaultData<DropDownListData>, DefaultMethods<DropDownListAll>, DropDownListComputed, RecordPropsDefinition<DropDownListProps>>;
96
+ /**
97
+ * @hidden
98
+ */
96
99
  declare let DropDownList: DefineComponent<DropDownListProps, any, DropDownListData, DropDownListComputed, DropDownListMethods, {}, {}, {}, string, DropDownListProps, DropDownListProps, {}>;
97
100
  export { DropDownList, DropDownListVue2 };
@@ -31,7 +31,7 @@ import DropDownBase from '../common/DropDownBase';
31
31
  import { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';
32
32
  var VALIDATION_MESSAGE = 'Please select a value from the list!';
33
33
  /**
34
- * Represents the default `DropDownList` component.
34
+ * @hidden
35
35
  */
36
36
 
37
37
  var DropDownListVue2 = {
@@ -113,6 +113,8 @@ var DropDownListVue2 = {
113
113
  accessKey: String,
114
114
  dataItems: Array,
115
115
  textField: String,
116
+ valueField: String,
117
+ valuePrimitive: Boolean,
116
118
  className: String,
117
119
  loading: Boolean,
118
120
  popupSettings: {
@@ -355,7 +357,17 @@ var DropDownListVue2 = {
355
357
  value = this.$props.defaultItem;
356
358
  }
357
359
 
358
- return value;
360
+ return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
361
+ },
362
+ findByFieldValue: function findByFieldValue(field, value) {
363
+ var index = this.dataItems.findIndex(function (i) {
364
+ return getItemValue(i, field) === value;
365
+ });
366
+ return this.dataItems[index];
367
+ },
368
+ primitiveValue: function primitiveValue() {
369
+ var value = this.computedValue();
370
+ return this.valuePrimitive ? getItemValue(value, this.valueField) : value;
359
371
  },
360
372
  validity: function validity() {
361
373
  var customError = this.$props.validationMessage !== undefined;
@@ -740,7 +752,7 @@ var DropDownListVue2 = {
740
752
  iconClassName = _d.iconClassName;
741
753
  var valueRender = templateRendering.call(this, this.$props.valueRender, getListeners.call(this));
742
754
  var focused = this.currentFocused;
743
- var value = this.computedValue();
755
+ var value = this.primitiveValue();
744
756
  var selectedIndex = dataItems.findIndex(function (i) {
745
757
  return areSame(i, value, dataItemKey);
746
758
  });
@@ -1085,5 +1097,9 @@ var DropDownListVue2 = {
1085
1097
  }, [this.$props.label]) : null]) : dropdownlist;
1086
1098
  }
1087
1099
  };
1100
+ /**
1101
+ * @hidden
1102
+ */
1103
+
1088
1104
  var DropDownList = DropDownListVue2;
1089
1105
  export { DropDownList, DropDownListVue2 };
@@ -37,7 +37,7 @@ export interface DropDownListBlurEvent extends BlurEvent {
37
37
  export interface DropDownListPageChangeEvent extends PageChangeEvent {
38
38
  }
39
39
  /**
40
- * Represents the props of the [KendoVue DropDownList component]({% slug overview_dropdownlist_native %}).
40
+ * Represents the props of the [KendoVue DropDownList component]({% slug overview_dropdownlist %}).
41
41
  */
42
42
  export interface DropDownListProps extends FormComponentProps {
43
43
  /**
@@ -66,7 +66,7 @@ export interface DropDownListProps extends FormComponentProps {
66
66
  */
67
67
  validate?: boolean;
68
68
  /**
69
- * Sets the data of the DropDownList ([see example]({% slug binding_dropdownlist_native %})).
69
+ * Sets the data of the DropDownList ([see example]({% slug binding_dropdownlist %})).
70
70
  */
71
71
  dataItems?: any[];
72
72
  /**
@@ -94,11 +94,11 @@ export interface DropDownListProps extends FormComponentProps {
94
94
  */
95
95
  modelValue?: any;
96
96
  /**
97
- * Sets the value of the DropDownList ([see example]({% slug binding_dropdownlist_native %})). It can either be of the primitive (string, numbers) or of the complex (objects) type.
97
+ * Sets the value of the DropDownList ([see example]({% slug binding_dropdownlist %})). It can either be of the primitive (string, numbers) or of the complex (objects) type.
98
98
  */
99
99
  value?: any;
100
100
  /**
101
- * Sets the default value of the DropDownList ([see example]({% slug defaultitem_dropdownlist_native %})). Similar to the native `select` HTML element.
101
+ * Sets the default value of the DropDownList ([see example]({% slug defaultitem_dropdownlist %})). Similar to the native `select` HTML element.
102
102
  */
103
103
  defaultValue?: any;
104
104
  /**
@@ -118,7 +118,7 @@ export interface DropDownListProps extends FormComponentProps {
118
118
  */
119
119
  dir?: string;
120
120
  /**
121
- * Enables the filtering functionality of the DropDownList ([more information and examples]({% slug filtering_dropdownlist_native %})).
121
+ * Enables the filtering functionality of the DropDownList ([more information and examples]({% slug filtering_dropdownlist %})).
122
122
  */
123
123
  filterable?: boolean;
124
124
  /**
@@ -138,11 +138,19 @@ export interface DropDownListProps extends FormComponentProps {
138
138
  */
139
139
  accessKey?: string;
140
140
  /**
141
- * Sets the data item field that represents the item text ([see example]({% slug defaultitem_dropdownlist_native %})). If the data contains only primitive values, do not define it.
141
+ * Sets the data item field that represents the item text ([see example]({% slug defaultitem_dropdownlist %})). If the data contains only primitive values, do not define it.
142
142
  */
143
143
  textField?: string;
144
144
  /**
145
- * Sets the key for comparing the data items of the DropDownList. If `dataItemKey` is not set, the DropDownList compares the items by reference ([see example]({% slug binding_dropdownlist_native %}#toc-datasets-of-objects)).
145
+ * Sets the data item field that represents the item value.
146
+ */
147
+ valueField?: string;
148
+ /**
149
+ * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
150
+ */
151
+ valuePrimitive?: boolean;
152
+ /**
153
+ * Sets the key for comparing the data items of the DropDownList. If `dataItemKey` is not set, the DropDownList compares the items by reference ([see example]({% slug binding_dropdownlist %}#toc-datasets-of-objects)).
146
154
  */
147
155
  dataItemKey?: string;
148
156
  /**
@@ -158,7 +166,7 @@ export interface DropDownListProps extends FormComponentProps {
158
166
  */
159
167
  popupSettings?: DropDownsPopupSettings;
160
168
  /**
161
- * Configures the virtual scrolling of the DropDownList ([see example]({% slug virtualization_dropdownlist_native %})).
169
+ * Configures the virtual scrolling of the DropDownList ([see example]({% slug virtualization_dropdownlist %})).
162
170
  */
163
171
  virtual?: VirtualizationSettings;
164
172
  /**
@@ -185,7 +193,7 @@ export interface DropDownListProps extends FormComponentProps {
185
193
  */
186
194
  onBlur?: (event: DropDownListBlurEvent) => void;
187
195
  /**
188
- * Fires each time the value of the DropDownList is about to change ([see examples]({% slug binding_dropdownlist_native %})).
196
+ * Fires each time the value of the DropDownList is about to change ([see examples]({% slug binding_dropdownlist %})).
189
197
  */
190
198
  onChange?: (event: DropDownListChangeEvent) => void;
191
199
  /**
@@ -193,27 +201,27 @@ export interface DropDownListProps extends FormComponentProps {
193
201
  */
194
202
  onFilterchange?: (event: DropDownListFilterChangeEvent) => void;
195
203
  /**
196
- * Fires when both the virtual scrolling of the DropDownList is enabled and the component requires data for another page ([see example]({% slug virtualization_dropdownlist_native %})).
204
+ * Fires when both the virtual scrolling of the DropDownList is enabled and the component requires data for another page ([see example]({% slug virtualization_dropdownlist %})).
197
205
  */
198
206
  onPagechange?: (event: DropDownListPageChangeEvent) => void;
199
207
  /**
200
- * Fires when a DropDownList item is about to be rendered ([see example]({% slug customrendering_dropdownlist_native %}#toc-items)). Used to override the default appearance of the list items.
208
+ * Fires when a DropDownList item is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-items)). Used to override the default appearance of the list items.
201
209
  */
202
210
  itemRender?: any;
203
211
  /**
204
- * Fires when the element which renders the value is about to be rendered ([see example]({% slug customrendering_dropdownlist_native %}#toc-values)). Used to override the default appearance of the element.
212
+ * Fires when the element which renders the value is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-values)). Used to override the default appearance of the element.
205
213
  */
206
214
  valueRender?: any;
207
215
  /**
208
- * Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug customrendering_dropdownlist_native %}#toc-no-data)). Used to override the default appearance of the element.
216
+ * Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug customrendering_dropdownlist %}#toc-no-data)). Used to override the default appearance of the element.
209
217
  */
210
218
  listNoDataRender?: any;
211
219
  /**
212
- * Sets the header component of the DropDownList ([see example]({% slug customrendering_dropdownlist_native %}#toc-headers-and-footers)).
220
+ * Sets the header component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
213
221
  */
214
222
  header?: any;
215
223
  /**
216
- * Sets the footer component of the DropDownList ([see example]({% slug customrendering_dropdownlist_native %}#toc-headers-and-footers)).
224
+ * Sets the footer component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
217
225
  */
218
226
  footer?: any;
219
227
  /**
@@ -244,7 +252,6 @@ export interface DropDownListProps extends FormComponentProps {
244
252
  * - small
245
253
  * - medium
246
254
  * - large
247
- * - circle
248
255
  * - full
249
256
  * - null&mdash;Does not set a rounded `class`.
250
257
  *
@@ -258,7 +265,6 @@ export interface DropDownListProps extends FormComponentProps {
258
265
  * - solid
259
266
  * - outline
260
267
  * - flat
261
- * - link
262
268
  * - null&mdash;Does not set a fillMode `class`.
263
269
  *
264
270
  * @default `solid`
@@ -105,8 +105,11 @@ export interface MultiSelectComputed {
105
105
  export interface MultiSelectAll extends MultiSelectMethods, MultiSelectState, MultiSelectData, MultiSelectComputed, Vue2type {
106
106
  }
107
107
  /**
108
- * Represents the default `MultiSelect` component.
108
+ * @hidden
109
109
  */
110
110
  declare let MultiSelectVue2: ComponentOptions<Vue2type, DefaultData<MultiSelectData>, DefaultMethods<MultiSelectAll>, MultiSelectComputed, RecordPropsDefinition<MultiSelectProps>>;
111
+ /**
112
+ * @hidden
113
+ */
111
114
  declare const MultiSelect: DefineComponent<MultiSelectProps, any, MultiSelectData, MultiSelectComputed, MultiSelectMethods, {}, {}, {}, string, MultiSelectProps, MultiSelectProps, {}>;
112
115
  export { MultiSelect, MultiSelectVue2 };
@@ -70,7 +70,7 @@ var FocusedItemType;
70
70
  FocusedItemType[FocusedItemType["CustomItem"] = 2] = "CustomItem";
71
71
  })(FocusedItemType || (FocusedItemType = {}));
72
72
  /**
73
- * Represents the default `MultiSelect` component.
73
+ * @hidden
74
74
  */
75
75
 
76
76
 
@@ -116,6 +116,8 @@ var MultiSelectVue2 = {
116
116
  name: String,
117
117
  value: Array,
118
118
  defaultValue: Array,
119
+ valueField: String,
120
+ valuePrimitive: Boolean,
119
121
  dataItemKey: String,
120
122
  placeholder: String,
121
123
  tags: Array,
@@ -343,7 +345,28 @@ var MultiSelectVue2 = {
343
345
  result.push.apply(result, this.$props.defaultValue);
344
346
  }
345
347
 
346
- return result;
348
+ return this.valuePrimitive ? this.findByFieldValue(this.valueField, result) || result : result;
349
+ },
350
+ findByFieldValue: function findByFieldValue(field, result) {
351
+ var _this = this;
352
+
353
+ var newResult = result.map(function (currentValue) {
354
+ var index = _this.dataItems.findIndex(function (i) {
355
+ return getItemValue(i, field) === currentValue;
356
+ });
357
+
358
+ return _this.dataItems[index] || currentValue;
359
+ });
360
+ return newResult;
361
+ },
362
+ primitiveValue: function primitiveValue() {
363
+ var _this = this;
364
+
365
+ var computed = this.computedValue();
366
+ var value = computed.map(function (v) {
367
+ return getItemValue(v, _this.valueField);
368
+ });
369
+ return this.valuePrimitive ? value : computed;
347
370
  },
348
371
  validity: function validity() {
349
372
  var customError = this.$props.validationMessage !== undefined;
@@ -1225,5 +1248,9 @@ var MultiSelectVue2 = {
1225
1248
  }, [this.$props.label]) : null]) : component;
1226
1249
  }
1227
1250
  };
1251
+ /**
1252
+ * @hidden
1253
+ */
1254
+
1228
1255
  var MultiSelect = MultiSelectVue2;
1229
1256
  export { MultiSelect, MultiSelectVue2 };
@@ -79,6 +79,14 @@ export interface MultiSelectProps extends FormComponentProps {
79
79
  * Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
80
80
  */
81
81
  tags?: Array<TagData>;
82
+ /**
83
+ * Sets the data item field that represents the item value.
84
+ */
85
+ valueField?: string;
86
+ /**
87
+ * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
88
+ */
89
+ valuePrimitive?: boolean;
82
90
  /**
83
91
  * Sets the key for comparing the data items of the MultiSelect ([see example]({% slug binding_multiselect %}#toc-datasets-of-objects)). If `dataItemKey` is not set, the MultiSelect compares the items by reference.
84
92
  */
@@ -218,7 +226,6 @@ export interface MultiSelectProps extends FormComponentProps {
218
226
  * - small
219
227
  * - medium
220
228
  * - large
221
- * - circle
222
229
  * - full
223
230
  * - null&mdash;Does not set a rounded `class`.
224
231
  *
@@ -41,8 +41,11 @@ export interface TagListMethods extends Vue2type {
41
41
  export interface TagListAll extends TagListMethods {
42
42
  }
43
43
  /**
44
- * Represents the default `TagList` component.
44
+ * @hidden
45
45
  */
46
46
  declare let TagListVue2: ComponentOptions<Vue2type, DefaultData<TagListAll>, DefaultMethods<TagListAll>, {}, RecordPropsDefinition<TagListProps>>;
47
+ /**
48
+ * @hidden
49
+ */
47
50
  declare const TagList: DefineComponent<{}, any, {}, {}, TagListMethods, {}, {}, {}, string, {}, {}, {}>;
48
51
  export { TagList, TagListVue2 };
@@ -29,7 +29,7 @@ var stopPropagation = function stopPropagation(event) {
29
29
  return event.stopPropagation();
30
30
  };
31
31
  /**
32
- * Represents the default `TagList` component.
32
+ * @hidden
33
33
  */
34
34
 
35
35
 
@@ -171,5 +171,9 @@ var TagListVue2 = {
171
171
  }, this)]);
172
172
  }
173
173
  };
174
+ /**
175
+ * @hidden
176
+ */
177
+
174
178
  var TagList = TagListVue2;
175
179
  export { TagList, TagListVue2 };
@@ -2,9 +2,20 @@
2
2
  import { DefineComponent } from 'vue';
3
3
  // @ts-ignore
4
4
  import * as Vue from 'vue';
5
+
6
+ /**
7
+ * @hidden
8
+ */
5
9
  // @ts-ignore
6
10
  type Vue2type = Vue.default;
11
+
12
+ /**
13
+ * @hidden
14
+ */
7
15
  // @ts-ignore
8
16
  import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
17
+ /**
18
+ * @hidden
19
+ */
9
20
  // @ts-ignore
10
21
  export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
@@ -11,8 +11,11 @@ export interface ClearButtonMethods extends Vue2type {
11
11
  onClickHandler: (e: any) => void;
12
12
  }
13
13
  /**
14
- * Represents the default `ClearButton` component.
14
+ * @hidden
15
15
  */
16
16
  declare let ClearButtonVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ClearButtonMethods>, {}, RecordPropsDefinition<{}>>;
17
+ /**
18
+ * @hidden
19
+ */
17
20
  declare const ClearButton: DefineComponent<{}, any, {}, {}, ClearButtonMethods, {}, {}, {}, string, {}, {}, {}>;
18
21
  export { ClearButton, ClearButtonVue2 };
@@ -6,7 +6,7 @@ var inject = allVue.inject;
6
6
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
7
7
  import { messages, clear } from '../messages';
8
8
  /**
9
- * Represents the default `ClearButton` component.
9
+ * @hidden
10
10
  */
11
11
 
12
12
  var ClearButtonVue2 = {
@@ -59,5 +59,9 @@ var ClearButtonVue2 = {
59
59
  })]);
60
60
  }
61
61
  };
62
+ /**
63
+ * @hidden
64
+ */
65
+
62
66
  var ClearButton = ClearButtonVue2;
63
67
  export { ClearButton, ClearButtonVue2 };
@@ -222,7 +222,7 @@ function () {
222
222
  } // @ts-ignore
223
223
 
224
224
 
225
- var newValue = this.component.computedValue();
225
+ var newValue = this.component.primitiveValue();
226
226
  var eventArgs = {
227
227
  event: state.event,
228
228
  component: this.component,
@@ -48,8 +48,11 @@ export interface ListAll extends ListMethods, ListState {
48
48
  listRef: any;
49
49
  }
50
50
  /**
51
- * Represents the default `List` component.
51
+ * @hidden
52
52
  */
53
53
  declare let ListVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListMethods>, {}, RecordPropsDefinition<ListProps>>;
54
+ /**
55
+ * @hidden
56
+ */
54
57
  declare const List: DefineComponent<{}, any, {}, {}, ListMethods, {}, {}, {}, string, {}, {}, {}>;
55
58
  export { List, ListVue2 };
@@ -10,7 +10,7 @@ import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
10
10
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
11
11
  import { messages, nodata } from '../messages';
12
12
  /**
13
- * Represents the default `List` component.
13
+ * @hidden
14
14
  */
15
15
 
16
16
  var ListVue2 = {
@@ -169,5 +169,9 @@ var ListVue2 = {
169
169
  }, [items]), defaultSlot]) : renderNoValueElement.call(this);
170
170
  }
171
171
  };
172
+ /**
173
+ * @hidden
174
+ */
175
+
172
176
  var List = ListVue2;
173
177
  export { List, ListVue2 };
@@ -30,8 +30,11 @@ export interface ListContainerMethods extends Vue2type {
30
30
  onClose: (e: any) => void;
31
31
  }
32
32
  /**
33
- * Represents the default `ListContainer` component.
33
+ * @hidden
34
34
  */
35
35
  declare let ListContainerVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListContainerMethods>, {}, RecordPropsDefinition<ListContainerProps>>;
36
+ /**
37
+ * @hidden
38
+ */
36
39
  declare const ListContainer: DefineComponent<ListContainerProps, any, {}, {}, ListContainerMethods, {}, {}, {}, string, ListContainerProps, ListContainerProps, {}>;
37
40
  export { ListContainer, ListContainerVue2 };
@@ -5,7 +5,7 @@ var gh = allVue.h;
5
5
  import { Popup } from '@progress/kendo-vue-popup';
6
6
  import { getDefaultSlots } from '@progress/kendo-vue-common';
7
7
  /**
8
- * Represents the default `ListContainer` component.
8
+ * @hidden
9
9
  */
10
10
 
11
11
  var ListContainerVue2 = {
@@ -122,5 +122,9 @@ var ListContainerVue2 = {
122
122
  );
123
123
  }
124
124
  };
125
+ /**
126
+ * @hidden
127
+ */
128
+
125
129
  var ListContainer = ListContainerVue2;
126
130
  export { ListContainer, ListContainerVue2 };
@@ -19,8 +19,11 @@ export interface ListDefaultItemMethods extends Vue2type {
19
19
  onClick: (e: any) => void;
20
20
  }
21
21
  /**
22
- * Represents the default `ListDefaultItem` component.
22
+ * @hidden
23
23
  */
24
24
  declare let ListDefaultItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListDefaultItemMethods>, {}, RecordPropsDefinition<DefaultItemProps>>;
25
+ /**
26
+ * @hidden
27
+ */
25
28
  declare const ListDefaultItem: DefineComponent<DefaultItemProps, any, {}, {}, ListDefaultItemMethods, {}, {}, {}, string, DefaultItemProps, DefaultItemProps, {}>;
26
29
  export { ListDefaultItem, ListDefaultItemVue2 };
@@ -5,7 +5,7 @@ var gh = allVue.h;
5
5
  import { classNames } from '@progress/kendo-vue-common';
6
6
  import { getItemValue } from './utils';
7
7
  /**
8
- * Represents the default `ListDefaultItem` component.
8
+ * @hidden
9
9
  */
10
10
 
11
11
  var ListDefaultItemVue2 = {
@@ -53,5 +53,9 @@ var ListDefaultItemVue2 = {
53
53
  }, [getItemValue(defaultItem, textField) || '']);
54
54
  }
55
55
  };
56
+ /**
57
+ * @hidden
58
+ */
59
+
56
60
  var ListDefaultItem = ListDefaultItemVue2;
57
61
  export { ListDefaultItem, ListDefaultItemVue2 };
@@ -36,8 +36,11 @@ export interface ListFilterState {
36
36
  export interface ListFilterAll extends ListFilterState, ListFilterMethods {
37
37
  }
38
38
  /**
39
- * Represents the default `ListFilter` component.
39
+ * @hidden
40
40
  */
41
41
  declare let ListFilterVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListFilterMethods>, {}, RecordPropsDefinition<ListFilterProps>>;
42
+ /**
43
+ * @hidden
44
+ */
42
45
  declare const ListFilter: DefineComponent<ListFilterProps, any, {}, {}, ListFilterMethods, {}, {}, {}, string, ListFilterProps, ListFilterProps, {}>;
43
46
  export { ListFilter, ListFilterVue2 };