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

package/dist/es/common/ListFilter.js

@@ -7,7 +7,7 @@ import { kendoThemeMaps } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
     roundedMap = kendoThemeMaps.roundedMap;
 /**
- * Represents the default `ListFilter` component.
+ * @hidden
  */
 
 var ListFilterVue2 = {
@@ -107,5 +107,9 @@ var ListFilterVue2 = {
     })])]);
   }
 };
+/**
+ * @hidden
+ */
+
 var ListFilter = ListFilterVue2;
 export { ListFilter, ListFilterVue2 };

package/dist/es/common/ListItem.d.ts

@@ -61,8 +61,11 @@ export interface ListItemAll extends Vue2type, ListItemMethods, ListItemComputed
     itemClass: object;
 }
 /**
- * Represents the default `ListItem` component.
+ * @hidden
  */
 declare let ListItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListItemAll>, ListItemComputed, RecordPropsDefinition<ListItemProps>>;
+/**
+ * @hidden
+ */
 declare const ListItem: DefineComponent<ListItemProps, any, {}, {}, ListItemMethods, {}, {}, {}, string, ListItemProps, ListItemProps, {}>;
 export { ListItem, ListItemVue2 };

package/dist/es/common/ListItem.js

@@ -21,7 +21,7 @@ var gh = allVue.h;
 import { classNames, getTemplate } from '@progress/kendo-vue-common';
 import { getItemValue } from './utils';
 /**
- * Represents the default `ListItem` component.
+ * @hidden
  */
 
 var ListItemVue2 = {
@@ -96,5 +96,9 @@ var ListItemVue2 = {
     });
   }
 };
+/**
+ * @hidden
+ */
+
 var ListItem = ListItemVue2;
 export { ListItem, ListItemVue2 };

package/dist/es/common/SearchBar.d.ts

@@ -55,8 +55,11 @@ export interface SearchBarData {
 export interface SearchBarAll extends SearchBarMethods, SearchBarData {
 }
 /**
- * Represents the default `SearchBar` component.
+ * @hidden
  */
 declare let SearchBarVue2: ComponentOptions<Vue2type, DefaultData<SearchBarData>, DefaultMethods<SearchBarAll>, {}, RecordPropsDefinition<SearchBarProps>>;
+/**
+ * @hidden
+ */
 declare const SearchBar: DefineComponent<SearchBarProps, any, SearchBarData, {}, SearchBarMethods, {}, {}, {}, string, SearchBarProps, SearchBarProps, {}>;
 export { SearchBar, SearchBarVue2 };

package/dist/es/common/SearchBar.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var ref = allVue.ref;
 import { canUseDOM } from '@progress/kendo-vue-common';
 /**
- * Represents the default `SearchBar` component.
+ * @hidden
  */
 
 var SearchBarVue2 = {
@@ -170,5 +170,9 @@ var SearchBarVue2 = {
     });
   }
 };
+/**
+ * @hidden
+ */
+
 var SearchBar = SearchBarVue2;
 export { SearchBar, SearchBarVue2 };

package/dist/es/common/settings.d.ts

@@ -55,7 +55,7 @@ import { FilterDescriptor } from './filterDescriptor';
  * @hidden
  */
 export interface EventData {
-    type: string;
+    type?: string;
     filter?: FilterDescriptor;
     page?: Page;
     suggestion?: Suggestion;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589023,
+    publishDate: 1655458005,
     version: '',
     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'
 };

package/dist/npm/AutoComplete/AutoComplete.d.ts

