@progress/kendo-vue-inputs 3.1.2 → 3.1.3-dev.202203311441

package/dist/es/input/Input.d.ts

@@ -17,6 +17,7 @@ export interface InputProps extends FormComponentProps {
     value?: string | string[] | number;
     modelValue?: string | number;
     defaultValue?: string | string[] | number | undefined;
+    disabled?: boolean;
     validate?: boolean;
     /**
      * Configures the `size` of the MaskedTextBox.

package/dist/es/input/Input.js

@@ -43,6 +43,7 @@ var InputVue2 = {
       type: [String, Number],
       default: undefined
     },
+    disabled: Boolean,
     defaultValue: {
       type: [String, Number],
       default: ''

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: 1647961629,
+    publishDate: 1648737194,
     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.js

@@ -14,11 +14,17 @@ var RadioButtonVue2 = {
     checked: Boolean,
     disabled: Boolean,
     className: String,
+    content: [String, Number, Boolean, Object],
     id: String,
     label: String,
     labelRender: [String, Number, Boolean, Object],
+    item: [String, Number, Boolean, Object],
     labelPlacement: String,
     name: String,
+    tag: {
+      type: String,
+      default: 'div'
+    },
     size: {
       type: String,
       default: 'medium',
@@ -102,7 +108,8 @@ var RadioButtonVue2 = {
         labelPlacement = _a.labelPlacement,
         name = _a.name,
         tabIndex = _a.tabIndex,
-        value = _a.value;
+        value = _a.value,
+        tag = _a.tag;
     var renderedLabel = label;
 
     if (labelRender) {
@@ -113,6 +120,10 @@ var RadioButtonVue2 = {
       });
     }
 
+    var content = getTemplate.call(this, {
+      h: h,
+      template: this.$props.content
+    });
     var radioButtonLabel = renderedLabel !== undefined ? h("label", {
       "class": 'k-radio-label',
       "for": id || this.calculatedId,
@@ -160,7 +171,19 @@ var RadioButtonVue2 = {
       onFocus: this.handleFocus,
       onBlur: this.handleBlur
     });
-    return labelPlacement === 'before' ? h("div", [radioButtonLabel, radio, defaultSlot]) : h("div", [radio, radioButtonLabel, defaultSlot]);
+    var defaultRendering = labelPlacement === 'before' ? h(tag, [radioButtonLabel, radio, content, defaultSlot]) : h(tag, [radio, radioButtonLabel, content, defaultSlot]);
+    return getTemplate.call(this, {
+      h: h,
+      template: this.$props.item,
+      defaultRendering: defaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        change: this.handleChange,
+        focus: this.handleFocus,
+        blur: this.handleBlur
+      },
+      additionalProps: {}
+    });
   }
 };
 var RadioButton = RadioButtonVue2;

package/dist/es/radiobutton/RadioGroup.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { RadioButton } from './RadioButton';
-import { guid, classNames, focusFirstFocusableChild, validatePackage, isRtl } from '@progress/kendo-vue-common';
+import { guid, classNames, focusFirstFocusableChild, validatePackage, isRtl, templateRendering, getListeners } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 var RadioGroupVue2 = {
   name: 'KendoRadioGroup',
@@ -19,7 +19,7 @@ var RadioGroupVue2 = {
     labelPlacement: String,
     item: {
       type: String,
-      default: 'li'
+      default: undefined
     },
     layout: {
       type: String,
@@ -141,19 +141,32 @@ var RadioGroupVue2 = {
     var radioOptions = dataItems && dataItems.map(function (option, index) {
       var isCurrentlyChecked = this.checkedRadioValue === option.value;
       var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;
-      return h("li", {
-        "class": classNames('k-radio-item', {
-          'k-state-disabled': option.disabled || disabled
-        }),
-        key: index,
-        role: 'radio',
-        attrs: this.v3 ? undefined : {
-          role: 'radio'
-        }
-      }, [// @ts-ignore function children
-      h(RadioButton, {
-        valid: valid,
-        attrs: this.v3 ? undefined : {
+      var item = templateRendering.call(this, this.$props.item || option.item, getListeners.call(this));
+      return (// @ts-ignore function children
+        h(RadioButton, {
+          "class": classNames('k-radio-item', {
+            'k-state-disabled': option.disabled || disabled
+          }),
+          style: option.style,
+          key: index,
+          item: item,
+          attrs: this.v3 ? undefined : {
+            item: item,
+            role: 'radio',
+            tag: 'li',
+            valid: valid,
+            className: option.className,
+            label: option.label,
+            value: option.value,
+            checked: isCurrentlyChecked,
+            disabled: option.disabled || disabled ? true : false,
+            labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
+            tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
+            index: index,
+            name: name || option.name || this.radioGroupName
+          },
+          role: 'radio',
+          tag: 'li',
           valid: valid,
           className: option.className,
           label: option.label,
@@ -163,26 +176,19 @@ var RadioGroupVue2 = {
           labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
           tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
           index: index,
-          name: name || option.name || this.radioGroupName
-        },
-        className: option.className,
-        label: option.label,
-        value: option.value,
-        checked: isCurrentlyChecked,
-        disabled: option.disabled || disabled ? true : false,
-        labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
-        tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
-        index: index,
-        name: name || option.name || this.radioGroupName,
-        onChange: this.handleChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleChange,
-          "focus": this.handleFocus,
-          "blur": this.handleBlur
-        },
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur
-      })]);
+          name: name || option.name || this.radioGroupName,
+          onChange: this.handleChange,
+          on: this.v3 ? undefined : {
+            "change": this.handleChange,
+            "focus": this.handleFocus,
+            "blur": this.handleBlur
+          },
+          onFocus: this.handleFocus,
+          onBlur: this.handleBlur
+        }, this.v3 ? function () {
+          return [option.content];
+        } : [option.content])
+      );
     }, this);
     return h("ul", {
       role: "radiogroup",

package/dist/es/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -41,6 +41,16 @@ export interface RadioButtonProps {
      * Accepts a slot name, a `render` function, or a Vue component.
      */
     labelRender?: any;
+    /**
+     * Sets the item content template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    content?: any;
+    /**
+     * Sets the item render template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    item?: any;
     /**
      * Sets the label position of the Radio button ([see example]({% slug labels_radiobutton %})).
      * Accepts two options: `before` or `after`. Defaults to `after`.
@@ -50,6 +60,10 @@ export interface RadioButtonProps {
      * Sets the `name` property of the Radio button.
      */
     name?: string;
+    /**
+     * Sets the `tag` property of the Radio button wrapping element.
+     */
+    tag?: string;
     /**
      * Configures the `size` of the RadioButton.
      *

package/dist/es/textarea/TextArea.js

@@ -51,6 +51,7 @@ var TextAreaVue2 = {
     rows: Number,
     id: String,
     name: String,
+    validationMessage: String,
     size: {
       type: String,
       default: 'medium',

package/dist/npm/input/Input.d.ts

@@ -17,6 +17,7 @@ export interface InputProps extends FormComponentProps {
     value?: string | string[] | number;
     modelValue?: string | number;
     defaultValue?: string | string[] | number | undefined;
+    disabled?: boolean;
     validate?: boolean;
     /**
      * Configures the `size` of the MaskedTextBox.

package/dist/npm/input/Input.js

@@ -54,6 +54,7 @@ var InputVue2 = {
       type: [String, Number],
       default: undefined
     },
+    disabled: Boolean,
     defaultValue: {
       type: [String, Number],
       default: ''

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1647961629,
+    publishDate: 1648737194,
     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/radiobutton/RadioButton.js

@@ -25,11 +25,17 @@ var RadioButtonVue2 = {
     checked: Boolean,
     disabled: Boolean,
     className: String,
+    content: [String, Number, Boolean, Object],
     id: String,
     label: String,
     labelRender: [String, Number, Boolean, Object],
+    item: [String, Number, Boolean, Object],
     labelPlacement: String,
     name: String,
+    tag: {
+      type: String,
+      default: 'div'
+    },
     size: {
       type: String,
       default: 'medium',
@@ -113,7 +119,8 @@ var RadioButtonVue2 = {
         labelPlacement = _a.labelPlacement,
         name = _a.name,
         tabIndex = _a.tabIndex,
-        value = _a.value;
+        value = _a.value,
+        tag = _a.tag;
     var renderedLabel = label;
 
     if (labelRender) {
@@ -124,6 +131,10 @@ var RadioButtonVue2 = {
       });
     }
 
+    var content = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.content
+    });
     var radioButtonLabel = renderedLabel !== undefined ? h("label", {
       "class": 'k-radio-label',
       "for": id || this.calculatedId,
@@ -171,7 +182,19 @@ var RadioButtonVue2 = {
       onFocus: this.handleFocus,
       onBlur: this.handleBlur
     });
-    return labelPlacement === 'before' ? h("div", [radioButtonLabel, radio, defaultSlot]) : h("div", [radio, radioButtonLabel, defaultSlot]);
+    var defaultRendering = labelPlacement === 'before' ? h(tag, [radioButtonLabel, radio, content, defaultSlot]) : h(tag, [radio, radioButtonLabel, content, defaultSlot]);
+    return kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.item,
+      defaultRendering: defaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        change: this.handleChange,
+        focus: this.handleFocus,
+        blur: this.handleBlur
+      },
+      additionalProps: {}
+    });
   }
 };
 exports.RadioButtonVue2 = RadioButtonVue2;

package/dist/npm/radiobutton/RadioGroup.js

@@ -30,7 +30,7 @@ var RadioGroupVue2 = {
     labelPlacement: String,
     item: {
       type: String,
-      default: 'li'
+      default: undefined
     },
     layout: {
       type: String,
@@ -152,19 +152,32 @@ var RadioGroupVue2 = {
     var radioOptions = dataItems && dataItems.map(function (option, index) {
       var isCurrentlyChecked = this.checkedRadioValue === option.value;
       var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;
-      return h("li", {
-        "class": kendo_vue_common_1.classNames('k-radio-item', {
-          'k-state-disabled': option.disabled || disabled
-        }),
-        key: index,
-        role: 'radio',
-        attrs: this.v3 ? undefined : {
-          role: 'radio'
-        }
-      }, [// @ts-ignore function children
-      h(RadioButton_1.RadioButton, {
-        valid: valid,
-        attrs: this.v3 ? undefined : {
+      var item = kendo_vue_common_1.templateRendering.call(this, this.$props.item || option.item, kendo_vue_common_1.getListeners.call(this));
+      return (// @ts-ignore function children
+        h(RadioButton_1.RadioButton, {
+          "class": kendo_vue_common_1.classNames('k-radio-item', {
+            'k-state-disabled': option.disabled || disabled
+          }),
+          style: option.style,
+          key: index,
+          item: item,
+          attrs: this.v3 ? undefined : {
+            item: item,
+            role: 'radio',
+            tag: 'li',
+            valid: valid,
+            className: option.className,
+            label: option.label,
+            value: option.value,
+            checked: isCurrentlyChecked,
+            disabled: option.disabled || disabled ? true : false,
+            labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
+            tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
+            index: index,
+            name: name || option.name || this.radioGroupName
+          },
+          role: 'radio',
+          tag: 'li',
           valid: valid,
           className: option.className,
           label: option.label,
@@ -174,26 +187,19 @@ var RadioGroupVue2 = {
           labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
           tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
           index: index,
-          name: name || option.name || this.radioGroupName
-        },
-        className: option.className,
-        label: option.label,
-        value: option.value,
-        checked: isCurrentlyChecked,
-        disabled: option.disabled || disabled ? true : false,
-        labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,
-        tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,
-        index: index,
-        name: name || option.name || this.radioGroupName,
-        onChange: this.handleChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleChange,
-          "focus": this.handleFocus,
-          "blur": this.handleBlur
-        },
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur
-      })]);
+          name: name || option.name || this.radioGroupName,
+          onChange: this.handleChange,
+          on: this.v3 ? undefined : {
+            "change": this.handleChange,
+            "focus": this.handleFocus,
+            "blur": this.handleBlur
+          },
+          onFocus: this.handleFocus,
+          onBlur: this.handleBlur
+        }, this.v3 ? function () {
+          return [option.content];
+        } : [option.content])
+      );
     }, this);
     return h("ul", {
       role: "radiogroup",

package/dist/npm/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -41,6 +41,16 @@ export interface RadioButtonProps {
      * Accepts a slot name, a `render` function, or a Vue component.
      */
     labelRender?: any;
+    /**
+     * Sets the item content template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    content?: any;
+    /**
+     * Sets the item render template of the Radio button component.
+     * Accepts a slot name, a `render` function, or a Vue component.
+     */
+    item?: any;
     /**
      * Sets the label position of the Radio button ([see example]({% slug labels_radiobutton %})).
      * Accepts two options: `before` or `after`. Defaults to `after`.
@@ -50,6 +60,10 @@ export interface RadioButtonProps {
      * Sets the `name` property of the Radio button.
      */
     name?: string;
+    /**
+     * Sets the `tag` property of the Radio button wrapping element.
+     */
+    tag?: string;
     /**
      * Configures the `size` of the RadioButton.
      *

package/dist/npm/textarea/TextArea.js

@@ -60,6 +60,7 @@ var TextAreaVue2 = {
     rows: Number,
     id: String,
     name: String,
+    validationMessage: String,
     size: {
       type: String,
       default: 'medium',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.1.2",
+  "version": "3.1.3-dev.202203311441",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,21 +38,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.1.2",
-    "@progress/kendo-vue-common": "3.1.2",
-    "@progress/kendo-vue-labels": "3.1.2",
-    "@progress/kendo-vue-popup": "3.1.2"
+    "@progress/kendo-vue-buttons": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-common": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-labels": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-popup": "3.1.3-dev.202203311441"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "3.1.2",
-    "@progress/kendo-vue-form": "3.1.2",
-    "@progress/kendo-vue-intl": "3.1.2",
-    "@progress/kendo-vue-labels": "3.1.2",
-    "@progress/kendo-vue-tooltip": "3.1.2",
+    "@progress/kendo-vue-buttons": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-form": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-intl": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-labels": "3.1.3-dev.202203311441",
+    "@progress/kendo-vue-tooltip": "3.1.3-dev.202203311441",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"