@progress/kendo-vue-inputs 3.5.4 → 3.6.0-dev.202209130634

package/dist/es/colors/ColorInput.js

@@ -150,8 +150,9 @@ var ColorInputVue2 = {
     } : [hexMessage])]), (this.inputMode === 'rgb' || this.inputMode === 'rgba') && [h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.r,
         min: 0,
@@ -161,6 +162,7 @@ var ColorInputVue2 = {
         ariaLabel: rLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.r,
       min: 0,
       max: 255,
@@ -180,8 +182,9 @@ var ColorInputVue2 = {
     } : [rMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.g,
         min: 0,
@@ -191,6 +194,7 @@ var ColorInputVue2 = {
         ariaLabel: gLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.g,
       min: 0,
       max: 255,
@@ -210,8 +214,9 @@ var ColorInputVue2 = {
     } : [gMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.b,
         min: 0,
@@ -221,6 +226,7 @@ var ColorInputVue2 = {
         ariaLabel: bLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.b,
       min: 0,
       max: 255,
@@ -241,8 +247,9 @@ var ColorInputVue2 = {
     } : [bMessage])])], this.inputMode === 'rgba' && h("div", {
       "class": "k-vstack"
     }, [this.$props.opacity && h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.a,
         min: 0,
@@ -253,6 +260,7 @@ var ColorInputVue2 = {
         ariaLabel: aLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.a,
       min: 0,
       max: 1,

package/dist/es/colors/interfaces/ColorGradientProps.d.ts

@@ -1,6 +1,6 @@
 import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
 /**
- * Represents the props of the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
+ * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
  */
 export interface ColorGradientProps {
     /**

package/dist/es/numerictextbox/NumericTextBox.js

@@ -98,6 +98,10 @@ var NumericTextBoxVue2 = {
     showLoadingIcon: Boolean,
     showClearButton: Boolean,
     inputClass: String,
+    inputType: {
+      type: String,
+      default: 'tel'
+    },
     wrapperClass: String
   },
   inject: {
@@ -550,7 +554,7 @@ var NumericTextBoxVue2 = {
         "aria-valuemin": this.$props.min,
         "aria-valuemax": this.$props.max,
         placeholder: this.$props.placeholder,
-        type: this.$props.inputType || 'tel',
+        type: this.$props.inputType,
         spellcheck: false,
         autocomplete: "off",
         autocorrect: "off",
@@ -564,7 +568,7 @@ var NumericTextBoxVue2 = {
       "aria-valuemin": this.$props.min,
       "aria-valuemax": this.$props.max,
       placeholder: this.$props.placeholder,
-      type: this.$props.inputType || 'tel',
+      type: this.$props.inputType,
       spellcheck: false,
       autocomplete: "off",
       autocorrect: "off",

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

@@ -120,8 +120,9 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * The available options are:
      * - (Default) `tel`
      * - `text`
+     * - `numeric`
      */
-    inputType?: NumericTextBoxInputType;
+    inputType?: NumericTextBoxInputType | string;
     /**
      * If set to `false`, no visual representation of the invalid state of the component will be applied.
      *

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: 1662729130,
+    publishDate: 1663050173,
     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/slider/SliderLabel.js

@@ -82,13 +82,11 @@ var SliderLabelVue2 = {
     } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
-      role: "presentation",
+      "class": "k-tick k-tick-large",
+      title: this.$props.title,
       attrs: this.v3 ? undefined : {
-        role: "presentation",
         title: this.$props.title
       },
-      "class": "k-tick k-tick-large",
-      title: this.$props.title,
       style: __assign({
         zIndex: 1,
         position: 'absolute'

package/dist/es/textarea/TextArea.js

@@ -41,6 +41,7 @@ var TextAreaVue2 = {
     'blur': null
   },
   props: {
+    title: String,
     ariaDescribedBy: String,
     ariaLabelledBy: String,
     autoSize: Boolean,
@@ -220,13 +221,15 @@ var TextAreaVue2 = {
         iconName = _a.iconName,
         showValidationIcon = _a.showValidationIcon,
         showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton;
+        showClearButton = _a.showClearButton,
+        title = _a.title;
 
     var textAreaAttrs = __assign({
       id: id || this.calculatedId,
       name: name,
       disabled: disabled,
       rows: rows,
+      title: title,
       placeholder: placeholder,
       readOnly: readOnly,
       required: required,

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

@@ -17,6 +17,10 @@ export interface TextAreaProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Identifies the title of the TextArea component.
+     */
+    title?: string;
     /**
      * Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
      * Defaults to `false`.

package/dist/esm/colors/ColorInput.js

@@ -150,8 +150,9 @@ var ColorInputVue2 = {
     } : [hexMessage])]), (this.inputMode === 'rgb' || this.inputMode === 'rgba') && [h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.r,
         min: 0,
@@ -161,6 +162,7 @@ var ColorInputVue2 = {
         ariaLabel: rLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.r,
       min: 0,
       max: 255,
@@ -180,8 +182,9 @@ var ColorInputVue2 = {
     } : [rMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.g,
         min: 0,
@@ -191,6 +194,7 @@ var ColorInputVue2 = {
         ariaLabel: gLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.g,
       min: 0,
       max: 255,
@@ -210,8 +214,9 @@ var ColorInputVue2 = {
     } : [gMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.b,
         min: 0,
@@ -221,6 +226,7 @@ var ColorInputVue2 = {
         ariaLabel: bLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.b,
       min: 0,
       max: 255,
@@ -241,8 +247,9 @@ var ColorInputVue2 = {
     } : [bMessage])])], this.inputMode === 'rgba' && h("div", {
       "class": "k-vstack"
     }, [this.$props.opacity && h(NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.a,
         min: 0,
@@ -253,6 +260,7 @@ var ColorInputVue2 = {
         ariaLabel: aLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.a,
       min: 0,
       max: 1,

package/dist/esm/colors/interfaces/ColorGradientProps.d.ts

@@ -1,6 +1,6 @@
 import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
 /**
- * Represents the props of the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
+ * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
  */
 export interface ColorGradientProps {
     /**

package/dist/esm/numerictextbox/NumericTextBox.js

@@ -98,6 +98,10 @@ var NumericTextBoxVue2 = {
     showLoadingIcon: Boolean,
     showClearButton: Boolean,
     inputClass: String,
+    inputType: {
+      type: String,
+      default: 'tel'
+    },
     wrapperClass: String
   },
   inject: {
@@ -550,7 +554,7 @@ var NumericTextBoxVue2 = {
         "aria-valuemin": this.$props.min,
         "aria-valuemax": this.$props.max,
         placeholder: this.$props.placeholder,
-        type: this.$props.inputType || 'tel',
+        type: this.$props.inputType,
         spellcheck: false,
         autocomplete: "off",
         autocorrect: "off",
@@ -564,7 +568,7 @@ var NumericTextBoxVue2 = {
       "aria-valuemin": this.$props.min,
       "aria-valuemax": this.$props.max,
       placeholder: this.$props.placeholder,
-      type: this.$props.inputType || 'tel',
+      type: this.$props.inputType,
       spellcheck: false,
       autocomplete: "off",
       autocorrect: "off",

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

@@ -120,8 +120,9 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * The available options are:
      * - (Default) `tel`
      * - `text`
+     * - `numeric`
      */
-    inputType?: NumericTextBoxInputType;
+    inputType?: NumericTextBoxInputType | string;
     /**
      * If set to `false`, no visual representation of the invalid state of the component will be applied.
      *

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662729130,
+    publishDate: 1663050173,
     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/esm/slider/SliderLabel.js

@@ -82,13 +82,11 @@ var SliderLabelVue2 = {
     } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
-      role: "presentation",
+      "class": "k-tick k-tick-large",
+      title: this.$props.title,
       attrs: this.v3 ? undefined : {
-        role: "presentation",
         title: this.$props.title
       },
-      "class": "k-tick k-tick-large",
-      title: this.$props.title,
       style: __assign({
         zIndex: 1,
         position: 'absolute'

package/dist/esm/textarea/TextArea.js

@@ -41,6 +41,7 @@ var TextAreaVue2 = {
     'blur': null
   },
   props: {
+    title: String,
     ariaDescribedBy: String,
     ariaLabelledBy: String,
     autoSize: Boolean,
@@ -220,13 +221,15 @@ var TextAreaVue2 = {
         iconName = _a.iconName,
         showValidationIcon = _a.showValidationIcon,
         showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton;
+        showClearButton = _a.showClearButton,
+        title = _a.title;
 
     var textAreaAttrs = __assign({
       id: id || this.calculatedId,
       name: name,
       disabled: disabled,
       rows: rows,
+      title: title,
       placeholder: placeholder,
       readOnly: readOnly,
       required: required,

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

@@ -17,6 +17,10 @@ export interface TextAreaProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Identifies the title of the TextArea component.
+     */
+    title?: string;
     /**
      * Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
      * Defaults to `false`.

package/dist/npm/colors/ColorInput.js

@@ -165,8 +165,9 @@ var ColorInputVue2 = {
     } : [hexMessage])]), (this.inputMode === 'rgb' || this.inputMode === 'rgba') && [h("div", {
       "class": "k-vstack"
     }, [h(main_1.NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.r,
         min: 0,
@@ -176,6 +177,7 @@ var ColorInputVue2 = {
         ariaLabel: rLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.r,
       min: 0,
       max: 255,
@@ -195,8 +197,9 @@ var ColorInputVue2 = {
     } : [rMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(main_1.NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.g,
         min: 0,
@@ -206,6 +209,7 @@ var ColorInputVue2 = {
         ariaLabel: gLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.g,
       min: 0,
       max: 255,
@@ -225,8 +229,9 @@ var ColorInputVue2 = {
     } : [gMessage])]), h("div", {
       "class": "k-vstack"
     }, [h(main_1.NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.b,
         min: 0,
@@ -236,6 +241,7 @@ var ColorInputVue2 = {
         ariaLabel: bLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.b,
       min: 0,
       max: 255,
@@ -256,8 +262,9 @@ var ColorInputVue2 = {
     } : [bMessage])])], this.inputMode === 'rgba' && h("div", {
       "class": "k-vstack"
     }, [this.$props.opacity && h(main_1.NumericTextBox, {
-      tabIndex: this.tabIndex,
+      inputType: 'number',
       attrs: this.v3 ? undefined : {
+        inputType: 'number',
         tabIndex: this.tabIndex,
         value: this.$props.rgba.a,
         min: 0,
@@ -268,6 +275,7 @@ var ColorInputVue2 = {
         ariaLabel: aLabelMessage,
         disabled: this.$props.disabled
       },
+      tabIndex: this.tabIndex,
       value: this.$props.rgba.a,
       min: 0,
       max: 1,

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

@@ -1,6 +1,6 @@
 import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
 /**
- * Represents the props of the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
+ * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
  */
 export interface ColorGradientProps {
     /**

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -113,6 +113,10 @@ var NumericTextBoxVue2 = {
     showLoadingIcon: Boolean,
     showClearButton: Boolean,
     inputClass: String,
+    inputType: {
+      type: String,
+      default: 'tel'
+    },
     wrapperClass: String
   },
   inject: {
@@ -565,7 +569,7 @@ var NumericTextBoxVue2 = {
         "aria-valuemin": this.$props.min,
         "aria-valuemax": this.$props.max,
         placeholder: this.$props.placeholder,
-        type: this.$props.inputType || 'tel',
+        type: this.$props.inputType,
         spellcheck: false,
         autocomplete: "off",
         autocorrect: "off",
@@ -579,7 +583,7 @@ var NumericTextBoxVue2 = {
       "aria-valuemin": this.$props.min,
       "aria-valuemax": this.$props.max,
       placeholder: this.$props.placeholder,
-      type: this.$props.inputType || 'tel',
+      type: this.$props.inputType,
       spellcheck: false,
       autocomplete: "off",
       autocorrect: "off",

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

@@ -120,8 +120,9 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * The available options are:
      * - (Default) `tel`
      * - `text`
+     * - `numeric`
      */
-    inputType?: NumericTextBoxInputType;
+    inputType?: NumericTextBoxInputType | string;
     /**
      * If set to `false`, no visual representation of the invalid state of the component will be applied.
      *

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: 1662729130,
+    publishDate: 1663050173,
     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/slider/SliderLabel.js

@@ -91,13 +91,11 @@ var SliderLabelVue2 = {
     } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(position, "%"), _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
-      role: "presentation",
+      "class": "k-tick k-tick-large",
+      title: this.$props.title,
       attrs: this.v3 ? undefined : {
-        role: "presentation",
         title: this.$props.title
       },
-      "class": "k-tick k-tick-large",
-      title: this.$props.title,
       style: __assign({
         zIndex: 1,
         position: 'absolute'

package/dist/npm/textarea/TextArea.js

@@ -50,6 +50,7 @@ var TextAreaVue2 = {
     'blur': null
   },
   props: {
+    title: String,
     ariaDescribedBy: String,
     ariaLabelledBy: String,
     autoSize: Boolean,
@@ -229,13 +230,15 @@ var TextAreaVue2 = {
         iconName = _a.iconName,
         showValidationIcon = _a.showValidationIcon,
         showLoadingIcon = _a.showLoadingIcon,
-        showClearButton = _a.showClearButton;
+        showClearButton = _a.showClearButton,
+        title = _a.title;
 
     var textAreaAttrs = __assign({
       id: id || this.calculatedId,
       name: name,
       disabled: disabled,
       rows: rows,
+      title: title,
       placeholder: placeholder,
       readOnly: readOnly,
       required: required,

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

@@ -17,6 +17,10 @@ export interface TextAreaProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Identifies the title of the TextArea component.
+     */
+    title?: string;
     /**
      * Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
      * Defaults to `false`.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.5.4",
+  "version": "3.6.0-dev.202209130634",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,22 +44,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.5.4",
-    "@progress/kendo-vue-common": "3.5.4",
-    "@progress/kendo-vue-labels": "3.5.4",
-    "@progress/kendo-vue-popup": "3.5.4"
+    "@progress/kendo-vue-buttons": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-common": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-labels": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-popup": "3.6.0-dev.202209130634"
   },
   "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.5.4",
-    "@progress/kendo-vue-dropdowns": "3.5.4",
-    "@progress/kendo-vue-form": "3.5.4",
-    "@progress/kendo-vue-intl": "3.5.4",
-    "@progress/kendo-vue-labels": "3.5.4",
-    "@progress/kendo-vue-tooltip": "3.5.4",
+    "@progress/kendo-vue-buttons": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-dropdowns": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-form": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-intl": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-labels": "3.6.0-dev.202209130634",
+    "@progress/kendo-vue-tooltip": "3.6.0-dev.202209130634",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"