@@ -97,8 +97,11 @@ export interface AutoCompleteComputed {
 export interface AutoCompleteAll extends AutoCompleteMethods, AutoCompleteState, AutoCompleteData, AutoCompleteComputed, Vue2type {
 }
 /**
- * Represents the default `AutoComplete` component.
+ * @hidden
  */
 declare let AutoCompleteVue2: ComponentOptions<Vue2type, DefaultData<AutoCompleteData>, DefaultMethods<AutoCompleteAll>, AutoCompleteComputed, RecordPropsDefinition<AutoCompleteProps>>;
+/**
+ * @hidden
+ */
 declare const AutoComplete: DefineComponent<AutoCompleteProps, any, AutoCompleteData, AutoCompleteComputed, AutoCompleteMethods, {}, {}, {}, string, AutoCompleteProps, AutoCompleteProps, {}>;
 export { AutoComplete, AutoCompleteVue2 };

package/dist/npm/AutoComplete/AutoComplete.js

@@ -45,7 +45,7 @@ var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
     roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
- * Represents the default `AutoComplete` component.
+ * @hidden
  */
 
 var AutoCompleteVue2 = {
@@ -270,6 +270,10 @@ var AutoCompleteVue2 = {
 
       return value;
     },
+    primitiveValue: function primitiveValue() {
+      var value = this.computedValue();
+      return this.valuePrimitive ? utils_1.getItemValue(value, this.valueField) : value;
+    },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
       var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;
@@ -762,5 +766,9 @@ var AutoCompleteVue2 = {
   }
 };
 exports.AutoCompleteVue2 = AutoCompleteVue2;
+/**
+ * @hidden
+ */
+
 var AutoComplete = AutoCompleteVue2;
 exports.AutoComplete = AutoComplete;

package/dist/npm/AutoComplete/AutoCompleteProps.d.ts

@@ -51,10 +51,6 @@ export interface AutoCompleteProps extends FormComponentProps {
      * Sets the default value of the AutoComplete. Similar to the native `input` HTML element.
      */
     defaultValue?: string;
-    /**
-     * Sets additional classes to the AutoComplete.
-     */
-    className?: string;
     /**
      * The hint that is displayed when the AutoComplete is empty.
      */
@@ -184,7 +180,6 @@ export interface AutoCompleteProps extends FormComponentProps {
      * - small
      * - medium
      * - large
-     * - circle
      * - full
      * - null—Does not set a rounded `class`.
      *

package/dist/npm/ComboBox/ComboBox.d.ts

@@ -89,8 +89,11 @@ export interface ComboBoxComputed {
 export interface ComboBoxAll extends ComboBoxMethods, ComboBoxState, ComboBoxData, ComboBoxComputed, Vue2type {
 }
 /**
- * Represents the default `ComboBox` component.
+ * @hidden
  */
 declare let ComboBoxVue2: ComponentOptions<Vue2type, DefaultData<ComboBoxData>, DefaultMethods<ComboBoxAll>, ComboBoxComputed, RecordPropsDefinition<ComboBoxProps>>;
+/**
+ * @hidden
+ */
 declare const ComboBox: DefineComponent<ComboBoxProps, any, ComboBoxData, ComboBoxComputed, ComboBoxMethods, {}, {}, {}, string, ComboBoxProps, ComboBoxProps, {}>;
 export { ComboBox, ComboBoxVue2 };

package/dist/npm/ComboBox/ComboBox.js

@@ -48,7 +48,7 @@ var ClearButton_1 = require("../common/ClearButton");
 
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
- * Represents the default `ComboBox` component.
+ * @hidden
  */
 
 var ComboBoxVue2 = {
@@ -162,6 +162,8 @@ var ComboBoxVue2 = {
     },
     ariaLabelledBy: String,
     ariaDescribedBy: String,
+    valueField: String,
+    valuePrimitive: Boolean,
     rounded: {
       type: String,
       default: 'medium',
@@ -358,7 +360,17 @@ var ComboBoxVue2 = {
         value = this.$props.defaultValue;
       }
 
-      return value;
+      return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
+    },
+    findByFieldValue: function findByFieldValue(field, value) {
+      var index = this.dataItems.findIndex(function (i) {
+        return utils_1.getItemValue(i, field) === value;
+      });
+      return this.dataItems[index];
+    },
+    primitiveValue: function primitiveValue() {
+      var value = this.computedValue();
+      return this.valuePrimitive ? utils_1.getItemValue(value, this.valueField) : value;
     },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
@@ -1047,5 +1059,9 @@ var ComboBoxVue2 = {
   }
 };
 exports.ComboBoxVue2 = ComboBoxVue2;
+/**
+ * @hidden
+ */
+
 var ComboBox = ComboBoxVue2;
 exports.ComboBox = ComboBox;

package/dist/npm/ComboBox/ComboBoxProps.d.ts

@@ -116,6 +116,14 @@ export interface ComboBoxProps extends FormComponentProps {
      * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
      */
     textField?: string;
+    /**
+     * Sets the data item field that represents the item value.
+     */
+    valueField?: string;
+    /**
+     * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
+     */
+    valuePrimitive?: boolean;
     /**
      * 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)).
      */
@@ -214,7 +222,6 @@ export interface ComboBoxProps extends FormComponentProps {
      * - small
      * - medium
      * - large
-     * - circle
      * - full
      * - null—Does not set a rounded `class`.
      *

package/dist/npm/DropDownList/DropDownList.d.ts

@@ -90,8 +90,11 @@ export interface DropDownListComputed {
 export interface DropDownListAll extends DropDownListMethods, DropDownListState, DropDownListData, DropDownListComputed, Vue2type {
 }
 /**
- * Represents the default `DropDownList` component.
+ * @hidden
  */
 declare let DropDownListVue2: ComponentOptions<Vue2type, DefaultData<DropDownListData>, DefaultMethods<DropDownListAll>, DropDownListComputed, RecordPropsDefinition<DropDownListProps>>;
+/**
+ * @hidden
+ */
 declare let DropDownList: DefineComponent<DropDownListProps, any, DropDownListData, DropDownListComputed, DropDownListMethods, {}, {}, {}, string, DropDownListProps, DropDownListProps, {}>;
 export { DropDownList, DropDownListVue2 };

package/dist/npm/DropDownList/DropDownList.js

@@ -48,7 +48,7 @@ var utils_1 = require("../common/utils");
 
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 /**
- * Represents the default `DropDownList` component.
+ * @hidden
  */
 
 var DropDownListVue2 = {
@@ -130,6 +130,8 @@ var DropDownListVue2 = {
     accessKey: String,
     dataItems: Array,
     textField: String,
+    valueField: String,
+    valuePrimitive: Boolean,
     className: String,
     loading: Boolean,
     popupSettings: {
@@ -372,7 +374,17 @@ var DropDownListVue2 = {
         value = this.$props.defaultItem;
       }
 
-      return value;
+      return this.valuePrimitive ? this.findByFieldValue(this.valueField, value) || value : value;
+    },
+    findByFieldValue: function findByFieldValue(field, value) {
+      var index = this.dataItems.findIndex(function (i) {
+        return utils_1.getItemValue(i, field) === value;
+      });
+      return this.dataItems[index];
+    },
+    primitiveValue: function primitiveValue() {
+      var value = this.computedValue();
+      return this.valuePrimitive ? utils_1.getItemValue(value, this.valueField) : value;
     },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
@@ -757,7 +769,7 @@ var DropDownListVue2 = {
         iconClassName = _d.iconClassName;
     var valueRender = kendo_vue_common_1.templateRendering.call(this, this.$props.valueRender, kendo_vue_common_1.getListeners.call(this));
     var focused = this.currentFocused;
-    var value = this.computedValue();
+    var value = this.primitiveValue();
     var selectedIndex = dataItems.findIndex(function (i) {
       return utils_1.areSame(i, value, dataItemKey);
     });
@@ -1103,5 +1115,9 @@ var DropDownListVue2 = {
   }
 };
 exports.DropDownListVue2 = DropDownListVue2;
+/**
+ * @hidden
+ */
+
 var DropDownList = DropDownListVue2;
 exports.DropDownList = DropDownList;

package/dist/npm/DropDownList/DropDownListProps.d.ts

@@ -37,7 +37,7 @@ export interface DropDownListBlurEvent extends BlurEvent {
 export interface DropDownListPageChangeEvent extends PageChangeEvent {
 }
 /**
- * Represents the props of the [KendoVue DropDownList component]({% slug overview_dropdownlist_native %}).
+ * Represents the props of the [KendoVue DropDownList component]({% slug overview_dropdownlist %}).
  */
 export interface DropDownListProps extends FormComponentProps {
     /**
@@ -66,7 +66,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     validate?: boolean;
     /**
-     * Sets the data of the DropDownList ([see example]({% slug binding_dropdownlist_native %})).
+     * Sets the data of the DropDownList ([see example]({% slug binding_dropdownlist %})).
      */
     dataItems?: any[];
     /**
@@ -94,11 +94,11 @@ export interface DropDownListProps extends FormComponentProps {
      */
     modelValue?: any;
     /**
-     * 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.
+     * 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.
      */
     value?: any;
     /**
-     * Sets the default value of the DropDownList ([see example]({% slug defaultitem_dropdownlist_native %})). Similar to the native `select` HTML element.
+     * Sets the default value of the DropDownList ([see example]({% slug defaultitem_dropdownlist %})). Similar to the native `select` HTML element.
      */
     defaultValue?: any;
     /**
@@ -118,7 +118,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     dir?: string;
     /**
-     * Enables the filtering functionality of the DropDownList ([more information and examples]({% slug filtering_dropdownlist_native %})).
+     * Enables the filtering functionality of the DropDownList ([more information and examples]({% slug filtering_dropdownlist %})).
      */
     filterable?: boolean;
     /**
@@ -138,11 +138,19 @@ export interface DropDownListProps extends FormComponentProps {
      */
     accessKey?: string;
     /**
-     * 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.
+     * 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.
      */
     textField?: string;
     /**
-     * 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)).
+     * Sets the data item field that represents the item value.
+     */
+    valueField?: string;
+    /**
+     * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
+     */
+    valuePrimitive?: boolean;
+    /**
+     * 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)).
      */
     dataItemKey?: string;
     /**
@@ -158,7 +166,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     popupSettings?: DropDownsPopupSettings;
     /**
-     * Configures the virtual scrolling of the DropDownList ([see example]({% slug virtualization_dropdownlist_native %})).
+     * Configures the virtual scrolling of the DropDownList ([see example]({% slug virtualization_dropdownlist %})).
      */
     virtual?: VirtualizationSettings;
     /**
@@ -185,7 +193,7 @@ export interface DropDownListProps extends FormComponentProps {
      */
     onBlur?: (event: DropDownListBlurEvent) => void;
     /**
-     * Fires each time the value of the DropDownList is about to change ([see examples]({% slug binding_dropdownlist_native %})).
+     * Fires each time the value of the DropDownList is about to change ([see examples]({% slug binding_dropdownlist %})).
      */
     onChange?: (event: DropDownListChangeEvent) => void;
     /**
@@ -193,27 +201,27 @@ export interface DropDownListProps extends FormComponentProps {
      */
     onFilterchange?: (event: DropDownListFilterChangeEvent) => void;
     /**
-     * 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 %})).
+     * Fires when both the virtual scrolling of the DropDownList is enabled and the component requires data for another page ([see example]({% slug virtualization_dropdownlist %})).
      */
     onPagechange?: (event: DropDownListPageChangeEvent) => void;
     /**
-     * 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.
+     * 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.
      */
     itemRender?: any;
     /**
-     * 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.
+     * 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.
      */
     valueRender?: any;
     /**
-     * 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.
+     * 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.
      */
     listNoDataRender?: any;
     /**
-     * Sets the header component of the DropDownList ([see example]({% slug customrendering_dropdownlist_native %}#toc-headers-and-footers)).
+     * Sets the header component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
      */
     header?: any;
     /**
-     * Sets the footer component of the DropDownList ([see example]({% slug customrendering_dropdownlist_native %}#toc-headers-and-footers)).
+     * Sets the footer component of the DropDownList ([see example]({% slug customrendering_dropdownlist %}#toc-headers-and-footers)).
      */
     footer?: any;
     /**
@@ -244,7 +252,6 @@ export interface DropDownListProps extends FormComponentProps {
      * - small
      * - medium
      * - large
-     * - circle
      * - full
      * - null—Does not set a rounded `class`.
      *
@@ -258,7 +265,6 @@ export interface DropDownListProps extends FormComponentProps {
      * - solid
      * - outline
      * - flat
-     * - link
      * - null—Does not set a fillMode `class`.
      *
      * @default `solid`

package/dist/npm/MultiSelect/MultiSelect.d.ts

@@ -105,8 +105,11 @@ export interface MultiSelectComputed {
 export interface MultiSelectAll extends MultiSelectMethods, MultiSelectState, MultiSelectData, MultiSelectComputed, Vue2type {
 }
 /**
- * Represents the default `MultiSelect` component.
+ * @hidden
  */
 declare let MultiSelectVue2: ComponentOptions<Vue2type, DefaultData<MultiSelectData>, DefaultMethods<MultiSelectAll>, MultiSelectComputed, RecordPropsDefinition<MultiSelectProps>>;
+/**
+ * @hidden
+ */
 declare const MultiSelect: DefineComponent<MultiSelectProps, any, MultiSelectData, MultiSelectComputed, MultiSelectMethods, {}, {}, {}, string, MultiSelectProps, MultiSelectProps, {}>;
 export { MultiSelect, MultiSelectVue2 };

package/dist/npm/MultiSelect/MultiSelect.js

@@ -88,7 +88,7 @@ var FocusedItemType;
   FocusedItemType[FocusedItemType["CustomItem"] = 2] = "CustomItem";
 })(FocusedItemType || (FocusedItemType = {}));
 /**
- * Represents the default `MultiSelect` component.
+ * @hidden
  */
 
 
@@ -134,6 +134,8 @@ var MultiSelectVue2 = {
     name: String,
     value: Array,
     defaultValue: Array,
+    valueField: String,
+    valuePrimitive: Boolean,
     dataItemKey: String,
     placeholder: String,
     tags: Array,
@@ -361,7 +363,28 @@ var MultiSelectVue2 = {
         result.push.apply(result, this.$props.defaultValue);
       }
 
-      return result;
+      return this.valuePrimitive ? this.findByFieldValue(this.valueField, result) || result : result;
+    },
+    findByFieldValue: function findByFieldValue(field, result) {
+      var _this = this;
+
+      var newResult = result.map(function (currentValue) {
+        var index = _this.dataItems.findIndex(function (i) {
+          return utils_1.getItemValue(i, field) === currentValue;
+        });
+
+        return _this.dataItems[index] || currentValue;
+      });
+      return newResult;
+    },
+    primitiveValue: function primitiveValue() {
+      var _this = this;
+
+      var computed = this.computedValue();
+      var value = computed.map(function (v) {
+        return utils_1.getItemValue(v, _this.valueField);
+      });
+      return this.valuePrimitive ? value : computed;
     },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
@@ -1244,5 +1267,9 @@ var MultiSelectVue2 = {
   }
 };
 exports.MultiSelectVue2 = MultiSelectVue2;
+/**
+ * @hidden
+ */
+
 var MultiSelect = MultiSelectVue2;
 exports.MultiSelect = MultiSelect;

package/dist/npm/MultiSelect/MultiSelectProps.d.ts

@@ -79,6 +79,14 @@ export interface MultiSelectProps extends FormComponentProps {
      * Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
      */
     tags?: Array<TagData>;
+    /**
+     * Sets the data item field that represents the item value.
+     */
+    valueField?: string;
+    /**
+     * Specifies the type of the selected value. If set to true, the selected value has to be of a primitive value.
+     */
+    valuePrimitive?: boolean;
     /**
      * 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.
      */
@@ -218,7 +226,6 @@ export interface MultiSelectProps extends FormComponentProps {
      * - small
      * - medium
      * - large
-     * - circle
      * - full
      * - null&mdash;Does not set a rounded `class`.
      *

package/dist/npm/MultiSelect/TagList.d.ts

@@ -41,8 +41,11 @@ export interface TagListMethods extends Vue2type {
 export interface TagListAll extends TagListMethods {
 }
 /**
- * Represents the default `TagList` component.
+ * @hidden
  */
 declare let TagListVue2: ComponentOptions<Vue2type, DefaultData<TagListAll>, DefaultMethods<TagListAll>, {}, RecordPropsDefinition<TagListProps>>;
+/**
+ * @hidden
+ */
 declare const TagList: DefineComponent<{}, any, {}, {}, TagListMethods, {}, {}, {}, string, {}, {}, {}>;
 export { TagList, TagListVue2 };

package/dist/npm/MultiSelect/TagList.js

@@ -37,7 +37,7 @@ var stopPropagation = function stopPropagation(event) {
   return event.stopPropagation();
 };
 /**
- * Represents the default `TagList` component.
+ * @hidden
  */
 
 
@@ -180,5 +180,9 @@ var TagListVue2 = {
   }
 };
 exports.TagListVue2 = TagListVue2;
+/**
+ * @hidden
+ */
+
 var TagList = TagListVue2;
 exports.TagList = TagList;

package/dist/npm/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/common/ClearButton.d.ts

@@ -11,8 +11,11 @@ export interface ClearButtonMethods extends Vue2type {
     onClickHandler: (e: any) => void;
 }
 /**
- * Represents the default `ClearButton` component.
+ * @hidden
  */
 declare let ClearButtonVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ClearButtonMethods>, {}, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
 declare const ClearButton: DefineComponent<{}, any, {}, {}, ClearButtonMethods, {}, {}, {}, string, {}, {}, {}>;
 export { ClearButton, ClearButtonVue2 };

package/dist/npm/common/ClearButton.js

@@ -15,7 +15,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 /**
- * Represents the default `ClearButton` component.
+ * @hidden
  */
 
 
@@ -70,5 +70,9 @@ var ClearButtonVue2 = {
   }
 };
 exports.ClearButtonVue2 = ClearButtonVue2;
+/**
+ * @hidden
+ */
+
 var ClearButton = ClearButtonVue2;
 exports.ClearButton = ClearButton;

package/dist/npm/common/DropDownBase.js

@@ -233,7 +233,7 @@ function () {
     } // @ts-ignore
 
 
-    var newValue = this.component.computedValue();
+    var newValue = this.component.primitiveValue();
     var eventArgs = {
       event: state.event,
       component: this.component,

package/dist/npm/common/List.d.ts

@@ -48,8 +48,11 @@ export interface ListAll extends ListMethods, ListState {
     listRef: any;
 }
 /**
- * Represents the default `List` component.
+ * @hidden
  */
 declare let ListVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListMethods>, {}, RecordPropsDefinition<ListProps>>;
+/**
+ * @hidden
+ */
 declare const List: DefineComponent<{}, any, {}, {}, ListMethods, {}, {}, {}, string, {}, {}, {}>;
 export { List, ListVue2 };