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

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -5,10 +5,10 @@ var gh = allVue.h;
 var ref = allVue.ref;
 import { MaskingService } from './masking.service';
 import { defaultRules, maskingChanged, returnFalse } from './utils';
-import { guid, classNames, getTabIndex, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, getTabIndex, validatePackage, kendoThemeMaps, templateDefinition, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 /**
- * Represents the default `MaskedTextBox` component.
+ * @hidden
  */
 
 var MaskedTextBoxVue2 = {
@@ -93,7 +93,15 @@ var MaskedTextBoxVue2 = {
     validityStyles: {
       type: Boolean,
       default: true
-    }
+    },
+    iconName: String,
+    inputPrefix: templateDefinition,
+    inputSuffix: templateDefinition,
+    showValidationIcon: Boolean,
+    showLoadingIcon: Boolean,
+    showClearButton: Boolean,
+    inputClass: String,
+    wrapperClass: String
   },
   data: function data() {
     return {
@@ -191,15 +199,38 @@ var MaskedTextBoxVue2 = {
     },
     spanClassNames: {
       get: function get() {
+        var _a;
+
         var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
-        return {
+        return _a = {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
           'k-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
-          'k-rtl': this.$props.dir === 'rtl'
-        };
+          'k-rtl': this.$props.dir === 'rtl',
+          'k-loading': this.showLoadingIcon
+        }, _a[this.wrapperClass] = this.wrapperClass, _a;
       }
+    },
+    wrapperSpanClass: function wrapperSpanClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      var isValid = !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-maskedtextbox': true,
+        'k-input': true
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+    },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true
+      }, _a[this.inputClass] = this.inputClass, _a;
     }
   },
   methods: {
@@ -251,6 +282,9 @@ var MaskedTextBoxVue2 = {
       this.isPasted = true;
       this.currentSelection = [selectionStart || 0, selectionEnd || 0];
     },
+    clearClick: function clearClick(event) {
+      this.triggerOnChange('', event);
+    },
     onChangeHandler: function onChangeHandler(event) {
       var input = event.currentTarget;
       var value = this.inputValue = input.value;
@@ -338,29 +372,50 @@ var MaskedTextBoxVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _a;
-
     var _this = this;
 
     var h = gh || createElement;
     var inputId = this.$props.id || this.inputId;
-    var _b = this.$props,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded;
-    var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
+    var _a = this.$props,
+        iconName = _a.iconName,
+        showValidationIcon = _a.showValidationIcon,
+        showLoadingIcon = _a.showLoadingIcon,
+        showClearButton = _a.showClearButton;
+    var isValid = !this.$props.validityStyles || this.validity().valid;
     var newValue = this.computedValue();
     var inputValue = this.inputValue;
-    var component = h("span", {
+    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: newValue,
+        valid: isValid
+      }
+    });
+    var inputSuffix = getTemplate.call(this, {
+      h: h,
+      template: inputSuffixTemplate,
+      additionalProps: {
+        value: newValue,
+        valid: isValid
+      }
+    });
+    var wrapper = h("span", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       },
-      "class": classNames('k-maskedtextbox k-input', (_a = {}, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a)),
+      "class": this.wrapperSpanClass,
       style: !this.$props.label ? {
         width: this.$props.width
       } : undefined
-    }, [h("input", {
+    }, [iconName && h("span", {
+      "class": "k-input-icon k-icon k-i-" + iconName
+    }), this.$props.inputPrefix && h("span", {
+      "class": "k-input-prefix"
+    }, [inputPrefix]), h("input", {
       type: this.$props.type,
       attrs: this.v3 ? undefined : {
         type: this.$props.type,
@@ -384,7 +439,7 @@ var MaskedTextBoxVue2 = {
       autoCorrect: "off",
       autoCapitalize: "off",
       spellCheck: false,
-      "class": "k-input-inner",
+      "class": this.inputInnerClass,
       value: this.v3 ? newValue : null,
       domProps: this.v3 ? undefined : {
         "value": newValue
@@ -417,14 +472,30 @@ var MaskedTextBoxVue2 = {
       onBlur: this.blurHandler,
       onDragStart: returnFalse,
       onDrop: returnFalse
-    })]);
+    }), this.$props.inputSuffix && h("span", {
+      "class": "k-input-suffix"
+    }, [inputSuffix]), showValidationIcon && isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-check"
+    }), showValidationIcon && !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 && newValue && h("span", {
+      onClick: this.clearClick,
+      on: this.v3 ? undefined : {
+        "click": this.clearClick
+      },
+      "class": "k-clear-value"
+    }, [h("span", {
+      "class": "k-icon k-i-x"
+    })])]);
     return this.$props.label ? h("span", {
       "class": this.spanClassNames,
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       }
-    }, [component, this.$props.label ? inputId ? h("label", {
+    }, [wrapper, this.$props.label ? inputId ? h("label", {
       "for": inputId,
       attrs: this.v3 ? undefined : {
         "for": inputId
@@ -432,8 +503,12 @@ var MaskedTextBoxVue2 = {
       "class": "k-label"
     }, [this.$props.label]) : h("span", {
       "class": "k-label"
-    }, [this.$props.label]) : null]) : component;
+    }, [this.$props.label]) : null]) : wrapper;
   }
 };
