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

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,6 +87,28 @@ var TextAreaVue2 = {
     validityStyles: {
       type: Boolean,
       default: true
+    },
+    iconName: String,
+    inputPrefix: templateDefinition,
+    inputSuffix: templateDefinition,
+    showValidationIcon: Boolean,
+    showLoadingIcon: Boolean,
+    showClearButton: Boolean,
+    inputClass: String,
+    wrapperClass: String,
+    flow: {
+      type: String,
+      default: 'horizontal',
+      validator: function validator(value) {
+        return ['horizontal', 'vertical'].includes(value);
+      }
+    },
+    resizable: {
+      type: String,
+      default: 'vertical',
+      validator: function validator(value) {
+        return ['both', 'horizontal', 'vertical', 'none'].includes(value);
+      }
     }
   },
   created: function created() {
@@ -98,12 +123,46 @@ var TextAreaVue2 = {
           size = _b.size,
           fillMode = _b.fillMode,
           rounded = _b.rounded,
-          required = _b.required;
+          required = _b.required,
+          showLoadingIcon = _b.showLoadingIcon,
+          resizable = _b.resizable,
+          autoSize = _b.autoSize;
       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["k-resize-" + resizable] = autoSize ? 'none' : resizable, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
+    },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true,
+        '!k-resize-none': true,
+        'k-flex': true
+      }, _a[this.inputClass] = this.inputClass, _a;
+    },
+    prefixRenderClass: function prefixRenderClass() {
+      return {
+        'k-input-prefix': true,
+        '!k-flex-col': this.flow === 'horizontal',
+        '!k-flex-row': this.flow === 'vertical',
+        '!k-align-items-start': this.flow === 'horizontal'
+      };
+    },
+    suffixRenderClass: function suffixRenderClass() {
+      return {
+        'k-input-suffix': true,
+        '!k-flex-col': this.flow === 'horizontal',
+        '!k-flex-row': this.flow === 'vertical',
+        '!k-align-items-start': this.flow === 'horizontal'
+      };
+    },
+    suffixIconWrapClass: function suffixIconWrapClass() {
+      return {
+        'k-flex-wrap': true,
+        '!k-align-items-start': true
+      };
     },
     computedValue: function computedValue() {
       return this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
@@ -119,6 +178,11 @@ var TextAreaVue2 = {
       currentDir: 'ltr'
     };
   },
+  watch: {
+    size: function size() {
+      this.textAreaHeight = 'auto';
+    }
+  },
   mounted: function mounted() {
     this.element = this.v3 ? this.elementRef : this.$refs.element;
     this.currentDir = this.$props.dir !== undefined ? this.$props.dir : isRtl(this.$el) ? 'rtl' : 'ltr';
@@ -151,7 +215,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,14 +236,31 @@ 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',
       style: autoSize ? {
-        resize: 'none',
         overflow: 'hidden',
         height: this.textAreaHeight
       } : {},
@@ -196,12 +281,44 @@ var TextAreaVue2 = {
     }));
     return h("span", {
       "class": this.rootClassName,
-      dir: this.currentDir,
+      dir: this.currentDir === 'rtl' ? this.currentDir : '',
       attrs: this.v3 ? undefined : {
-        dir: this.currentDir
+        dir: this.currentDir === 'rtl' ? this.currentDir : ''
       },
       style: this.$attrs.style
-    }, [textarea]);
+    }, [this.$props.inputPrefix && h("span", {
+      "class": this.prefixRenderClass
+    }, [inputPrefix]), h("span", {
+      "class": "k-hstack k-flex"
+    }, [iconName && h("span", {
+      "class": "k-flex-wrap"
+    }, [h("span", {
+      "class": "k-input-icon k-icon k-i-" + iconName
+    })]), textarea, showValidationIcon && this.isValid && h("span", {
+      "class": this.suffixIconWrapClass
+    }, [h("span", {
+      "class": "k-input-validation-icon k-icon k-i-check"
+    })]), showValidationIcon && !this.isValid && h("span", {
+      "class": this.suffixIconWrapClass
+    }, [h("span", {
+      "class": "k-input-validation-icon k-icon k-i-warning"
+    })]), showLoadingIcon && h("span", {
+      "class": this.suffixIconWrapClass
+    }, [h("span", {
+      "class": "k-input-loading-icon k-icon k-i-loading"
+    })]), showClearButton && this.computedValue && h("span", {
+      "class": this.suffixIconWrapClass
+    }, [h("span", {
+      onClick: this.clearClick,
+      on: this.v3 ? undefined : {
+        "click": this.clearClick
+      },
+      "class": "k-clear-value"
+    }, [h("span", {
+      "class": "k-icon k-i-x"
+    })])])]), this.$props.inputSuffix && h("span", {
+      "class": this.suffixRenderClass
+    }, [inputSuffix])]);
   },
   methods: {
     setValidity: function setValidity() {
@@ -213,13 +330,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 +349,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 +357,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 +383,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/TextAreaFlow.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Specifies the flow direction of the TextArea sections.
+ *
+ * The possible values are:
+ * * `vertical`(Default) —TextArea sections are placed from top to bottom.
+ * * `horizontal`—TextArea sections are placed from left to right in `ltr`, and from right to left in `rtl` mode.
+ */
+export declare type TextAreaFlow = 'horizontal' | 'vertical';

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

@@ -1,7 +1,9 @@
 import { FormComponentProps } from '@progress/kendo-vue-common';
 import { TextAreaBlurEvent } from './TextAreaBlurEvent';
 import { TextAreaChangeEvent } from './TextAreaChangeEvent';
+import { TextAreaFlow } from './TextAreaFlow';
 import { TextAreaFocusEvent } from './TextAreaFocusEvent';
+import { TextAreaResize } from './TextAreaResize';
 /**
  * Represents the props of the [Kendo UI for Vue TextArea component]({% slug overview_textarea %}).
  */
@@ -105,7 +107,54 @@ 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 the flow direction of the TextArea sections.
+     */
+    flow?: TextAreaFlow | String;
+    /**
+     * Defines the way the TextArea will resize.
+     */
+    resizable?: TextAreaResize | 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/es/textarea/interfaces/TextAreaResize.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Specifies the resize direction of the TextArea sections.
+ *
+ * The possible values are:
+ * `vertical`(Default) —TextArea can be resized only vertically.
+ * `horizontal`—TextArea can be resized only horizontally.
+ * `both`—TextArea can be resized both vertically and horizontally.
+ * `nont`—TextArea can not be manually resized.
+ */
+export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical';

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 };