@progress/kendo-vue-inputs 3.3.4 → 3.3.5-dev.202206141337

package/dist/es/slider/Slider.d.ts

@@ -15,7 +15,7 @@ export interface SliderChangeEvent {
     value: number;
 }
 /**
- * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider_native %}).
+ * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider %}).
  */
 export interface SliderProps extends FormComponentProps {
     /**
@@ -62,7 +62,7 @@ export interface SliderProps extends FormComponentProps {
     disabled?: boolean;
     /**
      * If `vertical` is set to `true`, the orientation of the Slider changes from horizontal to vertical
-     * ([see example]({% slug orientation_slider_native %})).
+     * ([see example]({% slug orientation_slider %})).
      */
     vertical?: boolean;
     /**
@@ -125,6 +125,12 @@ export interface SliderComputed {
  */
 export interface SliderAll extends Vue2type, SliderMethods, SliderComputed, SliderState, SliderData {
 }
+/**
+ * @hidden
+ */
 declare let SliderVue2: ComponentOptions<SliderAll, DefaultData<SliderData>, DefaultMethods<SliderAll>, SliderComputed, RecordPropsDefinition<SliderProps>>;
+/**
+ * @hidden
+ */
 declare const Slider: DefineComponent<SliderProps, any, SliderData, SliderComputed, SliderMethods, {}, {}, {}, string, SliderProps, SliderProps, {}>;
 export { Slider, SliderVue2 };

package/dist/es/slider/Slider.js

@@ -10,6 +10,10 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, sliderIncreaseValue, sliderDecreaseValue, sliderDragTitle } from './../messages';
 import { SLIDER_LABEL_ATTRIBUTE } from './SliderLabel';
 import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
+
 var SliderVue2 = {
   name: 'KendoSlider',
   model: {
@@ -372,5 +376,9 @@ var SliderVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var Slider = SliderVue2;
 export { Slider, SliderVue2 };

package/dist/es/slider/SliderLabel.d.ts

@@ -52,6 +52,14 @@ export interface SliderLabelData {
  */
 export interface SliderLabelAll extends Vue2type, SliderLabelMethods, SliderLabelData, SliderLabelState {
 }
+/**
+ * @hidden
+ */
 declare let SliderLabelVue2: ComponentOptions<SliderLabelAll, DefaultData<SliderLabelData>, DefaultMethods<SliderLabelAll>, {}, RecordPropsDefinition<SliderLabelProps>>;
+/**
+ * Represents the Kendo UI for Vue Native SliderLabel component.
+ * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
+ * The props of the SliderLabel component.
+ */
 declare const SliderLabel: DefineComponent<SliderLabelProps, any, SliderLabelData, {}, SliderLabelMethods, {}, {}, {}, string, SliderLabelProps, SliderLabelProps, {}>;
 export { SliderLabel, SliderLabelVue2 };

package/dist/es/slider/SliderLabel.js

@@ -24,7 +24,10 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
  * @hidden
  */
 
-export var SLIDER_LABEL_ATTRIBUTE = 'data-slider-label'; // tslint:enable:max-line-length
+export var SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
+/**
+ * @hidden
+ */
 
 var SliderLabelVue2 = {
   name: 'KendoSliderLabel',
@@ -107,5 +110,11 @@ var SliderLabelVue2 = {
     }
   }
 };
+/**
+ * Represents the Kendo UI for Vue Native SliderLabel component.
+ * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
+ * The props of the SliderLabel component.
+ */
+
 var SliderLabel = SliderLabelVue2;
 export { SliderLabel, SliderLabelVue2 };

package/dist/es/switch/Switch.d.ts

@@ -169,6 +169,14 @@ export interface SwitchData {
  */
 export interface SwitchAll extends Vue2type, SwitchMethods, SwitchData, SwitchComputed, SwitchState {
 }
+/**
+ * @hidden
+ */
 declare let SwitchVue2: ComponentOptions<SwitchAll, DefaultData<SwitchData>, DefaultMethods<SwitchAll>, SwitchComputed, RecordPropsDefinition<SwitchProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
 declare const Switch: DefineComponent<SwitchProps, any, SwitchData, SwitchComputed, SwitchMethods, {}, {}, {}, string, SwitchProps, SwitchProps, {}>;
 export { Switch, SwitchVue2 };

package/dist/es/switch/Switch.js

@@ -5,7 +5,10 @@ var gh = allVue.h;
 import { guid, noop, Keys, getTabIndex, validatePackage, isRtl, kendoThemeMaps } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, switchValidation } from './../messages';
-import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length
+import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
 
 var SwitchVue2 = {
   name: 'KendoSwitch',
@@ -334,5 +337,11 @@ var SwitchVue2 = {
     }
   }
 };
+/**
+ * Represents the [Kendo UI for Vue Native Switch component]({% slug overview_switch %}).
+ * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
+ * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
+ */
+
 var Switch = SwitchVue2;
 export { Switch, SwitchVue2 };

package/dist/es/textarea/TextArea.d.ts

@@ -40,6 +40,42 @@ export interface TextAreaData {
  */
 export interface TextAreaAll extends Vue2type, TextAreaMethods, TextAreaData, TextAreaComputed, TextAreaState {
 }
+/**
+ * @hidden
+ */
 declare let TextAreaVue2: ComponentOptions<TextAreaAll, DefaultData<TextAreaData>, DefaultMethods<TextAreaAll>, TextAreaComputed, RecordPropsDefinition<TextAreaProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native TextArea component]({% slug overview_textarea %}).
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
+ *
+ *
+ * ```jsx
+ * <template>
+ *     <k-form
+ *       @submit="handleSubmit">
+ *       <formcontent />
+ *    </k-form>
+ * </template>
+ * <script>
+ * import { Form } from "@progress/kendo-vue-form";
+ * import FormContent from './FormContent.vue';
+ *
+ * export default {
+ *     components: {
+ *       'k-form': Form,
+ *       'formcontent': FormContent
+ *     },
+ *     methods: {
+ *       handleSubmit (dataItem) {
+ *          alert(JSON.stringify(dataItem, null, 2));
+ *       }
+ *     }
+ * };
+ *
+ * </script>
+ * ```
+ */
 declare const TextArea: DefineComponent<TextAreaProps, any, TextAreaData, TextAreaComputed, TextAreaMethods, {}, {}, {}, string, TextAreaProps, TextAreaProps, {}>;
 export { TextArea, TextAreaVue2 };

package/dist/es/textarea/TextArea.js

@@ -18,9 +18,12 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps // useDir,
+import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefinition, templateRendering, getListeners, getTemplate // useDir,
 } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length