+/**
+ * @hidden
+ */
+
 var MaskedTextBox = MaskedTextBoxVue2;
 export { MaskedTextBox, MaskedTextBoxVue2 };

package/dist/es/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -184,4 +184,36 @@ export interface MaskedTextBoxProps extends FormComponentProps {
      * The type of the input - 'text' by default
      */
     type?: string;
+    /**
+     * 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 inner input element.
+     */
+    inputClass?: String;
+    /**
+     * Defines additional class to the wrapper element.
+     */
+    wrapperClass?: String;
 }

package/dist/es/numerictextbox/NumericTextBox.d.ts

@@ -72,6 +72,12 @@ export interface NumericTextBoxComputed {
  */
 export interface NumericTextBoxAll extends Vue2type, NumericTextBoxMethods, NumericTextBoxComputed, NumericTextBoxState {
 }
+/**
+ * @hidden
+ */
 declare let NumericTextBoxVue2: ComponentOptions<NumericTextBoxAll, DefaultData<NumericTextBoxData>, DefaultMethods<NumericTextBoxAll>, NumericTextBoxComputed, RecordPropsDefinition<NumericTextBoxProps>>;
+/**
+ * @hidden
+ */
 declare const NumericTextBox: DefineComponent<NumericTextBoxProps, any, NumericTextBoxData, NumericTextBoxComputed, NumericTextBoxMethods, {}, {}, {}, string, NumericTextBoxProps, NumericTextBoxProps, {}>;
 export { NumericTextBox, NumericTextBoxVue2 };

package/dist/es/numerictextbox/NumericTextBox.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var ref = allVue.ref;
 var inject = allVue.inject;
-import { canUseDOM, getDefaultSlots, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { canUseDOM, getDefaultSlots, getListeners, getTemplate, kendoThemeMaps, templateDefinition, templateRendering } from '@progress/kendo-vue-common';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
 import { guid, validatePackage } from '@progress/kendo-vue-common';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
@@ -12,6 +12,10 @@ import { messages, numericIncreaseValue, numericDecreaseValue } from './../messa
 import { formatValue, sanitizeNumber, rangeValue, increaseValue, decreaseValue, getStateOrPropsValue } from './utils';
 import { packageMetadata } from '../package-metadata';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
+/**
+ * @hidden
+ */
+
 var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
@@ -84,7 +88,15 @@ var NumericTextBoxVue2 = {
       type: Boolean,
       default: false
     },
-    id: String
+    id: String,
+    iconName: String,
+    inputPrefix: templateDefinition,
+    inputSuffix: templateDefinition,
+    showValidationIcon: Boolean,
+    showLoadingIcon: Boolean,
+    showClearButton: Boolean,
+    inputClass: String,
+    wrapperClass: String
   },
   inject: {
     kendoIntlService: {
@@ -171,15 +183,17 @@ var NumericTextBoxVue2 = {
     },
     spanClassNames: {
       get: function get() {
+        var _a;
+
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var compValue = this.computedValue;
-        return {
+        return _a = {
           'k-floating-label-container': true,
           'k-focus': this.$data.focused,
           'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
-        };
+        }, _a[this.inputClass] = this.inputClass, _a;
       }
     },
     wrapperClassNames: function wrapperClassNames() {
@@ -195,7 +209,14 @@ var NumericTextBoxVue2 = {
       return _a = {
         'k-input': true,
         'k-numerictextbox': true
-      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a;
+      }, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = required, _a['k-disabled'] = disabled, _a['k-loading'] = this.showLoadingIcon, _a[this.wrapperClass] = this.wrapperClass, _a;
+    },
+    inputInnerClass: function inputInnerClass() {
+      var _a;
+
+      return _a = {
+        'k-input-inner': true
+      }, _a[this.inputClass] = this.inputClass, _a;
     }
   },
   methods: {
@@ -212,6 +233,30 @@ var NumericTextBoxVue2 = {
         valueMissing: this.computedValue === null
       };
     },
+    clearClick: function clearClick(event) {
+      if (this.$props.value !== undefined) {
+        // controlled
+        this.$data.currentValue = this.$props.value;
+      } else if (this.$props.modelValue !== undefined) {
+        this.$data.currentValue = this.$props.modelValue;
+      } else {
+        // uncontrolled
+        this.$data.currentValue = null;
+      }
+
+      this.$emit('changemodel', null);
+      this.$emit('update:modelValue', null);
+      this.$emit('change', {
+        event: event,
+        value: null,
+        component: this,
+        target: {
+          name: this.$props.name,
+          value: null
+        },
+        validity: this.validity()
+      });
+    },
     focus: function focus() {
       if (this._input) {
         this._input.focus();
@@ -446,9 +491,15 @@ var NumericTextBoxVue2 = {
     var _this = this;
 
     var h = gh || createElement;
+    var _a = this.$props,
+        iconName = _a.iconName,
+        showValidationIcon = _a.showValidationIcon,
+        showLoadingIcon = _a.showLoadingIcon,
+        showClearButton = _a.showClearButton;
     var inputId = this.$props.id || this._inputId;
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
+    var isValid = this.validity().valid;
 
     if (this.$props.value !== undefined && this.$props.value !== this.$data.currentValue) {
       this.$data.currentValue = this.$props.value;
@@ -457,6 +508,24 @@ var NumericTextBoxVue2 = {
     }
 
     this._prevLooseValue = this.looseValue;
+    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: isValid
+      }
+    });
+    var inputSuffix = getTemplate.call(this, {
+      h: h,
+      template: inputSuffixTemplate,
+      additionalProps: {
+        value: this.computedValue,
+        valid: isValid
+      }
+    });
     var numerictextbox = h("span", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
@@ -466,7 +535,11 @@ var NumericTextBoxVue2 = {
       "class": this.wrapperClassNames,
       "aria-disabled": this.$props.disabled ? 'true' : undefined,
       style: this.$attrs.style
-    }, [h("input", {
+    }, [iconName && h("span", {
+      "class": "k-input-icon k-icon k-i-" + iconName
+    }), this.$props.inputPrefix && h("span", {
+      "class": "k-input-prefix"
+    }, [inputPrefix]), h("input", {
       tabIndex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
         tabIndex: this.$props.tabIndex,
@@ -494,7 +567,7 @@ var NumericTextBoxVue2 = {
       spellCheck: false,
       autoComplete: "off",
       autoCorrect: "off",
-      "class": "k-input k-input-inner",
+      "class": this.inputInnerClass,
       id: inputId,
       value: this.v3 ? this.looseValue : null,
       domProps: this.v3 ? undefined : {
@@ -519,7 +592,23 @@ var NumericTextBoxVue2 = {
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input'
-    }), defaultSlot, this.$props.spinners && h("span", {
+    }), this.$props.inputSuffix && h("span", {
+      "class": "k-input-suffix"
+    }, [inputSuffix]), showValidationIcon && isValid && h("span", {
+      "class": "k-input-validation-icon k-icon k-i-check"
+    }), showValidationIcon && !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 !== undefined && this.computedValue !== null && h("span", {
+      onClick: this.clearClick,
+      on: this.v3 ? undefined : {
+        "click": this.clearClick
+      },
+      "class": "k-clear-value"
+    }, [h("span", {
+      "class": "k-icon k-i-x"
+    })]), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersWrapperMouseDown,
       on: this.v3 ? undefined : {
@@ -587,5 +676,9 @@ var NumericTextBoxVue2 = {
     }, [this.$props.label]) : null]) : numerictextbox;
   }
 };
+/**
+ * @hidden
+ */
+
 var NumericTextBox = NumericTextBoxVue2;
 export { NumericTextBox, NumericTextBoxVue2 };

package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -18,11 +18,11 @@ export interface NumericTextBoxProps extends FormComponentProps {
      */
     defaultValue?: number | null;
     /**
-     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox_native %})).
+     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example]({% slug predefinedsteps_numerictextbox %})).
      */
     step?: number;
     /**
-     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox_native %})). If set to `null` or `undefined`, the default format will be used.
+     * Specifies the number format which is used for formatting the value ([see example]({% slug formats_numerictextbox %})). If set to `null` or `undefined`, the default format will be used.
      */
     format?: string | NumberFormatOptions;
     /**
@@ -87,7 +87,7 @@ export interface NumericTextBoxProps extends FormComponentProps {
      */
     max?: number;
     /**
-     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox_native %})).
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_numerictextbox %})).
      */
     spinners?: boolean;
     /**
@@ -118,6 +118,46 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * - `text`
      */
     inputType?: NumericTextBoxInputType;
+    /**
+     * 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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589062,
+    publishDate: 1655213297,
     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/es/radiobutton/RadioButton.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
 };
 import { RadioButtonProps } from './interfaces/RadioButtonProps';
 /**
- * The RadioButton ref.
+ * @hidden
  */
 export interface RadioButtonHandle {
     input: HTMLInputElement | null;
@@ -44,6 +44,12 @@ export interface RadioButtonComputed {
  */
 export interface RadioButtonAll extends Vue2type, RadioButtonMethods, RadioButtonComputed, RadioButtonState, RadioButtonData {
 }
+/**
+ * @hidden
+ */
 declare let RadioButtonVue2: ComponentOptions<RadioButtonAll, DefaultData<RadioButtonData>, DefaultMethods<RadioButtonAll>, RadioButtonComputed, RecordPropsDefinition<RadioButtonProps>>;
+/**
+ * @hidden
+ */
 declare let RadioButton: DefineComponent<RadioButtonProps, any, RadioButtonData, RadioButtonComputed, RadioButtonMethods, {}, {}, {}, string, RadioButtonProps, RadioButtonProps, {}>;
 export { RadioButton, RadioButtonVue2 };

package/dist/es/radiobutton/RadioButton.js

@@ -7,6 +7,10 @@ var inject = allVue.inject;
 import { guid, getTabIndex, getDefaultSlots, templateRendering, getTemplate, getListeners, kendoThemeMaps } from '@progress/kendo-vue-common';
 import { validatePackage } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
+
 var RadioButtonVue2 = {
   name: 'KendoRadioButton',
   props: {
@@ -186,5 +190,9 @@ var RadioButtonVue2 = {
     });
   }
 };
+/**
+ * @hidden
+ */
+
 var RadioButton = RadioButtonVue2;
 export { RadioButton, RadioButtonVue2 };

package/dist/es/radiobutton/RadioGroup.d.ts

@@ -5,7 +5,7 @@ declare type DefaultMethods<V> = {
 };
 import { RadioGroupProps } from './interfaces/RadioGroupProps';
 /**
- * The RadioGroup ref.
+ * @hidden
  */
 export interface RadioGroupHandle {
     element: HTMLUListElement | null;
@@ -46,6 +46,12 @@ export interface RadioGroupComputed {
  */
 export interface RadioGroupAll extends Vue2type, RadioGroupMethods, RadioGroupComputed, RadioGroupState, RadioGroupData {
 }
+/**
+ * @hidden
+ */
 declare let RadioGroupVue2: ComponentOptions<RadioGroupAll, DefaultData<RadioGroupData>, DefaultMethods<RadioGroupAll>, RadioGroupComputed, RecordPropsDefinition<RadioGroupProps>>;
+/**
+ * @hidden
+ */
 declare let RadioGroup: DefineComponent<RadioGroupProps, any, RadioGroupData, RadioGroupComputed, RadioGroupMethods, {}, {}, {}, string, RadioGroupProps, RadioGroupProps, {}>;
 export { RadioGroup, RadioGroupVue2 };

package/dist/es/radiobutton/RadioGroup.js

@@ -7,6 +7,10 @@ var inject = allVue.inject;
 import { RadioButton } from './RadioButton';
 import { guid, classNames, focusFirstFocusableChild, validatePackage, isRtl, templateRendering, getListeners } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
+
 var RadioGroupVue2 = {
   name: 'KendoRadioGroup',
   props: {
@@ -205,5 +209,9 @@ var RadioGroupVue2 = {
     }, [radioOptions]);
   }
 };
+/**
+ * @hidden
+ */
+
 var RadioGroup = RadioGroupVue2;
 export { RadioGroup, RadioGroupVue2 };

package/dist/es/range-slider/RangeSlider.d.ts

@@ -163,6 +163,14 @@ export interface RangeSliderComputed {
  */
 export interface RangeSliderAll extends Vue2type, RangeSliderMethods, RangeSliderComputed, RangeSliderState, RangeSliderData {
 }
+/**
+ * @hidden
+ */
 declare let RangeSliderVue2: ComponentOptions<RangeSliderAll, DefaultData<RangeSliderData>, DefaultMethods<RangeSliderAll>, RangeSliderComputed, RecordPropsDefinition<RangeSliderProps>>;
+/**
+ * Represents the [Kendo UI for Vue Native RangeSlider component]({% slug overview_rangeslider %}).
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
 declare const RangeSlider: DefineComponent<RangeSliderProps, any, RangeSliderData, RangeSliderComputed, RangeSliderMethods, {}, {}, {}, string, RangeSliderProps, RangeSliderProps, {}>;
 export { RangeSlider, RangeSliderVue2 };

package/dist/es/range-slider/RangeSlider.js

@@ -26,6 +26,10 @@ import { messages, sliderDragTitle } from './../messages';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { rangeReducer, RANGE_ACTION } from './range-raducer';
 import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
+
 var RangeSliderVue2 = {
   name: 'KendoRangeSlider',
   model: {
@@ -602,5 +606,11 @@ var RangeSliderVue2 = {
     }
   }
 };
+/**
+ * Represents the [Kendo UI for Vue Native RangeSlider component]({% slug overview_rangeslider %}).
+ * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
+ * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
+ */
+
 var RangeSlider = RangeSliderVue2;
 export { RangeSlider, RangeSliderVue2 };