+import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
 
 var TextAreaVue2 = {
   name: 'KendoTextArea',
@@ -84,7 +87,15 @@ var TextAreaVue2 = {
     validityStyles: {
       type: Boolean,
       default: true
-    }
+    },
+    iconName: String,
+    inputPrefix: templateDefinition,
+    inputSuffix: templateDefinition,
+    showValidationIcon: Boolean,
+    showLoadingIcon: Boolean,
+    showClearButton: Boolean,
+    inputClass: String,
+    wrapperClass: String
   },
   created: function created() {
     validatePackage(packageMetadata);
@@ -98,12 +109,20 @@ var TextAreaVue2 = {
           size = _b.size,
           fillMode = _b.fillMode,
           rounded = _b.rounded,
-          required = _b.required;
+          required = _b.required,
+          showLoadingIcon = _b.showLoadingIcon;
       var invalid = this.validityStyles === true ? !this.isValid : false;
       return _a = {
         'k-input': true,
         'k-textarea': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a;
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+    },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true
+      }, _a[this.inputClass] = this.inputClass, _a;
     },
     computedValue: function computedValue() {
       return this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
@@ -151,7 +170,11 @@ var TextAreaVue2 = {
         id = _a.id,
         name = _a.name,
         placeholder = _a.placeholder,
-        tabIndex = _a.tabIndex;
+        tabIndex = _a.tabIndex,
+        iconName = _a.iconName,
+        showValidationIcon = _a.showValidationIcon,
+        showLoadingIcon = _a.showLoadingIcon,
+        showClearButton = _a.showClearButton;
 
     var textAreaAttrs = __assign({
       id: id || this.calculatedId,
@@ -168,9 +191,27 @@ var TextAreaVue2 = {
       'aria-disabled': disabled || undefined
     }, this.$attrs);
 
+    var inputPrefixTemplate = templateRendering.call(this, this.$props.inputPrefix, getListeners.call(this));
+    var inputSuffixTemplate = templateRendering.call(this, this.$props.inputSuffix, getListeners.call(this));
+    var inputPrefix = getTemplate.call(this, {
+      h: h,
+      template: inputPrefixTemplate,
+      additionalProps: {
+        value: this.computedValue,
+        valid: this.isValid
+      }
+    });
+    var inputSuffix = getTemplate.call(this, {
+      h: h,
+      template: inputSuffixTemplate,
+      additionalProps: {
+        value: this.computedValue,
+        valid: this.isValid
+      }
+    });
     var textarea = h('textarea', __assign(__assign({}, textAreaAttrs), {
       attrs: this.v3 ? undefined : textAreaAttrs,
-      'class': 'k-input-inner',
+      class: this.inputInnerClass,
       ref: this.v3 ? function (el) {
         _this.elementRef = el;
       } : 'element',
@@ -201,7 +242,27 @@ var TextAreaVue2 = {
         dir: this.currentDir
       },
       style: this.$attrs.style
-    }, [textarea]);
+    }, [iconName && h("span", {
+      "class": "k-input-icon k-icon k-i-" + iconName
+    }), this.$props.inputPrefix && h("span", {
+      "class": "k-input-prefix"
+    }, [inputPrefix]), textarea, this.$props.inputSuffix && h("span", {
+      "class": "k-input-suffix"
+    }, [inputSuffix]), showValidationIcon && this.isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-check"
+    }), showValidationIcon && !this.isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-warning"
+    }), showLoadingIcon && h("span", {
+      "class": "k-input-loading-icon k-icon k-i-loading"
+    }), showClearButton && this.computedValue && h("span", {
+      onClick: this.clearClick,
+      on: this.v3 ? undefined : {
+        "click": this.clearClick
+      },
+      "class": "k-clear-value"
+    }, [h("span", {
+      "class": "k-icon k-i-x"
+    })])]);
   },
   methods: {
     setValidity: function setValidity() {
@@ -213,13 +274,16 @@ var TextAreaVue2 = {
         this.textAreaHeight = this.element.scrollHeight + "px";
       }
     },
+    clearClick: function clearClick(event) {
+      this.emitUpdate(event, 'change', '');
+    },
     focus: function focus() {
       if (this.element) {
         this.element.focus();
       }
     },
-    handleChange: function handleChange(event) {
-      var newValue = event.target.value;
+    emitUpdate: function emitUpdate(event, eventName, value) {
+      var newValue = value;
 
       if (!this.$props.disabled) {
         this.textAreaHeight = 'auto';
@@ -229,7 +293,7 @@ var TextAreaVue2 = {
       if (!this.$props.disabled) {
         this.$emit('changemodel', newValue);
         this.$emit('update:modelValue', newValue);
-        this.$emit('change', {
+        this.$emit(eventName, {
           event: event,
           component: this,
           name: this.element.name,
@@ -237,24 +301,11 @@ var TextAreaVue2 = {
         });
       }
     },
+    handleChange: function handleChange(event) {
+      this.emitUpdate(event, 'change', event.target.value);
+    },
     handleInput: function handleInput(event) {
-      var newValue = event.target.value;
-
-      if (!this.$props.disabled) {
-        this.textAreaHeight = 'auto';
-        this.currentValue = newValue;
-      }
-
-      if (!this.$props.disabled) {
-        this.$emit('changemodel', newValue);
-        this.$emit('update:modelValue', newValue);
-        this.$emit('input', {
-          event: event,
-          component: this,
-          name: this.element.name,
-          value: newValue
-        });
-      }
+      this.emitUpdate(event, 'input', event.target.value);
     },
     handleFocus: function handleFocus(event) {
       if (!this.$props.disabled) {
@@ -276,5 +327,39 @@ var TextAreaVue2 = {
     }
   }
 };
+/**
+ * Represents the [Kendo UI for Vue Native TextArea component]({% slug overview_textarea %}).
+ *
+ * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
+ * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
+ *
+ *
+ * ```jsx
+ * <template>
+ *     <k-form
+ *       @submit="handleSubmit">
+ *       <formcontent />
+ *    </k-form>
+ * </template>
+ * <script>
+ * import { Form } from "@progress/kendo-vue-form";
+ * import FormContent from './FormContent.vue';
+ *
+ * export default {
+ *     components: {
+ *       'k-form': Form,
+ *       'formcontent': FormContent
+ *     },
+ *     methods: {
+ *       handleSubmit (dataItem) {
+ *          alert(JSON.stringify(dataItem, null, 2));
+ *       }
+ *     }
+ * };
+ *
+ * </script>
+ * ```
+ */
+
 var TextArea = TextAreaVue2;
 export { TextArea, TextAreaVue2 };

package/dist/es/textarea/interfaces/TextAreaProps.d.ts

@@ -105,7 +105,46 @@ export interface TextAreaProps extends FormComponentProps {
      * Sets the value to be submitted ([see example]({% slug controlled_textarea %})).
      */
     value?: string | string[] | number;
+    /**
+     * If set to `false`, no visual representation of the invalid state of the component will be applied.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     *
+     * @default true
+     */
     validityStyles?: boolean;
+    /**
+     * Defines a string prop that controls the input icon.
+     */
+    iconName?: String;
+    /**
+     * Defines if the inputPrefix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputPrefix?: Boolean | String | Object | Function;
+    /**
+     * Defines if the inputSuffix will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     */
+    inputSuffix?: Boolean | String | Object | Function;
+    /**
+     * Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
+     */
+    showValidationIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
+     */
+    showLoadingIcon?: Boolean;
+    /**
+     * Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
+     */
+    showClearButton?: Boolean;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
+    /**
+     * Defines additional class to the input element.
+     */
+    inputClass?: String;
     /**
      * The event handler that will be fired when the changes the selected value.
      */

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/checkbox/Checkbox.d.ts

@@ -6,7 +6,7 @@ declare type DefaultMethods<V> = {
 import { LocalizationService } from '@progress/kendo-vue-intl';
 import { CheckboxProps } from './interfaces/CheckboxProps';
 /**
- * The Checkbox ref.
+ * @hidden
  */
 export interface CheckboxHandle {
     element: any;
@@ -68,6 +68,12 @@ export interface CheckboxComputed {
  */
 export interface CheckboxAll extends Vue2type, CheckboxMethods, CheckboxState, CheckboxData, CheckboxComputed {
 }
+/**
+ * @hidden
+ */
 declare let CheckboxVue2: ComponentOptions<CheckboxAll, DefaultData<CheckboxData>, DefaultMethods<CheckboxAll>, CheckboxComputed, RecordPropsDefinition<CheckboxProps>>;
+/**
+ * @hidden
+ */
 declare const Checkbox: DefineComponent<CheckboxProps, any, CheckboxData, CheckboxComputed, CheckboxMethods, {}, {}, {}, string, CheckboxProps, CheckboxProps, {}>;
 export { Checkbox, CheckboxVue2 };

package/dist/npm/checkbox/Checkbox.js

@@ -19,6 +19,10 @@ var package_metadata_1 = require("../package-metadata");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("./../messages");
+/**
+ * @hidden
+ */
+
 
 var CheckboxVue2 = {
   name: 'KendoCheckbox',
@@ -377,5 +381,9 @@ var CheckboxVue2 = {
   }
 };
 exports.CheckboxVue2 = CheckboxVue2;
+/**
+ * @hidden
+ */
+
 var Checkbox = CheckboxVue2;
 exports.Checkbox = Checkbox;

package/dist/npm/colors/ColorPalette.d.ts

@@ -50,6 +50,12 @@ export interface ColorPaletteData {
  */
 export interface ColorPaletteAll extends Vue2type, ColorPaletteMethods, ColorPaletteData, ColorPaletteComputed, ColorPaletteState {
 }
+/**
+ * @hidden
+ */
 declare let ColorPaletteVue2: ComponentOptions<ColorPaletteAll, DefaultData<ColorPaletteData>, DefaultMethods<ColorPaletteAll>, ColorPaletteComputed, RecordPropsDefinition<ColorPaletteProps>>;
+/**
+ * @hidden
+ */
 declare const ColorPalette: DefineComponent<ColorPaletteProps, any, ColorPaletteData, ColorPaletteComputed, ColorPaletteMethods, {}, {}, {}, string, ColorPaletteProps, ColorPaletteProps, {}>;
 export { ColorPalette, ColorPaletteVue2 };

package/dist/npm/colors/ColorPalette.js

@@ -36,7 +36,10 @@ exports.DEFAULT_COLUMNS_COUNT = 10;
  * @hidden
  */
 
-exports.DEFAULT_PRESET = 'office'; // tslint:enable:max-line-length
+exports.DEFAULT_PRESET = 'office';
+/**
+ * @hidden
+ */
 
 var ColorPaletteVue2 = {
   name: 'KendoColorPalette',
@@ -359,5 +362,9 @@ var ColorPaletteVue2 = {
   }
 };
 exports.ColorPaletteVue2 = ColorPaletteVue2;
+/**
+ * @hidden
+ */
+
 var ColorPalette = ColorPaletteVue2;
 exports.ColorPalette = ColorPalette;

package/dist/npm/colors/ColorPicker.d.ts

@@ -46,6 +46,12 @@ export interface ColorPickerData {
  */
 export interface ColorPickerAll extends Vue2type, ColorPickerMethods, ColorPickerData, ColorPickerComputed, ColorPickerState {
 }
+/**
+ * @hidden
+ */
 declare let ColorPickerVue2: ComponentOptions<ColorPickerAll, DefaultData<ColorPickerData>, DefaultMethods<ColorPickerAll>, ColorPickerComputed, RecordPropsDefinition<ColorPickerProps>>;
+/**
+ * @hidden
+ */
 declare const ColorPicker: DefineComponent<ColorPickerProps, any, ColorPickerData, ColorPickerComputed, ColorPickerMethods, {}, {}, {}, string, ColorPickerProps, ColorPickerProps, {}>;
 export { ColorPicker, ColorPickerVue2 };

package/dist/npm/colors/ColorPicker.js

@@ -41,7 +41,10 @@ var DEFAULT_PALETTE_SETTINGS = {
 
 var isControlled = function isControlled(prop) {
   return prop !== undefined;
-}; // tslint:enable:max-line-length
+};
+/**
+ * @hidden
+ */
 
 
 var ColorPickerVue2 = {
@@ -401,5 +404,9 @@ var ColorPickerVue2 = {
   }
 };
 exports.ColorPickerVue2 = ColorPickerVue2;
+/**
+ * @hidden
+ */
+
 var ColorPicker = ColorPickerVue2;
 exports.ColorPicker = ColorPicker;

package/dist/npm/colors/Picker.d.ts

@@ -35,6 +35,12 @@ export interface PickerData {
  */
 export interface PickerAll extends Vue2type, PickerMethods, PickerData, PickerComputed, PickerState {
 }
+/**
+ * @hidden
+ */
 declare let PickerVue2: ComponentOptions<PickerAll, DefaultData<PickerData>, DefaultMethods<PickerAll>, PickerComputed, RecordPropsDefinition<PickerProps>>;
+/**
+ * @hidden
+ */
 declare const Picker: DefineComponent<PickerProps, any, PickerData, PickerComputed, PickerMethods, {}, {}, {}, string, PickerProps, PickerProps, {}>;
 export { Picker, PickerVue2 };

package/dist/npm/colors/Picker.js

@@ -23,7 +23,10 @@ var ANCHOR_VERTICAL_ALIGN = 'bottom';
  * @hidden
  */
 
-var POPUP_VERTICAL_ALIGN = 'top'; // tslint:enable:max-line-length
+var POPUP_VERTICAL_ALIGN = 'top';
+/**
+ * @hidden
+ */
 
 var PickerVue2 = {
   name: 'KendoPicker',
@@ -101,5 +104,9 @@ var PickerVue2 = {
   }
 };
 exports.PickerVue2 = PickerVue2;
+/**
+ * @hidden
+ */
+
 var Picker = PickerVue2;
 exports.Picker = Picker;

package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onChange` ColorPalette event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPaletteChangeEvent {
     /**
      * The current value of the ColorPalette.

package/dist/npm/colors/interfaces/ColorPaletteProps.d.ts

@@ -1,7 +1,10 @@
 import { TileSize } from '../models/tile-size';
 import { ColorPaletteChangeEvent } from './ColorPaletteChangeEvent';
 /**
- * Represents the props of the [KendoReact ColorPalette component]({% slug overview_colorpalette %}).
+ * Represents the props of the [KendoVue ColorPalette component]({% slug overview_colorpalette %}).
+ */
+/**
+ * @hidden
  */
 export interface ColorPaletteProps {
     /**
@@ -33,18 +36,6 @@ export interface ColorPaletteProps {
     /**
      * Determines whether the ColorPalette is disabled
      * ([more information and example]({% slug disabled_colorpalette %})).
-     *
-     * @example
-     * ```jsx
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *           <ColorPalette disabled={true} />
-     *       );
-     *    }
-     * }
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
-     * ```
      */
     disabled?: boolean;
     /**

package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.d.ts

@@ -1,6 +1,9 @@
 /**
  * The arguments for the `onActiveColorClick` ColorPicker event.
  */
+/**
+ * @hidden
+ */
 export interface ColorPickerActiveColorClick {
     /**
      * The current value of the ColorPicker.